{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "ПроДизайн.рус: заметки с тегом Тренды 2023",
    "_rss_description": "Полезные статьи для дизайнера",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/tags\/trendy-2023\/",
    "feed_url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/tags\/trendy-2023\/json\/",
    "icon": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/userpic\/userpic@2x.jpg?1678788487",
    "authors": [
        {
            "name": "ПроДизайн.рус",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/",
            "avatar": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/userpic\/userpic@2x.jpg?1678788487"
        }
    ],
    "items": [
        {
            "id": "24",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/all\/10-pravil-veb-dizaynera-po-tipografike\/",
            "title": "10 правил веб дизайнера по типографике",
            "content_html": "<p>Для создания качественного веб дизайна следует учитывать принципы типографики и соблюдать их, чтобы страницы выглядели эстетично, а текст можно было легко читать. Благодаря использованию типографики в дизайне сайт больше привлекает внимание, проще воспринимается и производит приятное впечатление.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg\" width=\"1500\" height=\"844\" alt=\"\" \/>\n<\/div>\n<h2>Правила веб-дизайна<\/h2>\n<p>Специалисты в данной отрасли выделили 10 основных правил, которых должен придерживаться каждый профи:<\/p>\n<h3>1. Применение стандартных шрифтов<\/h3>\n<p>Многие веб дизайнеры любят экспериментировать, попробовать подать материал по-особенному. Опытные специалисты рекомендуют использовать стандартные шрифты. Использование декоративных шрифтов может отвлекать читателей от содержания. Необычное изображение букв трудно воспринимается, быстро устают глаза. Удерживать внимание читателей проще с помощью стандартных типографских шрифтов.<\/p>\n<h3>2. Умеренность в количестве шрифтов — не более 2-3 видов<\/h3>\n<p>Рекомендуется выбрать один шрифт для заголовков, один для подзаголовков и один для основного текста. Такие тексты выглядят эстетично, их легко читать.<\/p>\n<h3>3. Использование Caps Lock для выделения текстовых фрагментов недопустимо<\/h3>\n<p>Когда часть текста выделяется заглавными буквами, это оказывает негативное влияние на пользователей.<\/p>\n<h3>4. Использование контраста<\/h3>\n<p>Правило хорошей типографии — для создания акцента на важных мыслях добавлять контрастное выделение отдельных фрагментов текста.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Ispolzovanie_kontrasta.jpg\" width=\"1500\" height=\"840\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Слово «ideas» выделено синей плашкой, чтобы показать его важность в данном предложении<\/div>\n<\/div>\n<h3>5. Строки должны иметь оптимальную длину<\/h3>\n<p>Читатели плохо воспринимают информацию, если строки слишком длинные. Нормальной считается длина от 40 до 70 символов. Оптимальное значение — 60.<\/p>\n<h3>6. Отказ от висячих строк<\/h3>\n<p>Когда вверху или внизу имеются короткие строки, оторванные от предыдущего или последующего абзаца, нарушается эстетика текста. Это мешает хорошему восприятию и рассеивает внимание читателей. Их нужно устранять путём переноса строк или изменением интервала между буквами.<\/p>\n<h3>7. Межстрочное расстояние<\/h3>\n<p>Не стоит строки располагать слишком близко. От этого страдает читабельность и восприятие. Оптимальный интервал — от 130 до 150% высоты строки.<\/p>\n<h3>8. Не стоит делать переносы<\/h3>\n<p>Они рассеивают внимание и мешают воспринимать информацию.<\/p>\n<h3>9. Помним о мобильной версии<\/h3>\n<p>Большинство людей выходят в интернет по телефону, потому что он всегда под рукой. Веб дизайнеры должны это учитывать и создавать дизайн, который будет эффективным для мобильной версии сайта.<\/p>\n<h3>10. Отказ от шрифта Comic Sans<\/h3>\n<p>Текст, напечатанный таким шрифтом, абсолютно нечитабельный, глаза от него устают моментально. Шрифт совершенно непригоден для использования в типографике.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Skazhi-comic-sans-net.jpg\" width=\"1500\" height=\"840\" alt=\"\" \/>\n<\/div>\n<p><b>Эти правила являются основой <a href=\"\/all\/web-designer\/\">веб дизайна<\/a><\/b>. Используйте типографику в дизайне, чтобы тексты хорошо воспринимались и легко читались, а внимание ничего не отвлекало от содержания страницы.<br \/>\nЕсть и другие аспекты создания красивого и удобного сайта — с ними вы можете ознакомиться <b><a href=\"\/all\/5-pravil-web-disaina\/\">в этой статье<\/a><\/b>. А чтобы ваше портфолио приводило клиентов, воспользуйтесь <b>сервисом взаимопиара для дизайнеров <a href=\"https:\/\/betop.me\/?utm_source=prodesign&utm_medium=content&utm_campaign=10_zolotyx_pravil_tipografiki\">Betop.me<\/a><\/b> — лайки, просмотры и комментарии в Behance, Dribbble, Artstation и другие площадки.<\/p>\n",
            "date_published": "2023-03-26T13:18:10+03:00",
            "date_modified": "2023-03-27T16:12:39+03:00",
            "tags": [
                "основы веб дизайна",
                "правила дизайна",
                "Продвижение Behance",
                "создание сайтов",
                "типографика",
                "Тренды 2023",
                "шрифты"
            ],
            "image": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg",
            "_date_published_rfc2822": "Sun, 26 Mar 2023 13:18:10 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "24",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Ispolzovanie_kontrasta.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Skazhi-comic-sans-net.jpg"
                ]
            }
        },
        {
            "id": "20",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/all\/5-trendov-veb-dizayna-2023-goda-y2k-dizayn-i-drugie-tendencii\/",
            "title": "5 трендов веб-дизайна 2023 года: Y2K дизайн и другие тенденции",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/5-trendov-veb-dizayna-na-2023-god.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">В дизайне баннера используется один из трендов. Какой? Узнаете из статьи.<\/div>\n<\/div>\n<p>Как и в любой отрасли, развитие веб-дизайна зависит от тенденций. Молодое поколение часто является движущей силой изменений, формируя список новинок дизайна. В настоящее время это поколение Z — люди, родившиеся в период с 1996-2010 годы.<br \/>\nРедакция <b>Продизайн.рус<\/b> изучила тенденции в IT и обозначили пять трендов веб-дизайна на 2023 год.<\/p>\n<h2>Y2K — дизайн<\/h2>\n<p>Понятие Y2K относится к эстетике 2000-х годов. Термин Y2K означает «двухтысячный год» — аббревиатура на самом деле означала ошибку, из-за которой дата не могла правильно отображаться на рубеже тысячелетий. Иконами стиля тогда были Бритни Спирс и Кристина Агилера, Пэрис Хилтон и Джастин Тимберлейк. Сейчас интерес к этому времени возвращается.<\/p>\n<p>Для веб-дизайна эта тенденция означает <b><i>возвращение ретро-интерфейсов и лоу-фай дизайна, шрифтов вроде Comic Sans, пастельных тонов и жирных надписей<\/i><\/b>. Есть также элементы, которые в сегодняшней интернет-культуре назвали бы «мусором», но их любят и уважают из-за ностальгии. GIF-файлы, бегущие строки и другие динамические функции, такие как значки, которые меняются при различных действиях, также возвращаются. Эстетика Y2K отдает дань уважения первым дням интернет-бума.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Y2K-design.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">А еще в данном стиле специально делают фото «шумным», как на этом примере<\/div>\n<\/div>\n<h2>Брутализм: еще одна фишка цифрового дизайна<\/h2>\n<p>Брутализм является архитектурным стилем: делается акцент на самой конструкции, <b><i>используются простые геометрические формы, предпочтительным материалом является бетон.<\/i><\/b> Эстетика считается незавершенной и грубой. Подобно элементам «трэша», архитектурный стиль уже не популярен с сегодняшней точки зрения и фактически считается уродливым, но возвращается в веб-дизайн как элемент ретро.<\/p>\n<p>Брутализм в цифровом дизайне следует принципу «функция превыше формы» и является минималистичным. Черно-белая цветовая палитра — своего рода антидизайн. Сайты с большим количеством текста сочетают минималистичные элементы с перекрывающимися изображениями.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Brutalizm-v-dizayne-dlya-socialnyh-setey.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">В примере изображения для социальных сетей в стиле брутализма<\/div>\n<\/div>\n<h2>90-е: ностальгия в браузере<\/h2>\n<p>Поколение Z способствует возвращению эстетики 90-х. Зернистые кадры из фильмов, модные тенденции, такие как джинсы с низкой посадкой, возвращаются — даже в современных сайтах.<\/p>\n<p><b><i>Доминируют смелые цвета и мультяшный стиль,<\/i><\/b> а также геометрические фигуры, напоминающие ранние рисунки в Microsoft Paint. В целом стиль напоминает обложки музыкальных альбомов и заставки телешоу того периода.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Stil-90-h-v-izobrazheniyah-dlya-soc-setey.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Стиль 90-х активно применяют оформлении социальных сетей, но и в дизайне сайтов также иногда встречается<\/div>\n<\/div>\n<h2>Рейв в дизайне сайтов<\/h2>\n<p>Рейвы — это разовые техно-события, которые обычно проходят в специально подготовленных местах, таких как пустые склады. Существует также особая рейв-мода, очень откровенная, красочная, насыщенная деталями и аксессуарами.<\/p>\n<p>Веб-дизайн в рейв-стиле привлекает внимание в основном неоновыми цветами, особенно в сочетании с черным, чтобы передать контраст между огнями клуба и ночной тьмой. <b><i>Популярны глитч-эффекты, психоделические изображения и смелые экспериментальные шрифты.<\/i><\/b> Эстетика рейва призвана создать ретрофутуристический эффект — своего рода будущее, каким его когда-то представляли.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Primer-ispolzovaniya-reyva-v-lendinge.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Пример использования стиля рейва в лендинге<\/div>\n<\/div>\n<h2>Метавселенная: новое будущее<\/h2>\n<p>Метавселенная — это новое видение цифрового будущего: виртуальный уровень, расширяющий реальность. На самом деле, пока нет точного представления о том, как именно она будет выглядеть.<\/p>\n<p>Эстетические элементы Метавселенной — <b><i>это шрифты и формы в 3D,<\/i><\/b> а также текстуры, напоминающие жидкий металл. Многомерные компоненты, смешанные элементы и хромированные текстуры также являются частью стиля. Технические шрифты подчеркивают футуристическую и технологическую атмосферу эстетики Метавселенной.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Metavselennaya-kak-dizayn-dlya-sozdaniya-saytov.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Пример оформления сайта в стиле метавселенной<\/div>\n<\/div>\n<p>Появление былых трендов в современном дизайне — явление не новое. Старые стили нередко возвращаются на пик популярности, приобретая новые оттенки и создавая новинки в дизайне. Это стоит учитывать при создании и обновлении оформления сайта и иной графики, чтобы увеличить привлечение клиентов.<\/p>\n<p>Но для того, чтобы вас заметили среди других дизайнеров, мало знать и пользоваться современными трендами — <b><i>важно быть на виду<\/i><\/b>. В этом вам поможет <b>сервис продвижения <a href=\"https:\/\/betop.me\/?utm_source=prodesign&utm_medium=content&utm_campaign=5_trendov\">Betop.me<\/a> — накрутка лайков, просмотров и комментариев в Behance, Dribbble, Artstation<\/b> и других платформах для дизайнеров.<\/p>\n<p><b>А какие тренды веб-дизайна вы замечаете чаще всего?<\/b> Поделитесь своим мнением в комментариях!<\/p>\n",
            "date_published": "2023-02-14T21:14:48+03:00",
            "date_modified": "2023-03-09T11:46:26+03:00",
            "tags": [
                "веб-дизайн",
                "графический дизайн",
                "дизайн",
                "Продвижение Behance",
                "продвижение в Dribbble",
                "Тренды 2023",
                "тренды дизайна"
            ],
            "image": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/5-trendov-veb-dizayna-na-2023-god.jpg",
            "_date_published_rfc2822": "Tue, 14 Feb 2023 21:14:48 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "20",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/5-trendov-veb-dizayna-na-2023-god.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Y2K-design.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Brutalizm-v-dizayne-dlya-socialnyh-setey.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Stil-90-h-v-izobrazheniyah-dlya-soc-setey.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Primer-ispolzovaniya-reyva-v-lendinge.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Metavselennaya-kak-dizayn-dlya-sozdaniya-saytov.jpg"
                ]
            }
        },
        {
            "id": "19",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/all\/viva-magenta-cvet-2023-goda-kak-eto-menyaet-nashu-zhizn\/",
            "title": "Viva Magenta — цвет 2023 года. Как это меняет нашу жизнь?",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Viva-Magenta-Pantone-2023.jpg\" width=\"1000\" height=\"600\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Цвет 2023 года<\/div>\n<\/div>\n<p>Тенденция  выбирать «Цвет года» началась в 1963 году. С тех пор цвет года ежегодно выбирается Институтом Pantone посредством системы подбора цветов и голосования членов правления.<\/p>\n<blockquote>\n<p><b><i>Идея в том, что людям и брендам время от времени нужен рестайлинг и вдохновение.<\/i><\/b><\/p>\n<\/blockquote>\n<p>Нам нравится периодически менять цвета, стиль одежды, дизайн интерьера, цвета сайта, стиль общения и т. д.<\/p>\n<blockquote>\n<p><b><i>Цель «цвета года» — удовлетворить эту новую потребность и повлиять на тенденции в брендинге, рекламе, дизайне и коммуникациях.<\/i><\/b><\/p>\n<\/blockquote>\n<p>Конечно, никто теперь не ожидает, что вы превратите весь свой гардероб, всю мебель в офисе или цвета бренда в Viva Magenta.<\/p>\n<p>Но может быть полезно временно включить его в некоторые области или в некоторые продукты.<\/p>\n<h2>Почему был выбран Viva Magenta, а не другой цвет? 🤔<\/h2>\n<blockquote>\n<p><b><i>Члены Pantone считают, что в 2023 году нам понадобится больше оптимизма, празднования, экспериментов и большей творческой силы  — качества, которые мы находим в Viva Magenta.<\/i><\/b><\/p>\n<\/blockquote>\n<p><b>PANTONE 18—1750 Viva Magenta<\/b> происходит от семейства красных и вдохновлен красным цветом кошенили, одного из самых ценных красителей, принадлежащих к семейству натуральных красителей, а также одного из самых сильных и ярких красителей, известных миру».  — Леатрис Эйсман, исполнительный директор Института Pantone.<\/p>\n<p>Оригинал текста по <a href=\"https:\/\/medium.com\/@lorinmihaib\/how-does-it-change-our-lives-to-know-that-viva-magenta-is-the-color-of-2023-d7674fd40400\">ссылке<\/a><\/p>\n",
            "date_published": "2023-02-09T15:17:14+03:00",
            "date_modified": "2023-02-09T15:17:07+03:00",
            "tags": [
                "Viva Magenta",
                "Тренды 2023",
                "тренды дизайна",
                "Цвет Viva Magenta"
            ],
            "image": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Viva-Magenta-Pantone-2023.jpg",
            "_date_published_rfc2822": "Thu, 09 Feb 2023 15:17:14 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "19",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Viva-Magenta-Pantone-2023.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4079,
    "_e2_ua_string": "Aegea 11.0 (v4079)"
}