10 трендов в веб-дизайне, которые могут появиться в 2020


Содержание материала:

Каким должен быть дизайн сайта в 2020

Развитие любого бизнеса – непростое дело. Приходится заниматься всем сразу: вы думаете о маркетинговых стратегиях, создании новых продуктовых линеек и росте компании. Все это происходит в один и тот же день и в одной и той же голове (вашей).

С таким количеством текущих задач digital-продвижение может отойти на второй план. Однако это станет серьезной ошибкой.

Британские ученые (нет) из Harvard Business Review недавно провели исследование насчет того, что именно заставляет людей совершать покупки на определенном сайте. Оказалось, что если покупатели чувствуют себя в безопасности, комфортно и непринужденно, находясь на сайте, то у вас становится гораздо больше шансов не просто «продать» им, но и сделать их постоянными клиентами.

Правильный дизайн сайта имеет главное значение в создании этого ощущения. Находясь на сайте, который прост и удобен, посетители испытывают больше положительных эмоций, а это повышает вероятность покупки.

Таким образом, хотя такие вещи, как имидж компании, отличные отзывы и качественный продукт, являются самыми очевидными способами вызвать интерес у посетителей, от дизайна сайта зависит, заслужит ли компания доверие или нет.

Есть несколько проверенных лайфхаков дизайна, позволяющих выделиться из толпы. Они помогут превратить посетителей вашего сайта в постоянных клиентов. Не волнуйтесь, речь не пойдет о банальностях вроде «адаптивного дизайна» – это слишком очевидно.

Вот пять главных трендов веб-дизайна и UX, которые работают на ваш бизнес.

1. Видео на лендинге

Внедрение видео в дизайн сайта не представляет никакой сложности. 78 процентов интернета пользователей смотрят видео онлайн каждую неделю и не испытывают проблем со скоростью.

Мало вставить старые видосы с YouTube. Вместо этого шагните на новый уровень, создав видео-лендинг.

Вы можете настроить это видео так, чтобы там был прямой призыв к действию на определенной странице, например, с помощью Salesforce. Или вы можете снять какое-то реально крутое, захватывающее видео, которое автоматически воспроизводится на главной странице сайта. Любой из этих подходов может, во-первых, дать посетителю дополнительную информацию, а во-вторых усилить контакт с ним. Оба улучшат UX и впечатление пользователей о вашем сайте (и компании) в целом.

Согласно исследованию Vidyard и Demand Metric «State of Video Marketing 2020», в котором приняли участие 159 специалистов и предпринимателей в сферах B2B и B2C, 69% трафика веб-сайта приходится на видео, а 70% участников сообщили, что видео конвертирует лучше, чем другие формы контента.

Хотя тотальная цифровизация, несомненно, улучшила многие аспекты нашей повседневной жизни, у нее есть и негативное влияние: люди стали совсем ленивы. Настолько ленивы, что даже нажать кнопку может быть лень.

Этот эффект неравномерной прокрутки помогает боролся с ленью посетителей, делая сайт привлекательным и интересным. С помощью простой прокрутки пользователи получают все новую и новую информацию, скролля страницу, и получают ее в неожиданной форме.

Популярность параллакс-прокрутки увеличила среднюю «длину» одностраничников и сделала на столь важной информацию, которая находится на первом экране, так как до нижней части «простыни» стали добираться больше людей. В конечном итоге это упрощает расстановку приоритетов между блоками контента и повышает вероятность того, что ваш пользователь увидит все, что требуется.

Например, проект Make Your Money Matter использовал эффект с красочно проиллюстрированной временной шкалой, проходящей как по горизонтали, так и по вертикали. Она отлично захватывает внимание!

3. Анимированные призывы к действию

Призывы к действию (CTA) в дизайне сайта – неприятная необходимость. Факт остается фактом: ваши посетители не будут знать, что делать, если вы явно не укажете им на это. И еще раз. И еще.

Однако просто поставить кнопку уже недостаточно. Люди видят кучу стимулов и call-to-action постоянно, поэтому чтобы выделить ваш CTA, нужно что-то другое.

Добавление небольшого количества анимации к вашим конверсионным элементам может дать отличный эффект. Это может быть простой эффект, привлекающий внимание пользователей. Человек с большей вероятностью выполнит нужное действие, если CTA захватывает внимание и если этот элемент интерактивен. Ведь иногда так и хочется нажать кнопку, которая явно отзывается на ваши движения мышкой, замечали? 🙂

Нужны примеры? Хорошо. Скажем, Airbnb использует приложение Lottie для создания графических анимаций поверх своих CTA на всех сайтах и в приложениях.

4. Индивидуальная типографика

Каждому сайту нужен хорошо оформленный текст, но времена скучных Times New Roman, Arial или любого другого стандартного шрифта давно прошли. Сделайте тексты более привлекательными с помощью уникальной типографики, которая сделает запоминающимся стиль компании и одновременно улучшит восприятие текста.

Пример нестардартной типографики в дизайне сайта. Актуально в 2020

Эта типографика может принимать различные формы (в буквальном смысле) или использоваться в разных областях сайта. Некоторые компании могут использовать ее в своем логотипе, а другие — применять собственный шрифт во всем дизайне сайта, чтобы привлечь внимание к важному контенту, (например, в призыве к действию в новостной рассылке). В конечном счете, выбор того, как и где использовать особый шрифт, остается за вами.

5. Искусственный интеллект

Несмотря на всплеск продаж в интерент-магазинах по сравнению с обычными, люди все еще хотят живого человеческого общения. Вероятно, это является одной из причин того, что искусственный интеллект во всех его формах настолько популярен.

ИИ в дизайне сайтов может принимать разные формы; некоторые популярные примеры – машинное обучение, персонализация и чат-боты. Машинное обучение и персонализация в некоторой степени схожи и дают чувство собственной «особенности» пользователю, что, в свою очередь, способствует повышению лояльности к компании.

Ну а чат-боты влияют на конверсию напрямую. Смысл использования чат-ботов в интерфейсе вашего сайта связана с обслуживанием клиентов. Они могут задавать вопросы и быстро получать ответы в режиме реального времени. И это можно красиво визуализировать.

Quartz – отличный пример чат-бота в мобильных приложениях. Благодаря интерфейсу живого диалога и веселым мемам пользователи с большой вероятностью вернутся, чтобы развлечься (вместо того, чтобы читать скучную новостную статью где-то еще).

Пример использования чат-бота

Вкладывая деньги и время в дизайн сайта, вы сможете создать лояльную клиентскую базу, которая будет покупать снова и снова. Существует множество других элементов дизайна, которые вы можете включить в свой маркетинг, но есть общие правила:

  • Сделайте так, чтобы пользователи чувствовали себя комфортно
  • Нужно презентовать компанию нужным образом
  • Акцентируйте внимание на важные призывы к действию
  • Дайте пользователям информацию, необходимую для осознанного выбора.

Отличия в сроках. Горячие запросы в SEO сложнее продвинуть, информационные — не сразу дают продажи. Таргетинг в соцсетях работает быстро, а привлечение подписчиков дает отложенный эффект, но все равно быстрее, чем в SEO.

10 тенденций веб-дизайна, которые исчезают (к счастью)

Тенденции в дизайне веб-сайтов могут быть очень интересными для экспериментов и внедрения в проекты, но если вы не будете осторожны, эти элементы могут придать проекту устаревший вид. Иногда тенденции исчезают так же быстро, как они появляются!

В этой статье мы рассмотрим некоторые тенденции в дизайне веб-сайтов, которые исчезают. (И это хорошо.)

Если на вашем сайте имеются ниже перечисленные элементы, возможно, пришло время подумать об обновлении.

1. Не слишком тонкие тени

Тени не должны быть настолько очевидными.

Как и во многих других тенденциях дизайна, кажется, что есть приливы и отливы между крайностями. Дизайнеры прошли путь от скеоморфных элементов до плоских дизайнов, от длинных теней до громоздких. Теперь в игру вступают более тонкие тени (к счастью).

Цель тени на элементе должна заключаться в том, чтобы помочь добавить слой глубины или оторвать его от фона для повышения удобочитаемости. Хорошая тень является частью дизайна, но не всегда очевидна.

Уход от слишком явных теней — это хорошо.

2. Слишком много сумасшедших цветов

Одной из самых больших тенденций 2020 и 2020 годов стало использование смелого, яркого цвета.

Но дизайнеры немного сокращают свои возможности, добавляя больше ярких цветов и меньше назойливых палитр.

Этот сдвиг может быть вызван трудностями брендирования веб-сайтов с массивными цветовыми палитрами, которые могут не соответствовать организационным стандартам, или это может быть связано с тем, что все начинает выглядеть одинаково из-за одинаковых палитр, включающих розовые, желтые и ярко голубые оттенки.

3. Мигающее видео

Видео на главной странице — это тенденция, которая, похоже, не собирается сбавлять обороты, однако все эти быстро меняющиеся, мелькающие видео, которые были практически на каждом сайте в течение некоторого времени, постепенно исчезают.

Проблема с мелькающими видео в том, что для многих пользователей это может быть слишком напряженно и непонятно. На что они должны смотреть, когда все движется со скоростью 100 километров в час?

Хотя это все еще может работать для некоторых веб-сайтов — если контент фокусируется на высокоскоростной или динамичной среде — это не должно быть чем-то по умолчанию. Притормозите немного и дайте посетителям сайта возможность насладиться движением на экране.

Используйте видео, чтобы рассказать историю и внести вклад в общую идею дизайна, а не только для того, чтобы заполнить пространство в заголовке главной страницы.

4. Анимированная загрузка

До свидания, анимированная загрузка!

Эта тенденция исчезает и вряд ли вернется по двум основным причинам:

  • Высокоскоростной Интернет уже давно доступен для огромного количества людей, поэтому относительно малая их часть видит анимацию.
  • Анимированная загрузка — это всего лишь сигнал о том, что ваш сайт работает медленно и нуждается в доработках.

5. Бесконечная прокрутка

Есть кое-что хорошее, что можно сказать о веб-сайте с длинной прокруткой. Он ощущается приятно на мобильном устройстве и обеспечивает непрерывный способ взаимодействия с контентом.

Но прокрутка не должна длиться вечно. Бесконечная прокрутка сайтов может быстро начать раздражать.

Многие из подобных проектов приходят с проблемами пользовательского опыта – посетители сайта теряются в прокрутке, навигации, снижается время загрузки, а также слишком большое количество информации без четкой возможности для клика. Для пользователя будет легко заблудиться (и ваш сайт потеряет конверсии) в бесконечной прокрутке.

Кроме того, бесконечная прокрутка плохо влияет на поисковую оптимизацию в долгосрочной перспективе.

6. Анимация на мобильном

Да, анимация может быть крутой.

Нет, каждый элемент в дизайне не нуждается в анимированном эффекте.

И многие из них до сих пор странно ведут себя на мобильном телефоне.

К счастью, все больше дизайнеров понимают это и сокращают анимационные эффекты на мобильных устройствах. Хотя многие из этих методов отлично смотрятся на настольных компьютерах, они не очень привлекательны для небольших экранов.

7. Слайдеры

Если ваши клиенты похожи на большинство, им нравятся слайдеры на главной странице. (И, вероятно, вы продолжаете пытаться отговорить их от этого).

Проблема со всеми этими слайдерами заключается в том, что они не влияют на общий дизайн или контент. Там практически ничего не происходит. Это скорее оправдание, чтобы не выбирать одну вещь, которая должна быть в верхней части страницы.

Слайдеры также могут создавать проблемы на мобильных устройствах, вероятно, по этой причине мы все меньше их встречаем. Иногда анимация не работает, а выравнивание и слои элементов приводят довольно часто к проблемам с читаемостью. Текст может стать очень маленьким, особенно если изображения слайдера не созданы с учетом написания кода и являются плоскими изображениями.

В целом, это давняя проблема дизайна. Слава всем тем, кто закопал эту тенденцию.

8. Боковые панели

Бросьте вы уже свои боковые панели!

Все дело в юзабилити. Боковая панель опускается в нижнюю часть экрана на мобильных устройствах, где, вероятно, большинство пользователей получают доступ к вашему сайту. Этот контент — хотя считается, что он находится в верхней части страницы на настольных ПК — теряется на мобильном телефоне.

Это также дом для рекламы и другого контента, который пользователи «обучены» игнорировать.

Таким образом, отказываясь от сайдбаров, дизайнеры могут лучше использовать пространство, поля и параметры дизайна во всю ширину.

9. Темные кнопки

С таким количеством болтовни о темных шаблонах в интернете, авторитетные дизайнеры уклоняются от элементов, которые специально сделаны, чтобы обмануть пользователей.

Примеры темного шаблона могут включать в себя большую кнопку для действий, которые пользователи не должны выполнять, и крошечную ссылку для того, что они хотят сделать, или «x», настолько маленький, что пользователи просто не могут на него нажать или кликнуть на элемент, от которого они хотят избавиться.

К счастью, сейчас кажется, что этих элементов стало намного меньше.

10. Перебор с иконками

Иконки — отличный инструмент, но, вероятно, они не должны быть единственным графическим элементом в дизайне.

Был этап, когда казалось, что каждый сайт использовал целые наборы иконок пользовательского интерфейса в дизайне. Это был ненужный перебор.

Теперь дизайнеры переосмысливают использование иконок с более акцентным подходом к этому элементу дизайна. И это хорошо.

Какие еще тенденции дизайна сайта вам надоели?

Нет лучшего времени, чем сейчас, чтобы провести быструю инвентаризацию ваших проектов и предложить изменения и хитрости, которые являются контрольными признаками устаревшего веб-сайта. Даже небольшие изменения могут оказать большое влияние и сохранить дизайн свежим.

Всем успешной работы и творчества!

Каким будет графический дизайн в 2020

Дизайн становится не просто набором графических элементов фирменного стиля, но и инструментом построения доверительных отношений с потребителем (помогает донести философию бренда).

Какой дизайн будет эффективен в этом году и как показать не только товар, но и его ценность?

Тотальный брендинг

Брендинг становится нужен не только крупным компаниям, но даже и не большим стартапам.

Фирменный стиль для итальянского кафе «Via Monte»

Создание визуала молодых компаний нацелено на сращивание брендинга со словесной коммуникацией, что, в свою очередь будет влиять на взаимодействие бренда с потребителем в целом, а не только на внешний вид буклетов или брошюр.

Что еще почитать на эту тему:

Как использование брендированной полиграфии помогает бизнесу?

Айденика становится более гибкой, т. е. вместо одного графического элемента создается целая система идентичности, которую легко подстроить под любые рекламные носители.

Результат: бренд становится интереснее для целевой аудитории, шире используются возможности дизайна.

Яркие цвета

Яркие резонирующие цвета всё еще в тренде (неожиданные сочетания, контрасты). Цвет помогает привлечь внимание потребителя к продукту/выразить философию бренда.

Дизайн должен вовлекать и притягивать, не стоит забывать, что ваша главная задача — правильно показать продукт. Будущему клиенту должно быть предельно ясно, чему посвящен ваш проект и чем отличается ваш товар или услуга. Яркие цвета вызывают позитивные эмоцию, расположенность к бренду у людей разных возрастных категорий (если дизайн выполнен со вкусом и имеет продуманную концепцию)

Смелая типографика

Типографика становится не только инструментом подачи текста, но и декоративным элементом в дизайне. В европейских странах этот прием давно используется, в России — только набирает обороты.

Поздняя адаптация этой тенденции под российские реалии связана с малым количеством хороших кириллических шрифтовых гарнитур, в последнее время шрифтовой дизайн в России набирает обороты. Шрифты становятся ярче и смелее.

Типографика взаимодействует с другими элементами дизайна.

Уникальность изображений

Пришло время отказаться от «заюзанных до дыр» фотостоков в пользу максимально качественных и живых снимков. Потребитель видит разницу между хорошей работой и фальшью, к тому же профессиональные снимки способны лучше показать ценность именно вашего продукта, его особенности и уникальность.

Для передачи сложных концепций можно использовать трехмерную графику, дополненную яркими цветами, градиентами, техниками, которую почти невозможно отличить от реального фото.

Графика, изображающая предметы и их философию привлекает внимание потребителя.

Конечно, для стартапов и малого бизнеса может быть невыгодно заказывать студийную съемку своих продуктов, в этом случае есть неплохая альтернатива — фотостоки с уникальным авторским контентом (небольшие инди-проекты).

На смену многоугольным формам приходят волнообразные элементы, плавные переходы, а также упрощение сложных геометрических форм.

Пересечение стилей

В 2020 «во главе стола» находится творческий подход. Один стиль проникает в другой. А на «выходе» рождается яркий, интересный продукт.

Делаем акцент на креативном подходе:

  • Смешиваем яркие цвета с градиентами и скетчи;
  • Соединяем иллюстрации от руки с фото;
  • Используем экспериментальную типографику;
  • Позволяем себе делать смелые компоновки;
  • Передаем через графику свойства и действия;
  • Используем простые геометрические формы.

Необычные решения привлекают внимание, хочется подробнее рассмотреть продукт, особенно эффективен такой подход в дизайне упаковки.

Пример: для отражения специфики проекта можно скорректировать конструктивистский логотип род нео-мемфис.

Для этого берем паттерн в стиле нео-мемфис и помещаем его на задний план. Элементы логотипа легко адаптируются под любые носители: полиграфическая продукция, интернет-рекламе, сувенирной продукции и т. д.

«Быстрый дизайн»

Общее настроение в сфере полиграфического дизайна:

  • Тенденции графического дизайна быстро меняются.
  • Брендинг перестает быть «продуктом» только для крупных корпораций.

Результат: растет спрос на «быстрый дизайн», создание визуала для малого бизнеса, стартапов и некоммерческих проектов без аналитики и стратегии.

Технологии задают свой ритм, не только в повседневной жизни, но и в мире дизайна:

  • сайтах типографий появляются конструкторы макетов, в которых за 10-15 минут можно создать стильный макет без знания графических программ;
  • в сети можно найти интересные ресурсы и приложения для создания дизайна разных маркетинговых материалов (это и макеты печатной рекламы, и дизайн для социальных сетей, и макеты для презентаций).

Одним из таких сервисов является Canva.

На сайте представлены различные рубрики:

  • Записи в социальных сетях;
  • Документы (фирменные бланки, сертификаты, презентации, листовки А4 и др.);
  • Блоги и электронные книги (баннеры для блога, обложки для книг и др.);
  • Маркетинговые материалы (плакаты, меню, флаеры, буклеты, подарочные сертификаты, визитки и др.);
  • Социальные сети и заголовки писем;
  • События (открытки, приглашения, программы и др);
  • Реклама (баннеры разных форматов).

Время редактирования: 10 — 15 минут.

Навыки дизайнера: не нужны.

Возможность сохранения: есть (можно выбрать вариант jpg, png, pdf — стандартный, pdf — для печати).

Русский язык: да.

Цена: огромное количество бесплатных шаблонов, также есть и платные версии (стоимость 1 $).

А еще: есть возможность работать командой, создавать макеты с нуля, загружать свои шрифты и другие графические элементы.

Тренды веб-дизайна 2020: девяностые возвращаются!

Ох, 90-е… Эта эпоха дала нам столько всего. Гранж был на подъеме, восточное побережье воевало с западным в хип-хопе. Все ходили в джинсах с высокой талией и рубашках, а на ногах (в идеале) были Converse. Кроме того, это десятилетие дало нам сериал «Друзья», «Симпсонов» и «Южный парк». И все, что придет вам в голову – поп-культура, политика, мода – было каким-то грубым, неотесанным. Этот вид ознаменовал эпоху.

Перенесемся в современность: этот образ 90-х годов возвращается на новый уровень. И это не остановить.

Грубая эпоха 90-х рулит дизайном. Яркая анимация, большие шрифты и асимметрия.

Прошли те времена, когда была востребована идеальная симметрия и нежный дизайн.

Хотя каждый веб-сайт сам по себе уникален, есть некоторые элементы, которые совпадают. Ниже мы расскажем об этих элементах – они помогут вам достигнуть стиля 90-х.

Перебор в типографике

Одна из самых ярких характеристик девяностых – броская типографика. Конечно, не стоит забывать о читабельности текста. Но это не означает, что вы должны делать его блеклым. Добавьте перчинки и сделайте леттеринг центром вашего дизайна. Некоторые комбинации работают лучше, чем другие, поэтому будьте осторожны при выборе шрифтов для вашего сайта.

Экспериментируйте со стилями шрифтов, используйте прописные и строчные буквы. У вас огромное количество вариантов. Главный принцип – чем больше, тем лучше. Дизайнерское агентство Locomotive приводит интересные кейсы.

Просто посмотрите на этот заголовок, который занимает весь экран. Он действительно создан для того, чтобы вы его заметили. Ну и, конечно же, контраст.

Есть также сайты вроде davideperozzi.com, которые шагнули вперед и сделали типографику наиболее заметным элементом своего дизайна.

Даже в разделе Портфолио все повернуто на огромных буквах! Изображения и цвета вторичны. Вы увидите картинки – но только мельком – если наведете курсор или нажимаете на слово. Эта типографика сочетается с различными анимационными эффектами. И именно эта комбинация больших шрифтов и нетипичных анимаций делает сайт динамичным, интересным и запоминающимся.

Контрасты в размерах шрифта

Из-за того, что вы используете огромные заголовки, остальная типографика на сайте должна быть меньше. Это не значит, что она должна быть «стандартной». Просто разница должна быть такой, чтобы смягчить чрезмерный эффект и показать, что у вас есть визуальная иерархия.

Ребята из craftedbygc.com проделали большую работу по объединению идеально заданных размеров шрифта с изображениями, которые они выбрали для использования на странице.

Заголовки – наиболее заметный элемент этого дизайна, в то время как остальная типографика значительно меньше. Она поддерживает структуру страницы, не перекрывая изображения.

Асимметричный макет

Еще несколько лет назад симметричное расположение элементов было стандартом дизайна. Забудьте об этом. В наши дни правит асимметрия. Хотя эта техника может быть немного провокационной, она определенно эффективна.

Отличный пример – сайт Burnish Creative.

С каждым вашим скроллом происходит что-то странное. Буквы движутся, воспроизводиться видео, появляются лица на изображениях, один элемент перекрывает другой. Может показаться, что это перебор. Но для такого сайта этот прием освежает общий вид.

Каждая страница – хранилище контента. Иногда его слишком много, и посетитель устает. Но такое разнообразие даст новый мотив: он будет прокручивать, чтобы увидеть новую анимацию или видео.

Минимализм

Возможно, эстетика 90-х выглядит не минималистично, но на самом деле это так. Вас не должны смущать огромные шрифты и смелый дизайн. Если вы присмотритесь, то поймете, что на любой из этих страниц не очень много элементов.

Дизайн лишен любых элементов, в которых нет смысла. Весь смысл в том, чтобы дать вашим посетителям именно то, что они искали. Вы не хотите отвлекать их ненужной косметикой. Упрощая свой дизайн, вы повышаете эффективность сообщения. Поставьте пользователей на первое место и убедитесь, что ваш дизайн соответствует их потребностям.

Контурная типографика

Эстетика 90-х и контурная типографика – это любовь навсегда. Полые шрифты – отличный выбор, особенно для веб-сайтов, где много изображений. Если вы не хотите, чтобы ваша типографика подавляла картинки, но сам текст очень важен, этот способ убьет сразу двух зайцев.

Сайт benandmartin.com – отличный пример использования типографики.

Когда вы прокручиваете страницу вниз, на вас «выпрыгивают» новые проекты, и каждый подписывается контурным шрифтом. И главное – хоть шрифт и большой, нет ощущения, что он доминирует. Картинки главный элемент страницы. Если бы они использовали сплошной шрифт, а затем поместили текст поверх изображений, изображения служили бы просто фоном для текста.

Такая типографика хороша тем, что вы можете поиграть с ней и разместить надписи там, где вы хотите.

Смелая анимация

Мы хотим, чтобы все было просто, верно? Как мы уже говорили, нет необходимости добавлять ненужные детали. Но вы можете добавить несколько эффектов анимации десь и там, чтобы сделать процесс просмотра более увлекательным и захватывающим.

Как этот парень:

Луи Анса использует смелые анимации, чтобы превратить обычный сайт-портфолио в нечто запоминающееся. Он также позаботился о микровзаимодействии на своем сайте. Как только вы наводите курсор мыши на изображение или кнопку, указатель меняет свою форму. Такие мелочи имеют значение и делают процесс просмотра особенным и приятным.

Крайности брутализма

Один из способов придать вашим сайтам внешний вид 90-х годов – использование брутализма. Паскаль Девиль (brutalistwebsites.com) дал одно из лучших объяснений того, что такое брутализм:

В своей жесткости и отсутствии заботы о том, чтобы выглядеть комфортно или просто, брутализм можно рассматривать как реакцию молодого поколения на оптимизм и легкомысленность современного веб-дизайна.

Брутализм – полная противоположность строгим дизайнам, к которым мы все привыкли. Множество ярких цветов, микровзаимодействий, неуместных изображений, анимации… Это некоторые из основных характеристик как эстетики 90-х, так и бруталистического дизайна.

Нарушайте правила и забудьте о совершенстве. Наполните содержание индивидуальностью и характером. В этом суть брутализма. И хотя художники-бруталисты часто применяют более смелый подход к этой философии, он может может помочь вам добиться эстетики девяностых.

Сделайте красным

Мы уже говорили о том, что дизайны, вдохновленные 90-ми годами, в основном лишены цвета – они используют его как изюминку. Но если вы захотите использовать эту изюминку, какого цвета она будет? Какой цвет лучше всего сочетается с простой, но впечатляющей эстетикой 90-х? Конечно же красный!

Если ваша цель – привлечь внимание, то смело выбирайте красный. Этот цвет уже глубоко укоренился в наших мозгах. Мы связываем его с силой, энергией и страстью. Вернитесь и еще раз посмотрите на все примеры, которые мы использовали в тексте. На этих сайтах не так уж много цветов, но детали красного цвета есть везде! Ваш глаз сразу же обращается именно к этим элементам.

Но здесь важно не переборщить. Убедитесь, что вы используете его в меру, и только для деталей, которые хотите выделить.

Заключение

Уникальная эстетика 90-х набирает популярность сегодня. Особенно среди более альтернативной публики. Простой, эффективный, смелый, привлекающий внимание – именно так должен выглядеть ваш дизайн, если вы хотите выглядеть как в 90-х.

10 трендов, которые помогут в борьбе за потребителя в 2020 году

Маркетинговые инструменты формирования потребительского и контент-опыта, которые будут полезны бизнесу в привлечении и удержании потребителей в 2020 году.

Тренды маркетинга 2020 года будут являться отражением современных рыночных тенденций, изменений в моделях потребительского поведения и развития цифровых технологий. В ответ на динамику внешней среды бизнес вынужден искать новые решения, позволяющие опередить конкурентов в борьбе за кошельки потребителей.

Рис. 1. Ключевые рыночные риски, с которыми сталкивается бизнес на потребительских рынках (по результатам опроса участников конференции CFO Russia «Управление рисками в ритейле»).

Бизнес уже в полной мере осознал происходящие изменения в моделях потребительского поведения. Основные риски связаны именно с этим – снижение/нестабильность покупательной способности потребителей (64% опрошенных), охота за скидками как отражение новой рациональной потребительской модели (55%), необходимость формирования таких customer experience и позиционирования, которые позволяли бы компании выделиться на фоне конкурентов и удивить потребителей (45%).

Кроме того, компании вынуждены вступать в гонку рекламных бюджетов или искать нетрадиционные способы привлечения внимания, чтобы достучаться до потребителей, которых окружает нарастающий с каждым днем информационный шум (27%). Влияние конкурентов прослеживается через усиление конкурентного давления (55%), необходимость формирования упомянутого выше customer experience и увеличивающуюся скорость копирования конкурентами идей и концепций (27%).

Исходя их описанных выше тенденций, какие же тренды маркетинга в 2020 году будут отчетливо прослеживаться в России?

1. Рост популярности live-видео

По данным Digital Marketing World, в 2021 году на прямые эфиры в мире будет приходиться 13% интернет-трафика, при этом 90% потребителей видео помогает совершить покупку, а тех, кто предпочитает посмотреть видео перед покупкой, в четыре раза больше тех, кому нравится читать о товарах или услугах. Live-видео, приходящее на смену записанным роликам, воспринимается потребителями как более настоящее и вызывает больше доверия. Для компаний это прекрасный способ показать новым потребителям бизнес изнутри, продемонстрировать товары и услуги, подтвердить свою экспертизу, дать рекомендации, познакомить с довольными клиентами и др.

Никакие тексты и картинки не смогут передать атмосферу и эмоции так, как видео. Прямые эфиры – это возможность сократить дистанцию между бизнесом и потребителями, и возможность вовлечения их в коммуникацию. Особенно хорошо это работает в случае, если эфир проводят конкретные люди, например, сам собственник малого бизнеса. Потребители все меньше доверяют рекламе и все больше – личностям.

Одновременно с этим для компаний это возможность оперативно генерировать большое количество контента, а для зрителей – оптимальный с точки зрения наглядности и экономии времени способ получения информации.

2. Развитие AR-технологий

Потребители все больше погружаются в виртуальное пространство – они буквально живут «на кончиках пальцев». Уход покупателей в онлайн-канал на рис. 1 указан как один из рисков не только для офлайн, но и онлайн-бизнеса. Для выживания ритейлерам сегодня нужно формировать максимально удобный для потребителей customer experience, в связи с этим традиционная розница активно идет в интернет-продажи, а интернет-магазины и бизнесы, представленные в социальных сетях, все чаще открывают шоу-румы. На смену шоурумингу (посещение магазинов без покупки с дальнейшим ее совершением через интернет) приходит вебруминг (сравнение и выбор товаров в Интернете с дальнейшей покупкой в торговой точке).

В этой ситуации дополненная реальность (AR) становится не только возможностью соединить офлайн и онлайн, но и добавить элемент геймификации и во взаимодействие с потребителями. Это позволит бизнесу предлагать потребителям максимально глубокий опыт взаимодействия на всем пути клиента, сократить разрыв между офлайном и онлайном, а также ускорять принятие потребителем решения о покупке.

Например, у IKEA есть приложение, позволяющее визуализировать, как будет выглядеть предмет мебели в доме, прежде чем потребители совершат покупку. Кроме того, если говорить о развитии направления геолокации, это может быть не только расстояние до ближайших ресторанов или магазинов, но и средние цены в них, количество свободных парковочных мест или свободных столиков и др.

3. Интерактивный контент

Вовлечь потребителей в коммуникации все сложнее. Это значит, что уже недостаточно писать хорошие тексты и делать красивое оформление постов – вероятность того, что за них зацепится внимание потребителей, снижается с каждым днем.

Одновременно в этим все чаще от потребителей поступают жалобы о том, что их не слышат, хотя они готовы открыто выражать свое мнение. Лишь немногие компании отслеживают отзывы о себе на сайтах-отзывиках, мониторят соцсети и отвечают своим подписчикам не типовыми фразами, а полноценно отрабатывая запросы и негативные обращения.

Совмещая интересный контент с желанием потребителей быть услышанными и вовлекая их в диалог, компания сможет выделиться на фоне конкурентов. Опросы, игры, интерактивные видео, позволяющие поймать потребителей «здесь и сейчас» и дающие им новые впечатления, позволят решить эту задачу, увеличивая «видимость» контента и дольше удерживая посетителей в соцсетях или на сайте компании. Кроме того, именно такой контент чаще всего вызывает желание им поделиться, запуская сарафанное интернет-радио.

4. Переход от точечного контента к контент-опыту

Несмотря на наличие контент-планов у SMM-менеджеров, большинство компаний работают без коммуникационной стратегии. Контент-опыт – это сам контент, форма его подачи, структура, используемые информационные поводы и единая линия, которая пронизывает весь контент, исходящий от компании к потребителям. Иными словами, это тот customer experience, который получает потребитель при взаимодействии с компанией через различные каналы.

В связи с этим в основе контент-плана должны лежать не «хотелки» маркетолога, а позиционирование и ценности компании или бренда, системно транслируемые потребителям на всех этапах пути клиента. Маркетолог не должен ждать, что потребители случайно увидят пост в социальных сетях или статью, или будут целенаправленно их искать, их цель – быть там, где находятся потребители, облегчать им принятие решение о покупке, поддерживать их мнение по правильности сделанного выбора и формировать лояльность.

Качественный контент в Интернете (сайт, размещение на внешних площадках, публикации в СМИ, соцсети и др.) – это способ подчеркнуть экспертизу компании, а также обеспечить органический рост трафика на сайт компании.

5. Смещение покупок в социальные сети

Потребители все активнее идет за покупками не только в интернет-магазины, но и в социальные сети, становящимся полноценными площадками, на которых может осуществляться продажа через посты. Например, за рубежом 72% подписчиков Instagram совершали в нем покупки, а 70% Pinterest использовали его для выбора товаров и услуг (данные Forbes).

Это значит, что и в нашей стране можно ожидать роста количества покупок в этом канале продаж. Речь идет не только о покупках при оплате непосредственно через соцсеть (электронная коммерция), но о покупках с другими способами оплаты товаров, представленных только в соцсетях (например, одежда нишевых дизайнеров).

6. Персонализация и кастомизация

Несмотря на кажущееся разнообразие предлагаемых товаров и услуг, иногда потребителям нечего выбрать – при широчайшем выборе, предоставляемом торговыми центрами, сетями и интернет-магазинами, все чаще потребители говорят о невозможности найти именно то, что им нужно. Существует так называемая иллюзия выбора, формирующая неудовлетворенность потребителей. За рубежом почти 80% потребителей готовы проголосовать кошельком в пользу компаний, предлагающих им персонализированный опыт.


В этой ситуации они все чаще обращают свое внимание на нишевые товары и услуги, предлагаемые преимущественно малым бизнесом (мини-пекарни, торты на заказ, дизайнерские украшения, обувь и одежда и др.). При этом часто компании предлагают не полностью уникальные продукты, а модификации на основе базовых изделий. Например, возможность выбрать цвет, варианты воротничков и манжет у мужских рубашек или блузок. Это позволяет бизнесу эффективно отстроиться от конкурентов, давая при этом потребителям возможность выделиться на фоне огромного количества продукции массового производства, подчеркнув свою уникальность и получив товар «под себя».

Компаниям нужно искать критерии, по которым потребителей не устраивают представленные в продаже товары и услуги, и предлагать что-то в противовес. Персонализация все активнее касается и интернет-активностей компании – email-рассылки, возможность фильтрации контента и т.п., все эти инструменты должны использоваться с учетом особенностей и запросов целевой аудитории.

7. Партнерский маркетинг и коллаборации

Коллаборация позволяет за счет объединения двух или более брендов получать рост продаж товаров или услуг. Все популярнее становятся проекты на рынке продуктов питания (например, шоколад «Маша и медведь» или мороженое «Зенит»), в рознице (например, сети и студии мультфильмов), в сфере дизайна и моды и др. В случае, если компании объединяют свои усилия, например, при продвижении продукции или проведении мероприятия.

При выборе партнера важно, чтобы целевые аудитории пересекались не менее, чем на 50%, в противном случае есть вероятность, что объединение не будет понято. Такие программы – это возможность не только обменяться целевой аудиторией, но и сэкономить бюджет, а для новых бизнесов – шанс получить «путевку в жизнь» за счет более известного и уже принятого целевой аудиторией партнера. Для потребителей же это возможность получения предложений в формате «ограниченная серия» и нового интересного опыта.

8. Ситуативный маркетинг

Занимаясь ситуативным маркетингом, компании обыгрывают в привязке к своей продукции или брендам актуальные новости, значимые для общества события или любые другие информационные поводы, которые могут «зацепить» целевую аудиторию. Одним из нашумевших примеров такой рекламы стали посты в социальных сетях, которыми бренды отреагировали на провокационную рекламу Reebok #нивкакиерамки.

С помощью ситуативного маркетинга можно быстро привлечь внимание к компании, ее товарам, услугам и повысить продажи на волне обсуждения новости или события. При этом маркетологам нужно помнить о скорости распространения информации и продолжительности жизненного цикла любого информационного повода. С развитием социальных сетей средняя продолжительность ажиотажа вокруг «горячих» новостей составляет 2-3 дня, при этом пик приходится на первые сутки после начала распространения информации.

Поэтому у маркетологов есть буквально несколько часов, чтобы разместить рекламу или контент и успеть сыграть на ажиотаже. Важно успеть и стать одними из первых, чтобы получить максимальный охват на волне распространения новости. В противном случае можно опоздать и ситуативный маркетинг компании окажется «второй свежести».

9. Обучение потребителей

Современный маркетинг базируется на том, что потребители покупают не товары или услуги, а решение своих проблем. Кроме того, время становится одной из базовых потребительских ценностей. Люди пытаются в 24 часа успеть сделать море дел, ничего не успевают и поэтому все чаще находятся в постоянном стрессе. В ответ на это бизнес предлагает множество способов сэкономить время на приготовлении пищи, обучении, совершении покупок и др. Чем больший резерв времени компания сможет создать потребителям, тем дороже они будут готовы заплатить за ее предложения.

Одновременно с этим потребители хотят сэкономить время, силы и нервы при выборе и принятии решения о покупке. В этой ситуации компания должна сопровождать потенциальных потребителей на каждом этапе пути клиента, предлагая полезный и практичный контент, который будет склонять потребителей к совершению покупки. Если раньше реклама давала минимум информации, сегодня контент в виде инфографики, статистики, инструкций, видео-обзоров и др. – это способ обучения потребителей продукту и его использованию, работающий на повышение вероятности покупки и формирование лояльности.

10. Дизайнмышление, customer development и growth hacking

Взрывной рост государственных и частных акселераторов и увеличение количества стартапов приводит к тому, что все активнее и существующий бизнес начинает использовать инструменты, позволяющие максимально быстро тестировать и выводить на рынок новинки в попытках удержать потребителей, постоянно ищущих новый опыт и впечатления.

Дизайн-мышление, customer development и growth hacking – методики, позволяющие на стыке маркетинга (изучение потребительского опыта, конкурентов и рынка), управления продуктом (генерирование идей и создание тестовых продуктов) и управления проектами, находить нестандартные идеи и запускать востребованные рынком стартапы или новые продукты.

Перечисленные подходы близки и позволяют с относительно небольшим бюджетами (инвестициями разработку и запуск) и в ограниченные сроки решать задачу развития ассортимента с ориентацией на выявление неудовлетворенных потребностей потребителей и предложения им решений, соответствующих желаемому customer experience.

10 трендов в веб-дизайне, которые могут появиться в 2020

Вы решили запустить бизнес в диетологии и начали с разработки корпоративного сайта? Мысль весьма мудрая, так как для поиска и привлечения клиентов свой сайт или лэндинг вам точно понадобится. Это незаменимая площадка для рекламы и продаж продукта компании, место, куда вы приведете свою целевую аудиторию, чтобы она узнала о вашем бренде и захотела воспользоваться тем, что вы предлагаете.

Поэтому к разработке и дизайну корпоративного сайта (лэндинга) надо подходить очень ответственно. От того, насколько точно вы попадете в цель с цветовым решением, визуальным контентом и графическим исполнением, будет зависеть, останутся ли клиенты здесь или быстро закроют сайт и пойдут искать то же самое в другом месте.

Сегодня мы хотим рассказать вам о трендах в веб-дизайне сайтов и лэндингов на 2020-2020-й годы. Это те «фишки», которые на сегодняшний момент, лучше всего срабатывают и удерживают внимание аудитории, тот макет, по которому модифицируют свои сайты ведущие компании мира. Итак, поехали…

1. Нарисованные от руки и 3D иллюстрации

Без иллюстраций не обходится ни один сайт и лэндинг. Как ни крути, но обычный текст даже с супер креативной версткой и лучшими фото сотрудников и партнеров вашей компании, сегодня не привлечет целевую аудиторию. Клиентам нужны картинки: красивые, яркие, запоминающиеся и заставляющие купить.
Визуальный контент – это то, на чем еще долго будет держаться веб-дизайн всех площадок онлайн-продаж. Поэтому вам нужно особенно позаботиться о том, какими картинками и фотографиями вы будете наполнять свой сайт.

Если говорить о трендах, то в 2020-2020 годах на пике популярности будут изображения, нарисованные от руки (этой «фишкой» дизайна уже активно пользуются такие мировые гиганты как Dropbox, Slack и Intercom) и 3D картинки.

Первые выглядят абсолютно плоско и достаточно необычно, так как производят впечатление ручной работы. В таких изображениях приветствуется креатив и эксклюзивный почерк художника (помните, как у Гапчинской, рисунки которой невозможно спутать ни с чем). Нарисованные от руки иллюстрации, всегда выглядят по-особенному чувственно и живо.

А вот 3D изображения – это вызов времени, попытка стереть грань между реальным миром и цифровым, передав образы максимально реалистично. Трехмерные картинки однозначно привлекают внимание, к ним так и хочется дотронуться.

Попросите дизайнеров придумать для вас что-то необычное, и вас точно заметят среди толпы конкурентов с шаблонными сайтами.

2. Видео

После того как скорость интернета стала действительно поразительно быстрой, сайты и лэндинги перестали удивлять одними лишь картинками и текстами. Теперь стремительно развивается эра видео-контента, который начинает играть ключевую роль в визуальном оформлении посадочных страниц.
Видео привлекает гораздо больше внимания пользователей, и они готовы побыть на странице подольше, а это верный признак того, что решение совершить покупку вашего продукта может настигнуть их прямо сейчас.

К тому же сайты, на которых посетители проводят много времени, обычно гораздо быстрее и легче продвигаются в поисковых системах, что позволяет экономить рекламный бюджет, и дает потенциальным клиентам возможность вас найти.

Видео-вставки помогают эффектно преподнести отзывы о вашей компании, емко рассказать о партнерах и консультантах по питанию, которые будут вести клиентов, показать изнутри ваш центр диетологии, загрузить историю о руководителе и т.п. При этом маленькие ролики можно как зациклить в одну непрекращающуюся цепочку, так и подать в виде одиночных сюжетов со звуком.

3. Жирный шрифт

На фоне красивых изображений и видео-вставок текстовый контент лэндинга легко может затеряться. А ведь без броского обращения к клиентам не сработают ни один лид-магнит и кнопка «купить». Поэтому надо сделать так, чтобы ваше сообщение было прочитано. Помочь в этом может массивный шрифт, который быстро притягивает к себе взгляды пользователей.

Тем более что текст, написанный жирным шрифтом, проще читать, в том числе, и на мобильных устройствах с небольшим экраном.

4. Яркий фон

В 2020-2020-х годах веб-дизайнеры также предлагают выделяться за счет яркого фона сайта или лэндинга. Сочный и насыщенный оттенок фона точно привлечет к себе внимание посетителей, главное, угадать с самим цветом.

По версии Panton, в этом году самым популярным будет цвет живой коралл – это мягкое сочетание красного и оранжевого цвета. Впрочем, нужно помнить, что вы работаете в сфере диетологии, для которой больше подходят оттенки зеленого, голубого и бирюзового цветов. Хотя от смелых нестандартных решений вас никто не отговаривает.

Одним словом, найдите свой корпоративный цвет, попробуйте поставить его в качестве фона на сайт или лэндинг и протестируйте готовый вариант на предмет удержания внимания посетителей.

5. Орнаменты из геометрических фигур и шаблонов

Все просто и лаконично: фон сайта, состоящий из пары шаблонов или строгой геометрии, которые легко масштабируются. Фоны с шаблонными картинками сегодня опять на пике популярности.
Они обращают на себя внимание, подчеркивают тематику ниши и создают особое настроение у пользователей. Для реализации такой техники можно использовать изображения формата SVG и PNG с шаблонными или геометрическими рисунками на фоне.

6. Разделенный экран

Если вам нужно связать текст с изображением, то хорошо использовать технологию разделенного экрана. Split-screen уже давно полюбили веб-дизайнеры, но он до сих пор не выходит из моды. В ближайшие 2 года ничего не поменяется.

Лэндинги, поделенные на две части, отлично помогают донести до пользователя сразу два оффера (коммерческое предложение). К тому же, данная техника прекрасно смотрится на мобильных устройствах, где на двух горизонтальных панелях могут быть расположены вертикальные блоки контента.

7. Градиенты

Еще одна любимая «фишка» веб-дизайнеров. Градиенты подходят для любого стиля сайта, придавая его оформлению больше глубины и выразительности. Смелые и красочные варианты позволят подчеркнуть ваше коммерческое предложение и посыл, который вы хотите донести потенциальным клиентам.

А еще с градиентами хорошо экспериментировать. То же самое можно сказать и о дуотонах, которые тоже отвоевали себе лидерские позиции среди веб-трендов. Дуотона – это специальные фильтры, заменяющие черный и белый цвет на фотографии двумя выбранными цветами.

С помощью таких фильтров можно придать любому изображению особый корпоративный стиль, просто используя в качестве цветозамены основной цвет вашего бренда.

Теперь у вас есть все поводы для вдохновения написать четкое техническое задание разработчикам вашего корпоративного сайта/лэндинга. Безусловно, все идеи, даже самые лучшие, нужно тестировать и проверять на попадание в цель, но на первом этапе модные тренды помогут хоть немного расставить приоритеты. Удачи вам и правильных решений!

Благодарим за то, что уделили время на прочтение этого материала. Мы ценим ваше внимание, так как оно вдохновляет нас на подготовку новых ценных статей для вас.

Если эта статья вам понравилась, то надеемся, что вы выделите еще пару секунд, чтобы поставить нам лайк. И мы очень ждем ваше мнение в комментариях по поводу того, какие «фишки» в веб-дизайне вам нравятся?

Вас также могут заинтересовать следующие материалы:

10 трендов в веб-дизайне, которые могут появиться в 2020

Дата публикации: 2020-01-20

От автора: в данной статье мы рассмотрим 10 трендов в веб-дизайне, которые могут появиться в 2020 году. Тенденции в дизайне могут не меняться несколько лет (а в некоторых случаях и десятилетия), однако веб-дизайн довольно быстро меняющаяся индустрия, где тренды приходят и также быстро сменяются
.

Некоторые из трендов мы до сих пор используем: адаптивный веб-дизайн, flat дизайн, производительность и скорость, совершенствование пользовательского опыта. И все же, какие новые или уже видимые на горизонте тенденции можно ожидать в 2020 году? Рассмотрим некоторые тренды, которые в этом году будут все чаще появляться на виду. И прежде всего…

Продолжающиеся эксперименты с навигацией и меню

Я сам веб-дизайнер, и я заметил, что мы просто не можем не поиграться с навигацией и меню. Мы продолжаем экспериментировать, придумываем различные способы улучшения, повышаем полезность меню. Мы занимаемся тем, что размещаем меню в новых и неожиданных местах, прячем его под иконкой гамбургера (тренд, о котором я говорил в 2015) или вовсе отказываемся от меню, потому что понимаем, что оно необходимо, но смотрится оно ужасно.

Мы бьемся в поисках самого лучшего места на экране для демонстрации этой важной составляющей контента. Все это ради того, чтобы сделать меню более удобным, не важно на каком экране. Мы до сих пор экспериментируем с различными способами отображения, чтобы понять, какой из них работает наилучшим образом. К примеру, Shellshock выше совместил иконку гамбургера с карточным макетом меню. В будущем я ожидаю еще большего количества экспериментов и попыток по улучшению меню.

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Скролить или не скролить

Достигли ли мы того момента, когда прокрутка страницы повышает читаемость текста? Возможно. В 2020 году я ожидаю, что некоторые сайты сократят прокрутку на страницах до минимума, в то время как другие наоборот увеличат прокрутку.

Преимущества и недостатки есть с обеих сторон: длинная прокрутка выглядит более естественно, и она намного проще, чем необходимость постоянно кликать на мышку. Однако данный подход растягивает контент, что затрудняет поиск на странице. На страницах с маленькой прокруткой мы быстро находим то, что необходимо, но в таком случае может возрасти число закрытий страницы.

На скриншоте выше изображен сайт Uppercase, который решил отказаться от прокрутки вовсе. На скриншоте изображена полностью загруженная страница сайта. Все, что вам может понадобиться находится на странице, листать никуда не нужно.
Будет интересно наблюдать в 2020 году за битвой скролинга на сайтах, и кто же все-таки победит. На данный момент сайтов с длинной прокруткой страниц больше, чем сайтов с короткой прокруткой. Только время рассудит, какой подход лучший для потребления контента.

Проектируйте модули и компоненты а не целые страницы

Веб-дизайн движется в сторону модульности и компонентности вместо создания целиковых шаблонов для определенной веб-страницы. Компоненты часто включают также разработку функции работы поиска, того, как будет отображаться меню на странице и т.д.

Мы поняли, что элементы необходимо дублировать под разные экраны, и что эти элементы должны быть спроектированы таким образом, чтобы они работали независимо друг от друга, но не теряли связи с остальной частью сайта. Мы беспокоимся не только о внешнем виде компонентов с точки зрения дизайна, но и об индивидуальном функционале элементов. Модульное и компонентное проектирование позволяет сохранить тот же функционал и дает возможность копировать элементы в любую точку на сайте. Отличный ресурс по данной тематике — Brad Frost’s Atomic Web Design.

Дизайн становится все более плоским

Адаптивный веб-дизайн занимает лидирующие позиции в интернете, однако ожидается, что в 2020 году flat дизайн сохранит доминирование. Будут появляться не только сайты с плоским дизайном, но и те, которые уже используют данную стилистику, станут еще более плоскими.

В качестве примера возьмем логотип Google. Компания сделала свой логотип более плоским (убрали скосы букв) и сменила шрифт. Было установлено, что более ясный шрифт без засечек помог сократить вес файла логотипа более чем на половину. Google также выяснили, что такой шрифт легче читается на маленьких устройствах.

Данный подход включает в себя обновление логотипов (как Google), набора иконок, изображений и других элементов, которые с первого раза были не полностью переведены в плоский режим. Благодаря данному подходу наши сайты грузятся быстрее, весят меньше, а контент доходит до читателей намного эффективнее.

Взлет Material Design

Google выпустил Material design в июне 2014, однако переход на него немного затянулся. Тем не менее, сейчас разработчики намного лучше понимают, что такое Material design, и я полагаю, что с распространением документации и примеров использования они все чаще будут предпочитать данный вид дизайна другим.

Material design фокусируется не на тактильных ощущениях, а на динамических элементах, которые напоминают нам бумагу и чернила. Реалистичные тени, наложение элементов, все взаимодействие ограничивается конкретным слоем и не влияет на другие.

Похоже, что мы достигли пика в плоском дизайне, дизайнеры начинают искать что-то новое, и Google дает им Material design. Мне кажется, в 2020 году будет все больше сайтов с материальным дизайном.

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Замените стоковые элементы чем-то более интересным

Все больше и больше сайтов заменяют стоковые элементы, такие как стоковые фотографии и иконки, на что-то более проработанное, более личное.

Некоторые веб-сайты предпочитают использовать свои фотографии на домашних страницах и страницах постов в блогах, а не стоковые изображения. Другие сайты заменяют стоковые изображения на видео, инфографику или даже GIF анимацию, все чтобы правильно передать сообщение. К примеру, Flatiron Health стали использовать свои фотографии, чтобы сделать сайт более привлекательным, личным и менее корпоративным.

Иконки теперь тоже заменяют на что-то более необычное. В интернете тысячи наборов иконок, бери любые и вперед, однако дизайнеры говорят, что небольшой дополнительный штрих при создании иконок поможет выделить ваш сайт среди других.

Формы и поля ввода становятся полноэкранными

Многое, что я говорил еще год назад об адаптивном веб-дизайне начинает воплощаться на полноценных сайтах, а не на их мобильных версиях. Данный тренд пришел с широкоформатных версий адаптивного дизайна.

Все больше сайтов и приложений отображают формы и поля ввода на весь экран (регистрация и форма входа), а не делают их маленькой частью сайта. Кликните на кнопку «войти» или «связаться», и вместо перенаправления на новую страницу перед вами откроется полноэкранный макет с формой. Отличный пример – форма связи на сайте Eighty East. При клике на «contact», открывается полноэкранная форма.

Как говорилось выше, данный тренд пришел из лучших практик адаптивного дизайна, так как он: освобождает другие экраны от загрузки, увеличивает пространство на экране для более удобного использования на сенсорных экранах, призывает пользователя заполнить форму (для форм, где за раз появляется только одно поле ввода).

Богатая и утонченная анимация

Так как веб-дизайн становится все более плоским, сайты становятся похожи друг на друга. Один из способов, которым дизайнеры пытаются выделить свой сайт из толпы, это использование богатой, умной и утонченной анимации.

Дизайнеры предпочитают изменять каждодневную анимацию, к который мы все привыкли, но сохранять ее основное назначение. К примеру, на экране загрузки сайта Slack скучный круг был заменен на пользовательскую анимацию загрузки с использованием логотипа сайта. Сохраняется основная цель – дать людям понять, что все работает. Однако подается это умным и красивым путем.

Другой пример это противоречивая замена звездочки избранного в Twitter на иконку сердечка. Раньше при нажатии на старую иконку анимация не была столь детализирована, как с новой иконкой. Такая тонкая анимация добавляет интерактивности дизайну.

Людям важнее функционал сайта а не его внешний вид

Отличный дизайн это хорошо, но он ничего не значит, если ваш сайт не работает. Люди все лучше начинают понимать, когда на сайте что-то работает не так.

Люди все чаще покидают сайт, если они столкнулись с неправильной работой веб-страниц. Представьте, насколько это ужасно для коммерческих сайтов.

Дизайнеры хотят, чтобы их сайты отлично смотрелись, но нельзя забывать про функционал, все должно работать правильно. Дайте людям то, что они хотят: функционал и дизайн.

Дизайнеры переходят к проектированию в браузере

Некоторые веб-дизайнеры уже сейчас проектируют только в браузерах. У такого подхода есть преимущества: сокращается время разработки, появляется возможность увидеть ограничения и реакцию конкретного браузера, данный подход более естественный, в отличие от проектирования в специальных программах, не имеющих ничего общего с интернетом.

Веб-дизайнеры как минимум умеют кодировать на front-end стороне (HTML/CSS/JS), так что проектирование в браузере имеет смысл. Тенденция перехода из программ типа Photoshop, Illustrator и Sketch в браузер только усиливается, и я полагаю, что все больше веб-дизайнеров начнут работать с HTML и CSS. А как вы думаете, какие новые тенденции появятся в 2020?

Автор: Amber Leigh Turner

Редакция: Команда webformyself.

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!

33 тренда в графическом дизайне 2020 (с примерами)

2020 год открывает новые возможности для дизайнеров проявить себя. Сегодня тренды графического дизайна действительно поражают своей красотой и новизной. Посмотрим, как дизайнеры смогут удивить нас в этом году.

Мы подобрали ТОП 33 тенденции дизайна, которые будут популярными в 2020 году. Это позволит вам быть в тренде и создавать уникальные авторские иллюстрации.

Оглавление:

01.

Темнота: немного мистичности

Начнем наш список из довольно необычного и характерного тренда в графическом дизайне. Тьма – это смелый вызов, который позволит создать запоминающиеся иллюстрации. Темные тона дают возможность дизайнеру играть с глубиной изображения, меняя оттенки и текстуры черных элементов.

Компания Apple начала выпускать устройства на новой операционной системе Mojave, которая впервые предлагает темный режим. Темные цвета в продуктах передают роскошь и премиум-дизайн. Они также могут передавать радикальные чувства байкерского стиля. Более того, тьма может вызвать у зрителя чувство зловещего недоумения, страха или тайны, поэтому стоит быть аккуратным с таким приемом.

Это действительно интересная тенденция, которая последнее время встречается все чаще.

02.

Мазки краски: придаем проекту человеческой души

Акварельные мазки на изображениях придают им чувство ручной подписи, что создает уровень человечности в дизайне. Черные, серые и цветные мазки сильно отличаются от классической типографики. Привычные всем цифровые шрифты делают иллюстрации сухими. Акварельный мазок, будто нарисованный вручную, может по-настоящему привнести вашему проекту человеческого характера и души.

Большое преимущество тренда в том, что он добавляет энергии и движения к статическим макетам. Существует широкий диапазон такого рода мазков: от небрежных линий до брызг, от каллиграфического шрифта до живописных и даже детских набросков. Поэтому акварельные мазки можно использовать в печатных изданиях и упаковке, в веб-дизайне и рекламе, в видео-клипах и промо-роликах.

03.

Нео Гео: новое концептуальное движение

Нео Гео – это геометрическое концептуальное художественное движение, которое берет свое начало в 1986 году. Оно было создано под влиянием более ранних движений, таких как минимализм, поп-арт и оп-арт. Сегодня Нео Гео по праву считается отдельным движением в искусстве, которое имеет свои отличительные черты.

В иллюстрациях в стиле Нео Гео можно разглядеть намеки на дизайн Мемфиса. Данный стиль позволяет совмещать игривость и строгость элементов. В иллюстрациях часто используются яркие цвета, абстрактные и геометрические формы, а также трехмерные элементы. Стиль Нео Гео часто использовался для оформления виниловых пластинок во времена ретро. Сегодня этот стиль чаще всего применяют в дизайне упаковок, обложек книг и музыкальных альбомов.

Цветовые схемы на нашем сайте.

04.

Mary Jane: в ногу с законом

Рекреационное использование марихуаны становится все более распространенным. Сегодня это законно в восьми штатах в Соединенных Штатах и более чем в десяти странах. Кроме того, тенденция лишь возрастает с каждым годом. Существуют целые дизайнерские агентства, которые специализируются на маркетинге в индустрии продуктов из марихуаны.

Это золотая лихорадка стартапов. Индустрия медицинской марихуаны только начала свое развитие, поэтому дизайнеры имеют неограниченное пространство для креатива. Упаковки продуктов с марихуаной соответствуют актуальности индустрии. Но мы говорим не только о марихуане, как товаре.

Сегодня можно увидеть огромное количество спиртных и безалкогольных напитков с экстрактами чудо-растения, выпечки с добавлением марихуаны и других продуктов. Но стилистика Mary Jane также часто встречается на одежде, обуви, аксессуарах и других товарах, которые не связаны напрямую с марихуаной. Поэтому не стоит бояться делать смелые дизайнерские решения, а идти в ногу с современным миром.

05.

Искажение пространства и времени

Деформация времени и пространства, как ни один другой дизайнерский ход, привлекает внимание зрителя. Вы можете изменить не только скорость передачи информации, но и время восприятия иллюстрации зрителем. Оптическая игра с типографикой заставит зрителя задержаться подольше, внимательнее рассмотреть все элементы вашего творения.

Это также есть элемент веселья и игривости. Статическим художественным работам можно придать движения и скорости. Текст может быть искажен не один раз, что создаст ощущение множественных перемен скорости или рельефности пространства. Также это отличный способ выделить отдельные слова или буквы в типографике, придать им иной характер.

06.

Оптические иллюзии: задержать взгляд зрителя

Предыдущий тренд в дизайне также можно отнести к «оптике». Тенденция деформации времени и пространства – это оптическое искусство, уловки восприятия, которые заставляют людей смотреть на иллюстрацию дольше. Прием удается правильно использовать только опытным дизайнерам, но освоив такую технику, вы быстро поднимитесь над конкурентами.

Оптические иллюзии могут быть триповыми или психоделическими. Но они также могут быть своего рода научной технологией, в которой используются Архимедова спираль или другие сложные геометрические формы. Поэтому данная тенденция имеет множество вариаций, с которыми можно играть, и все это основано на оптической игре пространства.

Дизайнерам и художникам важно не переборщить с оптическими иллюзиями в своих проектах.

07.

Цветной фон: еще больше цвета

Использование цветных областей на иллюстрации может сделать ее немного похожей на периодическую таблицу элементов Менделеева. Особенно, если использовать шрифт Helvetica для типографики. Такие изображения выглядят минималистично, и удивительно сочетают в себе строгость и игривость.

Рубленый шрифт на цветном фоне легко воспринимается зрителем. Поэтому вы можете использовать большое количество разных цветов на одном изображении. Так вы прибавите своей работе энергии, сохранив ее легкость, и главное – со вкусом. В 2020 мы не раз увидим цветные поля в рекламе, упаковке, журналах и цифровых изданиях.

08.

Дада: возвращаем Авангард

Дада, или дадаизм, – это художественное движение европейского авангарда, которое зародилось во времена Первой мировой войны. Примерно в это же время зародился русский конструктивизм, который предлагает совсем иное мировоззрение. Художники, рисующие в стиле Дада, отвергали логику, создавали новую эстетику. Это была борьба с капиталистическим обществом, рывок в новый мир.

Сегодня мы замечаем подобную тенденцию, когда графические дизайнеры подчеркивают бессмыслицу, иррациональность и протесты стандартам. Хаотичные фигуры, смесь фото и рисунка, искажение реальности сделает ваше творение аутентичным. Это покажет ваш дизайнерский характер и смелость. Но стиль Дада требует умелой руки дизайнера, ведь переборщить с абсурдностью крайне просто.

09.

Дизайн упаковки в 2020

Образец любого продукта иллюстрируется с использованием текстильных шаблонов в САПР. Если линейка продуктов имеет достаточно широкий ассортимент по вкусам, ароматам или другим характеристикам, у вас есть прекрасная возможность привлечь к себе клиентов.

Разный дизайн товаров одного бренда позволит лучше выделить уникальные особенности каждого продукта. Такой метод часто используется при производстве косметики, шоколада, мороженного и алкоголя. Когда покупатель смотрит на ряд продуктов, которые имеют несопоставимый дизайн упаковок, это создает чувство индивидуальности. Кроме того, такой прием выделит ваш бренд среди товаров конкурентов.

Главное преимущество такой тенденции – возможность, что упаковка подойдет под настроение или характер покупателя. Ваш продукт может подчеркнуть личный стиль покупателя. И это создает своего рода эмоциональную связь. Поэтому в 2020 году стоит обратить особое внимание на проектирование упаковок.

10.

Анимированные письма: инновационный маркетинг

Без всяких сомнений, моушн дизайн будет в тренде еще многие годы. И относительно недавно его начали использовать даже в емейл рассылках. Все чаще можно встретить электронные письма, которые включают анимированные GIF-файлы. Иногда они очень долго воспроизводятся, но все же дают свой эффект.

Чаще всего анимация используется только для выделения логотипа. Например, моушн лого можно увидеть даже в консервативных публикациях, как New York Times. Их мобильное приложение использует анимацию логотипа и других элементов, в том числе рекламные блоки. Поэтому анимацию можно применять не только в электронных письмах, а и в других инструментах обращения к аудитории.

В этом мире все динамично, поэтому важно успевать за тенденциями в маркетинговых инструментах. Почтовая рассылка привычно вызывает у пользователей негативные эмоции, виной тому неточность информации и скукота прочтения писем. Поэтому задание дизайнера – разбавить скучное, и часто бесполезное, письмо привлекательной анимацией. Это и есть инновационный маркетинг 2020.

11.

Обрезки: мозаика, коллажи и сюрреализм

Данный тренд может показаться слегка похожим на тренд № 24, который мы рассмотрим ниже. Но разница заметна. В данном случае вы не просто совмещаете реализм с абстракцией, фото с рисунком, а создаете некий протест. Это радикальная тенденция, с которой стоит быть аккуратным. Ее часто можно встретить в индустрии красоты и моды: промо-ролики, презентации, реклама, упаковка, журналы.

Создавая иллюстрации в стиле cut ups, вы получаете неограниченные возможности для фантазии. В данном случае создается нечто более похоже на коллаж. Например, для создания портрета вы можете использовать около десятка разных изображений лиц, взяв из каждого отдельный элемент. Вы можете создавать абстрактные или даже абсурдные изображения, в которые захочется долго всматриваться. Так вы задержите взгляд зрителя, можете повлиять на его поведение.

Это была очень популярная тенденция в графическом дизайне в начале ХХІ века, и мы ожидаем взрыв ее популярности в 2020 году.

12.

Аптекарь: максимум минимализма

«Аптекарь» – это авторское название минималистической тенденции в дизайне, которая часто используется в упаковке медицинских препаратов. Такой стиль основывается на крайней воздержанности и минимализме, поэтому иллюстрации выглядят аскетично. В основном, это черная типографика на белом фоне, причем свободного пространства может быть слишком много.

Данный тренд можно будет увидеть преимущественно в дизайне косметических средств и парфюмерии. Но в руках умелого дизайнера «аптекарь» может использоваться в маркетинговых целях для любых продуктов, и даже в печатных изданиях. Но в таком случае нужно следить, чтобы иллюстрации не были скучными. В этом вам поможет игра со шрифтами, размером типографики и ее расположением.

13.

Цифры, цифры, цифры

Дизайнеры любят хороший абстрактный элемент, чтобы играть с ним. Цифры, безусловно, соответствуют этим требованиям. Цифры не могут быть вставлены в иллюстрацию просто так, но если есть возможность обыграть какое-либо число – обязательно сделайте это. Они могут выглядеть невероятно круто.

Цифры должны быть большими, они должны быть в центре внимания. Разумеется, для этого нужно подобрать привлекательный шрифт и правильно обыграть их. Причем ограничений нет: вы можете использовать шрифты с засечками или без них, деформировать цифры или придать им трехмерный вид. В таком случае даже нумерация страниц журнала может занимать четверть листа, и стать изюминкой всего издания.

Сегодня уже можно встретить массу примеров, как большие цифры используются по-настоящему весело и интересно в разных видах дизайна.

14.

Открытая композиция: выйти за рамки

Как считают многие авторитетные дизайнеры, открытая композиция будет популярна весь 2020 год. Последнее время дизайнеры стремятся все ограничить в рамках, сконцентрировать изображение. Но все чаще встречаются изображения, анимации и видео с открытой композицией, которая делает медиа легким и воздушным. Она показывает лишь часть всей «картины», позволяя зрителю фантазировать.

Графические дизайнеры могут играть с композицией, делая ее бесконечной. Видимое изображение отображает лишь часть всей конструкции,поэтому четкий центр может вовсе отсутствовать. В 2020 году мы ожидаем от дизайнеров разорванных рамок и полноформатных открытых композиций.

Прием затрагивает воображение, заставляет задуматься о продолжении картины. Такая возможность делает графику интерактивной. Секрет в том, что каждый воображает приятные ему вещи. Так изображение может нравиться абсолютно всем, ведь каждый додумает свое. Тенденция легко достигается в веб-дизайне, но возможна даже при печати.

  • Иллюстрация Луи Витон будто продолжается за кадром. Lionel Durimel
  • Сайт моделирования с веб-дизайном на открытой композиции. Kieran

Веб-сайт Creativity Is In The Air Веб-сайт Titan. Viita-watches

15.

3D: глубина нового поколения

3D уже никого не удивляет, но до сих пор является мощным инструментом и современной тенденцией в графическом дизайне.

Последние несколько лет трехмерные изображения входят в число трендов, поэтому можно смело ожидать 3D-графику и после 2020 года. Популярность такого стиля возможна в разных типах графического дизайна: рисунки, печатные изображения, веб-дизайн, реклама и пр.

  • Дизайн Maxim Shkret
  • Дизайн Sawdust

Современные программы (Cinema 4d, Blender и др) позволяют быстро создавать 3D-шедевры, которые заставляют зрителя внимательнее всмотреться в изображение, задержать на нем взгляд.

Это возможно благодаря глубине картины. Она создает ощущение реальности нарисованного предмета. Поэтому воплотить в реальность можно что угодно, чем и пользуются дизайнеры футуристы и фантасты.

Типографика не обошла стороной 3D-революцию. Трехмерный текст будет популярным еще минимум несколько лет. Он дает возможность дизайнеру импровизировать, придавать тексту личный стиль.

Используя трехмерную типографику, графические дизайнеры в 2020 году смогут заставить нас погрузиться в совершенно новый мир.

  • Богатые текстильные текстуры в виде вина. Isse Miyake
  • Мороженное. Isse Miyake
  • Работа EikoOjala совмещает в себе футуристические и ретро элементы в 3D иллюстрации
  • Веселый мини-ландшафт от EFL
  • Веб-сайт Arche68
  • Дизайн Sawdust

16.

Антигравитация: летающие и плавающие элементы

Летающие и плавающие элементы на графических полотнах – это альтернативное искусство, которое передает уникальное видение мира. Нарушение законов гравитации дает художнику неограниченное пространство для воображения. Он может разобрать на детали любой объект, разместив все частички в закрытой композиции, в которой действует невесомость.

Для зрителя отсутствие гравитации создает ощущение легкости, непринужденности. Это особенно важно в дизайне коммерческих проектов, чтобы расположить ближе к себе покупателя. Кроме того, такой прием поможет сделать банальный, привычный объект чем-то необычным.

Антигравитация действительно представляет собой концепцию, которая будет заметна в трендах графического дизайна в 2020 году. Идея конструкций, которые движутся и ведут себя так, будто находятся в негравитационной среде, передает общее чувство свободы. Присутствие на изображениях 3D-техники добавляет им реализма, что делает летающие объекты еще более необычными.

17.

Яркие цвета: путешествие в мир чудес

Сочетания ярких цветов и мечтательные оттенки по-прежнему останутся популярными в 2020 году. Разные цветовые переходы и градиенты дают ощущение альтернативной реальности, в которой мечты могут сбываться. Важно сохранять сочетание цветов между собой, чтобы изображение не было резким, и воспринималось легко.

Широкая цветовая гамма и возможности делать переходы дают автору все условия для импровизации.

Типографика, трехмерные детали, фотографии и другие элементы могут быть дополнены яркими вставками, которые оживят картину. Поэтому яркие цвета можно использовать практически в любом виде графического дизайна.

  • Дизайн Leonardoworx LWX
  • Дизайн Santi Zoraidez

Проект Vacaciones Mounstrosamente divertidasm Проект Vacaciones Mounstrosamente divertidas

Цветовые переходы заслуживают особого внимания дизайнеров. Так же популярными остаются градиенты фиолетового и желтого, розового и синего цветов.


Многие графические дизайнеры сочетают трехмерную технику с модными яркими цветовыми переходами,чтобы отметить тенденции графического дизайна 2020 с еще более мощным внешним видом.

18.

Металлик: еще больше блеска

Металлический блеск был в моде всегда. В 2020 году можно будет увидеть тенденцию использования золота, серебра и меди при создании графических проектов. Особенно, если речь идет о 3D-дизайне, золотые и другие металлические элементы выносят композицию на новый уровень, делая ее дорогой и эксклюзивной.

  • Дизайн Ben Fearnley
  • Дизайн Ben Fearnley

Переливающийся цветовой эффект металлов – это возможность оживить картинку. Такие конструкции выглядят завораживающими, поскольку они показывают всю палитру блестящих цветов, когда свет попадает на их поверхность. Поэтому отдельного внимания заслуживают элементы с отблеском «бензинового» цвета.

Металлические детали, особенно золотые и радужного отблеска, появятся на дизайне упаковок и рекламы продуктов в 2020 году. Это придаст товару роскоши и исключительности.

Особо красиво сочетаются металлические элементы с 3D-объектами и ликвидом, о котором мы расскажем чуть ниже. Но классическое сочетание черно-белого отблеска тоже не останется без внимания.

19.

Ликвид: пусть течет

Это один из самых смелых и необычных инструментов графического дизайна. Поэтому мы уверенны, что в 2020 году ликвид станет самым популярным трендом дизайна. Понятие «ликвид» переводится с английского как жидкость (liquid).

Использование элементов с эффектом жидкости на графических изображениях делает их сочными, насыщенными. В качестве ликвида может использоваться вода, масло, краска и любые другие жидкости.

Эта тенденция вдохновляет многие современные проекты, и мы ожидаем, что она сохранит свою популярность в следующем календарном году.

Живой тренд дает много свободы, когда дело доходит до типографики и 3D-графики. Учитывая, что жидкости имеют разные состояния и уровни текучести, дизайнеры могут легко импровизировать и придавать своим композициям уникальные эффекты.

  • Веб-сайт Robin Mastromarino
  • Веб-сайт Yard Agency

Ликвид – это тренд веб-дизайна, печатной и рекламной продукции, выставочных экспонатов и многих других видов изображений.

Когда жидкости двигаются, они рисуют естественные пути, формируя уникальные узоры и текстуры, которые могут легко вдохновлять графических дизайнеров.

Если придать такой жидкости ярких, мечтательных цветов, композиция может казаться действительно волшебной.

20.

Большой текст – большое влияние

Пользователи стали все больше экономить свое время. Поэтому им не до чтения сухого текста – они требуют картинок. Лучшим вариантом будет сочетание изображения и типографики.

Текст может принимать разные формы, цвета и эффекты. Поэтому он может быть не просто добавлен в изображение, а являться его изюминкой.

Типографика в графическом дизайне 2020 определенно будет максимальной. Она будет активно участвовать в проекте. В стремлении к более эффективному графическому дизайну мы ожидаем от дизайнеров удивить нас.

Люди желают увидеть изображения, в которых типографика является активной частью дизайна, взаимодействующего с объектами реальной жизни и людьми.

В 2020 году попробуйте сочетание различных значений плотности и размера шрифта, комбинаций между вертикальной, диагональной и горизонтальной ориентацией и даже грязной типографикой.

Более того, текст может быть трехмерным, к нему можно добавить эффект жидкости, придать блеска металла и много других эффектов.

  • Дизайн Andrea Bianchi
  • Проект DPDK

21.

Контурная типографика: пустые буквы и цифры

Четкий контур давно вышел из моды. Но очертания типографики становятся все более популярными, поэтому мы ожидаем, что она достигнет своего пика в 2020 году.

Четкий контур и прозрачный фон букв и цифр – это нечто изысканное и не перегруженное. А главное – работать с таким шрифтом крайне простои приятно.

Особо необычными являются трехмерные контурные надписи. Они передают всю глубину изображения, заставляя поверить в написанное.

Контурная типографика – это самый модный тренд в дизайне сайтов и инновационных продуктов. Профессиональная работа с таким инструментом выделит ваш продукт среди конкурентов, показав потребителю наличие хорошего вкуса.

  • Веб-сайт Good Fortune
  • Веб-сайт OneWorldOneFace

Контурная типографика может использоваться на сайтах, в печатных изданиях, социальных сетях, рекламе и в разных типах мультимедийных файлов:

Использование контурного текста в анимации от borisfernandez.

22.

Типографика с фоном: ретро вдохновение

Текст на фоне выглядит молодым и мятежным, так что это определенно будет хитом в 2020 году. Вдохновение такого инструмента имеет корни еще до начала нашего тысячелетия, поэтому его смело можно считать ветераном.

Типографика на фоне снова начала набирать популярность, к тому же, стремительными темпами. Поэтому мы ожидаем видеть ее в ТОП трендов графического дизайна не только 2020, а и 2020.

Работая с текстом на фоне, нужно быть осторожным, чтобы не испортить вид картины.

Неподходящие цвета, неправильно выбранное место, слишком грубый фон – могут лишь испортить изображение. Поэтому рекомендуем разузнать побольше о тексте на фоне.

23.

Альтернативное искусство: штрихи, пятна, каракули

В 2020 году тенденции идут в сторону альтернативного искусства. Встраивание альтернативного видения мира в графический дизайн делает произведение выделяющимся.

В этом и есть смысл графического дизайна. Поэтому карикатурные рисунки и беспорядочные штрихи будут в центре внимания в следующем году.

Главное преимущество такого стиля – неограниченные возможности для импровизации и проявления фантазии. Карикатуры и рисунки от руки всегда отлично смотрятся на векторных изображениях и анимациях.

А если добавить к ним хаотичные штрихи и цветные пятна, удастся получить невероятно привлекательное изображение.

Тщательный подбор цветов и уникальных форм, в которых представлены штрихи и пятна, безусловно, станет трендом коммерческих проектов в 2020 году.

В таком стиле важно сохранить простоту иллюстрации, и не перегрузить ее многочисленными деталями и цветами. Поэтому дудлы, штрихи и мазки могут вписаться и в замкнутую, и в открытую композицию.

  • Дизайн Estudio Pum
  • Дизайн multiple owners

24.

Реализм + двухмерный рисунок: сочетаем противоположности

Противоположности всегда притягиваются друг к другу. В 2020 году вы сможете сочетать противоположные вещи, создавая качественные 2D иллюстрации.

Когда дело доходит до создания чего-то действительно инновационного и неожиданного, дизайнеры предпочитают экспериментировать с нетрадиционной смесью методов и стилей.

Реальные объекты в сочетании с плоскими визуальными элементами (2D рисунками) будет одной из тенденций графического дизайна 2020 года. Такой метод может использоваться на любом типе графической продукции: веб-сайты, упаковки, реклама, искусство. Поэтому его популярность возрастает бешеными темпами.

Сочетание реалистичных объектов с рисунками и иллюстрациями требует творчества, мастерства и мышления вне коробки. Поэтому мы указываем на тенденции графического дизайна 2020 года, чтобы вы могли заранее разузнать обо всех тонкостях нового тренда в дизайне. В таком случае вы сможете создавать дополненные фотографии, которые будут иметь ваш авторский стиль.

25.

Асимметрия: отключить сетку

Дизайнеры все более отдаляются от стандартов в поисках свежих идей. Так, забыв о сетке, можно создавать жесткие изображения, которые способны удивить зрителя.

Асимметричные схемы без использования сетки не требуют центрирования фокусных элементов. Это обеспечивает большую кинетическую энергию и движение.

Большинство редакторов для веб- и графического дизайна, как Squarespace, Canva и др., используют шаблонные макеты. Они не позволяют дизайнеру проявить свою индивидуальность.

Асимметричная компоновка, будь то дизайнерская композиция, приложении на сайте, буклет, позволяет создавать уникальный стиль.

  • Асимметричный дизайн каталога мебели. Artem Oberland.
  • Веб-дизайнс нетрадиционным видением сетки. JesseShowalter

Пользователь чувствует любопытство о том, где информация и графические элементы могут идти дальше, что увеличивает интерес к изображению. Асимметрия может использоваться абсолютно в любом виде графического дизайна.

26.

Арт-деко: минимализм и роскошь

Со времен Первой мировой войны менялось много художественных движений, что оставило отпечаток на дизайне. Это время дизайнеры чувствовали резкие переходы между минимализмом и максимализмом, аккуратностью и хаосом, роскошью и простотой.

Вследствие этого зародилась отдельная ветвь дизайна – Арт-деко. Она совмещает в себе насыщенность гламуром и органические формы.

В 2020 году арт-деко особо сильно затронул создателей логотипов. Они часто используют сочетание типографики с засечками и минималистских изображений. Это позволяет создать сдержанный и богатый логотип бренда.

  • Логотип Tulipan Husene. Прекрасный металлический логотип от Arthean.
  • Логотип Cannabis Regulatory Compliance от aarif.
  • Дизайн логотипа Peacock от flycr.
  • Логотип Insaaph. Изображение льва в стиле арт-деко. Arthean.

27.

Средневековый модерн: старинные цветовые палитры

Простые краски и формы пришли на замену максимализму. Вдохновение стиля пришло со Средневековья, когда активно процветала живопись. Старинные цветовые палитры позволяют создавать простые для восприятия иллюстрации (создаются в основном в Adobe Illustrator). Такие изображения вызывают чувство спокойствия и доверия к бренду.

Стильный слайдер на сайте с ретро-эффектом. Paarth Desai.

  • Ретро постер предстоящего события в мире бокса. ANAMOLLY.
  • Иллюстрация в легком стиле, со старинной цветовой палитрой. Spoon Lancer.
  • Дизайн упаковки спичек «Золотое Правило», выполненный в стиле «атомик», который был популярен в середине прошлого века. NicolaBroderick.
  • Логотип Solar Eliquids. Еще одна космическая гонка вдохновила на дизайн. Arthean.

Стиль особо активно использовался в дизайне упаковочной продукции в середине прошлого века.

Рекламные иллюстрации, упаковки, логотипы и другие элементы использовали простые двухмерные рисунки и цвета приглушенных тонов. Мечтательные цветовые палитры будут популярными весь 2020 год во всех типах графического дизайна.

28.

Дуотон и градиенты: цветовые переходы в двух тонах

Градиенты – «переходы цвета» популярны уже более десяти лет. Но последние годы их начали чаще использовать при создании логотипов.

Одного фирменного цвета мало, чтобы логотип был стильным и современным. Поэтому чаще всего используется система дуотон, в которой используется 2 цвета.

Существуют классические комбинации цветов: синий и фиолетовый, красный и оранжевый, синий и красный. Но увеличивается тенденция к переходам цветов, которые не сочетаются между собой. Так создаются резкие и смелые иллюстрации.

В 2020 году вернулась популярность двухцветных изображений. Поэтому в 2020 точно будут в тренде короткие градиенты из двух цветов.

  • Веб-дизайн студии по печати на одежде. Яркие градиенты на коммерческом сайте. mikebarnes.
  • Дизайн плаката из смелых градиентов от Bruno Pego.

29.

Теплые, пастельные тона: меньше яркости и цвета

Неоновые градиенты будут также популярными, как приглушенные тона. Присутствие старины на иллюстрациях способствует их легкому восприятию. Такие оттенки напоминают ретро времена, когда камеры не могли охватить всю глубину цветов.

  • Тусклые оттенки в фотографиях Tiago Ferreira.
  • Печатное издание с использованием пастельных тонов. lasho.

Такой стиль графического дизайна должен возродить искусство фотографии из 70-х годов прошлого века. Добавив немного черного оттенка к каждому цвету, можно создать слегка тайную атмосферу. Поэтому весь 2020 год можно активно использовать теплые тона в веб-дизайне.

  • Фото девушки с приглушенными тонами под ретро. Fernando Machado.
  • Fernando Machado.
  • Обложка микстейпа Lil Yachty от дизайнера nevergohungry.
  • Обложка книги Шерман Алекси «Вы не должны говорить, что любите меня». nevergohungry.

30.

Максимализм + тонкость линий: завоевать доверие

Толстые и грубые лини были популярными очень долго, но в 2020 все стремится к легкости. Это касается коммерческого дизайна в виде рекламы и упаковок. Тонкие линии на иллюстрациях придают им элегантности, и увеличивают доверие потребителя. Приглушенные тона более естественные, намекнут на натуральное происхождение продукта, привлекают новую аудиторию.

Сложные рисунки всегда трудно смотрелись на товарных упаковках. Но если такие рисунки выполнены в светлых тонах, тонкими линиями и на текстурной бумаге, они будут мягкими и приятными потребителю.

В смесь максимализма и тонких линий можно добавлять различные естественные элементы: фольга и золото, тиснение, сургуч и др. Даже тогда упаковка не будет перегруженной.

  • Легкая упаковка дезодорантного средства. Органичность и натуральность. Wooden Horse.
  • Логотип Sea Monster Software. Gwydion.
  • На создание одежды дизайнера вдохновили старые ботанические рисунки одуванчика. Yokaona.
  • Логотип Seattle Baby Company — производителя детской продукции от Mad Pepper.

31.

Шрифт с засечкой: придаем буквам характер

В 2020 смело можно использовать sans-serifs (без засечек) шрифты. Но дизайнеры обещают порадовать большим разнообразием шрифтов с засечками. Усиленные шрифты делают текст убедительнее, передают строгость и богатство.

Впечатляющий дизайн сайта от Nathan Riley.

На фоне роскошных засечек на буквах, sans-serifs шрифты становятся безликими и серыми. Известные бренды выделяются за счет засечек разной длины, формы и типа. Уже сейчас в сети интернет можно найти неисчислимое количество таких стилей. В 2020 они точно станут одной из топовых тенденций.

  • Логотип D. McQuillan Construction and Fine Homes. Авторские засечки на шрифте делают его элитным. DaveRoach.
  • Логотип ресторана The Good Grub с засечками под классику. tulimilka.
  • Дизайн сайта в ультра-минималистском стиле. Alex Capellan.
  • Брендинг бара «Тосты с соком». Levi Lowell.

32.

Изометрический дизайн: 3D в двух измерениях

Наравне с открытой композицией, изометрический дизайн будет в тренде в 2020 году. Такие конструкции позволяют создать полноценный сюжет в ограниченном пространстве. Поэтому изображения обычно детальные, с использованием геометрических объектов.

Название стиля звучит технически, но способ создания таких иллюстраций намного проще, чем кажется. Это способ рисования трехмерных объектов в двухмерном пространстве. Рисунок получается простой, но имеет глубину, которая не присуща обычным 2D изображениям.

Изометрия активно используется при создании иконок. Изометрические значки выглядят более эффектно, чем плоские. А файл изображения занимает гораздо меньше места, чем 3D иллюстрация.

  • Дизайн сайта CryptoGoal.io с удивительными изометричными горами. KisaDesign.
  • Веб-дизайн Savagely. Интерактивный и интересный лендинг от GhaniPradita.
  • На иллюстрации отлично видно, как изометрический дизайн передает ощущение активного движения. Dmitrii Kharchenko.
  • Изображение персонала компании для сайта или брендбука от Daria V.

33.

Цвет года 2020

Ежегодно появляется стиль дизайна, вдохновленный цветом года. Всемирный диктатор моды Pantone регулярно определяет главный цвет каждого года.

В 2020 году самым привлекательным цветом был признан ультрафиолет (Ultra Violet) – роскошный и мистический оттенок фиолетового.

В 2020 Международный исследовательский институт Pantone объявил долгожданный цвет года. Это оптимистический и радостный цвет «живой корал». Будьте уверенны, что в 2020 году вы часто увидите оттенок 16-1546 Living Coral в рекламных и дизайнерских проектах.

Тренды графического дизайна 2020: выводы

Подытожив все вышесказанное, можно утверждать, что в 2020 году мы увидим много открытых композиционных проектов, которые используют воображение зрителя. 3D-дизайн будет массовым, но не скучным – реализм заставит зрителя погрузиться в композицию. Яркие цветовые схемы, а также металлические элементы сделают дизайн красивым и мечтательным.

Типографика будет крупной, и довольно часто это лишь контур букв. Мы будем видеть искусство в его самых нетрадиционных формах.

Посмотрите шикарный видеоролик, в котором использованы почти все из вышеперечисленных трендов.

65 Трендов Веб-дизайна в 2020 году. Топовые советы от профи

Привет. На связи Чигарев Илья. Данная подборка трендов веб-дизайна 2020 собрана из 4-х материалов с сайта Behance. Это посты, которые набирают наибольшую популярность и положительные отзывы среди комьюнити дизайнеров. Итак, давайте посмотрим какие тренды выделяют топовые дизайнеры со всего мира.

Безлимитная графика для ваших проектов

Для создания крутого дизайна для сайта, полиграфии, фотографии и прочего, как не крути, вам нужны будут качественные материалы. Это и фотографии, шаблоны, мокапы, иконки, пресеты, кисти и т.д. Все это есть в одном месте и качать можно неограниченно. Сервис ENVATO ELEMENTS с тонной материалов, готовых к скачиванию. Цена подписки от 16,50 $/мес. Переходите по ссылке и посмотрите что вы можете использовать для своего бизнеса и проектов. Подробности вы можете узнать в статье-обзоре.

Главные тренды веб-дизайна в 2020 году

1. Смелые, яркие цвета

В 2020 мы наблюдали восхождение смелых и ярких цветов, и они не собираются сдавать свои позиции, превращаясь в один из самых значимых трендов 2020.

Проект: Show Go Poster Collection 2020 / Автор: ∆ Studio—JQ ∆

Проект: Daily Posters / Автор: Magdiel Lopez

2. Яркие и насыщенные градиенты

Последние годы ознаменовались возвращением градиентов. Ожидается, что они снова войдут в тренды веб дизайна, претерпев изменения в 2020 году: в палитру добавятся насыщенные цвета в сочетании с разнообразием текстур. Градиенты в обновленной версии будут использовать двухцветные эффекты.

Проект: Magic.co / Автор: Ludmila Schevenko

Проект: Electric Objects / Автор: Rose Pilkington

Проект: Gradient Studies / Автор: Evgeniya Righini-Brand

3. Цвет года (Пантон)

PANTONE® 16-1546 Живой коралл (Living Coral)

Проект: Pantone Color of the Year 2020 | Living Coral / Автор: ∆ Studio—JQ ∆

4. Простота и удобство

Меньше значит больше» — бессменный тренд. Простота подразумевает аккуратную страницу со светлым фоном в лучших традициях минимализма. Пространство — бог: при его правильном использовании можно получить многофункциональный дизайн.

Проект: Creative case / Автор: Nikita Mahaev

Проект: A propos du cancer / Автор: Extra

5. Больше дизайна с дополненной реальностью

Быстрый рост популярности дополненной реальности, или AR, будет заметен не только в индустрии игр, видео и приложений. У AR хорошие шансы охватить область дизайна, особенно за счет популярности мобильных устройств. Вероятным идейным вдохновителем могут стать DIA Studio, применяющие 3D типографику к повседневным объектам.

Проект: DIA / Автор: DIA

6. Экстра глубина (и полуплоский дизайн)

В 2020 году имеет смысл немного оживить традиционный плоский дизайн: добавление теней поможет сделать элементы более объемными, сохранив основные концепции минимализма, которые сделали плоский дизайн популярным. Пространство и объем — элементы новой концепции глубины.

Проект: Nike Promotion Ads — Parallax Effect / Автор: Jardson Almeida

Проект: Flyknit Lunar 3 / Автор: Callum Notman

Проект: Made You Look�� 255 | Live a little more / Автор: STUDIOJQ

7. Геометрические элементы

Использование геометрических элементов, таких как многоугольники (треугольники, квадраты, пятиугольники) и кривые (окружность или эллипс) сделает ваш проект запоминающимся.

Проект: Nike Le Quartier / Автор: Atelier Irradié

Проект: France Colombia cultural season Brand design / Автор: Graphéine

8. Больше творческой фотографии

Современные фотосессии и брендинговые кампании стану более дерзкими и экспериментальными, обратившись к искусным дизайнерским приемам. Созданный на основе бумажных зарисовок или 3D визуализации, такой дизайн совершенно точно будет выделяться и сохранится в памяти.

Проект: Aizone / Автор: Sagmeister&Walsh

Проект: Monkifesto / Автор: Snask

Проект: Nike AMD Revolution / Автор: Happy Finish

9. Дуплекс

Дуплекс (репродукция изображения с использованием полутонов двух ведущих цветов) имеет все шансы попасть в ведущие тренды веб дизайна в этом году. Эта техника не является новой — она появилась несколько десятилетий назад, но благодаря Spotify вновь обрела популярность.

Проект: Stranger Things Concept UI UX Design Web / Автор: Manuel Rovira

10. Брутализм

Брутализм — грубая концепция, рассчитанная на захват внимания. Брутализм применяется в дизайне с 50-х годов прошлого века, в основном для оформления плакатов и афиш (направление возникло в архитектуре 40-х и стало трендом). Концепция снова востребована, ее можно встретить во всех сферах дизайна. Направление призвано шокировать аудиторию прямолинейным подходом, громоздкой типографикой и неизящными дизайнерскими техниками.

Проект: DoD Cyber Guide / Автор: Marçal Prats

Проект: Power A political party / Автор: Bruce Vansteenwinkel

11. Анимация, Gift-картинки и синемаграфика

Веб-сайты, логотипы, рекламные видео товаров и услуг — графика движения используется везде. Один из ведущих трендов графики движения — незаметные переходы, которые помогают потребителю лучше понять продукт. Графика движения присутствует и в типографике: от бросающихся в глаза заголовков на слайдерах до анимации на логотипе.

В 2020 очень вероятно возвращение в тренды синемаграфики (это статичные картинки с единичными движущимися элементами, например, изображение чашки, из которой с анимацией поднимается пар). Значимые элементы не должны быть неподвижными!

Проект: RED / Автор: Kevin Hou

Проект: cinemagraphs.com / Автор: Kevin Burg, Jamie Beck

Проект: Strong Women / Автор: Andreea Robescu

12. Генеративный дизайн

Генеративный дизайн уже несколько лет используется при разработке айдентики. За счет смешения цвета и формы этот прием позволяет добиться совершенно уникальной айдентики и повысить узнаваемость бренда.

Проект: Debrecen 2023 European Capital of Culture / Автор: Classmate Studio

Проект: Sydney School of Entrepreneurship / Автор: For The People

Проект: Archdiploma Dynamic Identity / Автор: Process

13. Набор цветов и узоров из 80-90-х

Где мы это видели? Ну конечно же: это возвращение популярных в 80-90-е цветов с их кислотным розовым и дерзкой контрастностью. Можно ли назвать эти ностальгические настроения вернувшимся трендом? Или все объясняется тем, что молодые дизайнеры — это люди, чье детство прошло в окружении сумасшедших цветов тех лет?

Их старые игрушки и сомнительные с точки зрения сегодняшней моды наряды родителей послужили вдохновением для возрождения яркого, красочного тренда, дополненного рядом современных веяний.

Проект: Yes To All / Автор: Nick Liefhebber

Проект: LOGOFOLIO 2020 / Автор: 268 Estúdio Design

Проект: 80’s inspired Pattern / Автор: Rahul Das

14. Кастомные иллюстрации

Персонализация бренда начинается с дизайна. Нахождение языка бренда посредством рисунков и иллюстраций превращает любой сайт в уникальную визитную карточку, которая будет транслировать голос бренда с самого запуска.

Проект: Bitcoin Illustrations Freebies / Автор: Milo Themes

Проект: Illustrations for Koypo Industries / Автор: Milo Themes

Проект: Lifecycle / Автор: Paperpillar Studio

15. Иллюстрации в миксе с фотографией


Эклектичный тренд на 2020 год сочетает пользовательские иллюстрации с фотографией. Этот метод дает уникальный и очень современный вид для любого проекта. Добавление рисованных элементов в обычную фотографию может сделать любую фотографию особенной, даже если вы используете ее на модной фотографии или плакате.

Проект: Magazine covers / Автор: Andreea Robescu

Проект: Insects Love / Автор: Andreea Robescu

16. Реальные фото

Фотостоки тоже подвержены влиянию трендов. В этом году будут цениться реальные, честные фотоснимки. Многие бренды используют уникальные фото, снятые в движении и без постановки. Фотография становится более искренней и напоминает моментальные снимки, сделанные в расслабленной и естественной обстановке.

17. Изометрический дизайн и фотография

Изометрическое проектирование является способом художественного представления объемных объектов в плоскости. До того, как дизайнеры обнаружили этот прием, он использовался большей частью для составления технических и инженерных чертежей. Изометрический дизайн совершает масштабное восхождение в фотографии, иллюстрировании, 3D графике и иконографике. Можно с уверенностью сказать, что в 2020 году он будет востребован во многих креативных проектах.

Проект: Ultraviolet Break of Day / Автор: Field.io

Проект: Abstractions Vol.1 / Автор: Mohamed Samir

Проект: Isometric House / Автор: Angela Chan

18. Сочетание 2D и 3D

Создавать 3D объекты и помещать их в 2D проекты стало очень модно. Это сочетание дает уникальную внешнюю эстетику, соединяя глубину и плоскость. Технику можно применить в разных направлениях дизайна: от создания логотипов до веб-сайтов и рекламного видео. Конечный результат представляет собой сложную визуальную презентацию, которую невозможно забыть.

Проект: Daily Posters / Автор: Baugasm

19. Монохром

За последние несколько месяцев появилось множество композиций в одной цветовой гамме, на которых фон и объект на переднем плане или шрифт и тени/3D эффекты одинакового цвета.

Что произойдет, если 3D пойдет дальше в создании объема для объектов одного оттенка? Использование одноцветного 3D позволяет дизайнерам добиться иллюзии объема с помощью глубины цвета и теней.

Несмотря на отсутствие контраста возникает натуральный эффект объема, и мы видим объект, реалистично выступающий из фона. Этот магический эффект останется популярным в 2020 году.

Проект: Magrela Popcorn / Автор: Hugo Aranha

Проект: Amazonia Beverages / Автор: Hugo Aranha

Проект: Nespresso Expertise / Автор: JVG ™

20. Дудлы (иллюстрации, нарисованные вручную)

Нарисованные вручную картинки или даже просто отдельные элементы добавляют бренду уникальности. Картинки «от руки» не требуют выверенности линий и могут использовать грубые штрихи, за счет чего композиция получается более естественной.

Проект: Toasted Pets! / Автор: Brosmind ®

Проект: Awake Festival Proposal / Автор: Milo Themes

Проект: Art Hub Bahrain | Packaging / Автор: Elias Madan

21. Смешение и пересечение стилей

Иллюстрация и фотография, типографика и рисунки, градиенты с жирным шрифтом, дуплекс и яркие цвета — сочетайте 2, 3 или даже больше трендов 2020 года, чтобы получить эклектичный и запоминающийся дизайн.

Проект: Styled Social Media kit / Автор: Maksat Amirzhanuly

Дизайн логотипа

22. Адаптивные лого

В мире «отзывчивого» дизайна адаптация логотипа под любое устройство крайне важна. По-настоящему адаптивный логотип не просто уменьшается на странице, а претерпевает дополнительные изменения и подстраивается под окружающий контекст.

Адаптация логотипа стала топовой задачей для дизайнеров: бренд должен быть эффектно представлен вне зависимости от пространства и измерений. Бросая вызов дизайнерам, адаптивные логотипы становятся маст-хевом в 2020 году.

Проект: Responsive Logos / Автор: Joe Harrison

Автор: Design Studio

23. Логотипы с анимацией

Логотипы с анимацией используются уже некоторое время, но сегодня их можно увидеть практически на любом сайте. Анимированные лого способны отобразить историю бренда и увеличить конверсию за счет хорошей узнаваемости.

Проект: Type With Pride Gilbert font / Автор: Fontself Team

Проект: Logo Visual identity / Автор: Mariusz Mitkow

24. Яркие и забавные лого

Красочные лого с забавными элементами, анимацией и кастомными рисунками — значимый тренд 2020 года. Бренды хотят создать позитивный посыл потребителю, а развлекательный подход этому очень способствует.

Проекты: Axel Flores , Vladimir Lifanov , Silvestri Thierry , Vadim Carazan , Onrepeat Studio , Serafim Mendes

25. Негативное пространство

Негативное пространство остается горячим трендом в дизайне. Этот тренд продолжает потрясать основы веб дизайна, хотя активно используется уже некоторое время. Ранее дизайнеры обращались к негативному пространству для создания минималистского стиля, новшество этого года — наполнение свободного пространства яркими цветами, геометрическими фигурами и узорами.

Проекты: SeisTrece Studio , Vadim Carazan , Quim Marin , Bureau Rabensteiner , Andrei Traista

26. Геометрические фигуры и узоры

Оформление логотипа едва заметным кастомным узором делает громкое заявление о бренде. Мелкие геометрические элементы добавляют логотипу разносторонности и оригинальности, поэтому мы определенно увидим этот прием в 2020 году.

Проекты: islam biko , Quim Marin , Silvestri Thierry , Vadim Carazan

27. Монограммы

Монограммы никогда не исчезнут в сфере дизайне логотипа. Это способ создать стабильность, показать качество и традиции в бренде. Монограммы также могут быть созданы с использованием более современного подхода, смешивая некоторые современные тренды с этого года как яркие цвета, дуплекс или геометрические узоры.

Проекты: Milo Themes , Romain Billaud

28. Градиенты

Градиенты — один из главных трендов, унаследованных от 2020-2020 годов, и конечно же, он коснется дизайна логотипов. Легкий градиент или смелые переходы, что выберете вы?

Проекты: MICHAEL SPITZ , Nicholas Slater , Jeroen van Eerden , Vadim Carazan

29. Наложения

В связи с восхождением тренда дуплекс эффект наложения элементов друг на друга невероятно популярен в дизайне логотипов. Взгляните на нашу подборку.

Проекты: CaveLantern , Fontself Team , Rosie Manning

Веб-дизайн (Ui/Ux)

30. Концепция Mobile First

Ни для кого не новость, что мобильный трафик превышает десктопный. Веб дизайн 2020 года учитывает значимость мобильной версии динамических иконок, меню и подменю.

Проект: Food Drinks app Interaction Collection / Автор: Johny vino™ .

31. Микровзаимодействия

Они повсюду. Каждый раз, когда вы лайкаете что-то на facebook или пролистываете контент в мобильном приложении, вы участвуете в микровзаимодействиях. И они неплохо работают, учитывая, что их цель — активность пользователя и динамичный UX.

Элементы становятся текучими: кнопки могут менять форму, и все поверхности скрывают анимированные сценарии, ожидающие прикосновения и активации. Готовы спорить, что они не покинут пьедестал и в 2020 году.

Проект: Brewskies v2 / Автор: Kevin Yang

Проект: Gesichtspunkt / Автор: Alim Maasoglu

32. Встроенная анимация

Элементы со встроенной анимацией ненавязчиво помогают пользователю в процессе просмотра сайта. Они скрашивают ожидание полной загрузки контента и проявляются при взаимодействии с элементами и процессами на странице, к примеру, при скроллинге или наведении фокуса на определенный блок.

Присутствие анимированных персонажей на странице помогает установить контакт с пользователем, расширяя привычное взаимодействие с сайтом.

Проект: inturn website / Автор: INTURN

33. Креативные экраны загрузки

Сайты, использующих скучные экраны загрузки, устарели. Почему бы не компенсировать пользователю время вынужденного ожидания креативным подходом? Ниже приведены 2 выдающихся примера применения креативных вариантов загрузки сайтами Contemple и Awwwards.

Проект: Awwwards Conference / Автор: Adoratorio

34. Раскладка с ломаной «сеткой»

Некоторые дизайнеры считают, что традиционная «сетка» раскладки ограничивает их креативность, поэтому стремятся изменить правила и высвободить свою творческую энергию. «Сетка» с наложением картинок и текста друг на друга способна создать уникальный экспериментальный дизайн.

Проект: The Refugee Nation Web Design Branding / Автор: Justin Au

Проект: Ueno Concepts / Автор: Ben Mingo

35. Разбивка страницы

Разбивка страницы на части позволяет разделить контент семантически, например, изолировав текст от картинок или расположив информацию по иерархии. В 2020 году, когда объем информации продолжает расти, никто не хочет пробираться через нагромождение контента. Разбивка станет для дизайнеров тем волшебным инструментом, который поможет вместить все, не потеряв в UX и эстетике.

Проект: Product Landing Page UI / Автор: Dinesh Shrestha

Проект: Design Thinking / Автор: Radowan Nakif Rehan

36. Больше (интерактивного) 3D в оформлении

Главный тренд, который признает современный веб дизайн 2020 — восхождение (интерактивных) 3D элементов, экспериментирующих с глубиной, движением, текстурой и перспективой. Использование 3D элементов и 3D среды делает каждый веб-сайт выcокоуникальным, улучшая его внешний вид и/или пользовательский опыт. В качестве примера можно привести Atacac, который создал интерактивный футуристичный шоу-рум виртуальной реальности, позволяющий посетителям сайта рассмотреть каждый предмет одежды со всех сторон. Другой яркий пример — вращающаяся 3D скульптура сайта The Artery.

Проект: Atacac 2020 Yearbook

Проект: The Artery

37. Закругленные углы и плавные формы

На протяжении последних лет в дизайне преобладали прямые углы и остроконечные геометрические фигуры. В последние месяцы их сместили плавные линии и округлые формы. В сочетании с сочными цветами и использованием слоев этот тренд укрепляет свои позиции.

Проект: LuxuryClean UIUX iOS App / Автор: Mariusz Mitkow

Проект: Landing page project design / Автор: Mariusz Mitkow

38. Фоны с движущимися элементами

«Заставь меня читать» — скрытое обращение пользователя к любому веб дизайнеру. Фоны с движущимися элементами решают эту задачу, притягивая взгляд, но не отвлекая внимание от текста. К тому же они не вызывают проблем при загрузке в отличие от фонов из видео.

Едва уловимое движение текстуры, легкая анимация, эффект вплывающих пузырьков — все они отлично впишутся в веб дизайн сайта, цель которого — понравиться пользователю. Даже в 2020 году.

Проект: Wibicom / Автор: Wibicom Agency

39. Футуристические узоры

В начале 2000-х будущее виделось похожим на показанное в «Матрице»: бегущие по экрану цифры, технологии, робототехника, пульсирующий свет.

Сценарий утратил свою привлекательность, когда стало понятно, насколько далеко фильм отошел от реальности, которая оказалась намного менее футуристичной. Однако благодаря Глубокому Анализу и Big Data мы наблюдаем возвращение робототехнических трендов: футуристические орнаменты найдут применение и в 2020.

Проект: Crown Tech / Автор: Jan Wolinger

Проект: SpaceShip / Автор: Arif Rachman Hakim

Проект: Data Visualization Concept / Автор: Mario Šimić

40. Монохромные иконки

В то время, как остальное пространство страницы наполняется цветом и градиентами, иконки продолжают следовать «моно» правилу, ведь их главная цель — оставаться читабельными. Небольшое заполнение вариациями одного цвета сделает иконку визуально привлекательной, а не только информативной, и ловко впишет ее в общий дизайн.

Проект: Icon Design / Автор: Eaton

41. Иконки, частично заполненные цветом

Части графических иконок будут закрашиваться цветом. Это будет не полное заполнение, а лишь легкое прикосновение цвета, оставляющее пробелы, словно иконка небрежно нарисована от руки. Заливка, которая не перегружает иконку и сохраняет ее читабельной.

Проект: Alfred icons / Автор: Andrea O

Проект: Icons / Автор: Alisa_

42. Скроллинг с Parallax

Скроллинг с Parallax настолько вездесущ, что невозможно не принимать его во внимание. Когда скроллинг может управлять скоростью анимации, единственный лимит дизайнера — воображение.

Parallax — бессменный тренд веб-дизайна, продолжающий делать сайты оригинальными и запоминающимися. Создавая 3D эффект между движущимися передним планом и фоном, Parallax придает неуловимую глубину странице и плавность пролистывания контенту.

Проект: Dex Multi-Layer Parallax / Автор: Milo Themes

43. Мондрианизм

Желание свободы и эквилибриума (гармонии) — врожденное стремление человека (по причине присутствия в нем вселенной)», сказал Пит Мондриан. Мондрианизм станет трендом 2020 года: стиль, в котором соединяются базовые цвета — красный, желтый и синий, создавая впечатление чистоты, гармонии и уравновешенности.

Эквилибриум, основанный на прямоугольных формах и базовых цветах, с идеальным с точки зрения удобства пользователя размещением элементов.

Проект: Mondrian / Автор: Stugbear

Проект: Guernica / Автор: Shota

Типографика

44. 3D — моделирование

3D — многообещающий тренд, охвативший все сферы дизайна. Объемный текст добавляет реалистичности общей композиции.

Проект: Atypical / Автор: Pawel Nolbert

Проект: Alphabet Project / Автор: Serafim Mendes

Проект: RE NEON vI / Автор: Omar. Aqil

45. Жирная типографика

Жирная типографика была большой трендом в последние годы, и она определенно останется. В 2020 году мы увидим гораздо более смелую типографику в сочетании с яркими цветами. Поэтому помните, что если вы хотите сделать сильное заявление, смелая типографика это отличный метод.

Проект: Club AVi’s XII-year Anniversary Posters Series / Автор: Milo Themes

Проект: TEDxGroningen / Автор: Rudmer van Hulzen

46. Serif шрифты

На протяжении нескольких лет в типографике преобладали sans-serif шрифты, но сейчас наблюдается возвращение serif. Ниже представлены несколько интересных проектов, авторы которых выбрали serif шрифты и добились впечатляющих результатов.

Проект: Custom Type Design / Автор: Moshik Nadav Typography

Проект: Lux Naturalis Gala Invitation

47. Геометрический шрифт

Геометрические шрифты были востребованы последние несколько лет и остаются важным трендом и в 2020 году.

Проект: VitrineMedia / Автор: Graphéine

Проект: Sydney School of Entrepreneurship / Автор: For The People

48. Кастомные шрифты

Эксцентричные кастомные шрифты становятся хитом среди дизайнеров. Фрагментированный, искаженный или ломанный шрифт определенно выделяется на фоне других, на что и делается расчет. Некоторые из подобных шрифтов еще и интерактивные, с откликом на движения курсора мыши. Уникальности кастомных шрифтов нет предела, и в 2020 году мы увидим множество экспериментов с ними.

Проект: Lingerie XO The Sexiest Most Powerful Typeface Yet / Автор: Moshik Nadav Typography

Автор: Jeanne Bataille

49. Эксперименты с выравниванием и кернинг

Хаотичность в типографике была одним из главных трендов 2020 и остается на вершине в 2020 году. Забудьте о правилах и дайте простор фантазии!

Проект: Studio Studio / Автор: Rudmer van Hulzen

Проект: nyMusikk annual report 2020 / Автор: Non-Format

50. Экспериментальная типографика

Дизайнеру следует экспериментировать со шрифтами, добиваясь инновационных результатов. Добавляя в существующие шрифты негативное пространство или кастомные элементы, можно добиться потрясающих результатов.

Проект: Experimental Chinese Typography / Автор: Letitia Lin

51. Типографика в миксе реальными фото

Эклектичные тренды всегда эффектны, и этот не исключение. Добавляйте типографику в фотоснимки или 3D отрисовки и получайте авангардный дизайн.

52. Креативная типографика

Креативная типографика, применяющаяся уже некоторое время, не только не исчезнет в 2020 году, но и получит статус одного из главных трендов. Свободное от условностей применение этой техники поможет построить «мир, созданный воображением». «Используй шрифт, чтобы впечатлять» — лейтмотив этого года.

Проект: ILOVEDUST — 3D TYPE COLLECTION 1 / Автор: ILOVEDUST

Проект: Typography 3D — 9 / Автор: Alexis Persani

Дизайн упаковки

53. Плоский дизайн

Плоский дизайн до сих пор остается востребован в оформлении лейблов и упаковок. Плоские фигуры, узоры и кастомные иллюстрации — верный выбор в 2020 году.

Проект: Cheddar-Cheese-Melt-Mcdonalds-Packaging / Автор: Mostafa Abdelmawla

Проект: The-Gang / Автор: MARKA NETWORK

Проект: Melio / Автор: Rachael Batley

54. Минималистский дизайн

Дизайн со множеством элементов ушел в пошлое, вся второстепенная информация должна уступить место важной. Этот тренд активно использует отрицательное пространство, чтобы пользователь взаимодействовал только с необходимым ему контентом.

Проект: Sarta-Milano / Автор: MARKA NETWORK

Проект: Gyalmo / Автор: Łobzowska Studio

55. Узоры и фигуры

Геометрические

Геометрические формы будут присутствовать во всех сферах дизайна. Выбирайте орнаменты, которые отражают суть продукта.

Проект: NICHE-Tea / Автор: IWANT design

Кастомные фигуры и элементы

Персонализированный дизайн — обязательная составляющая в построении идентичности бренда.

Проект: aleFanty / Автор: less

Проект: Nature Organic Chocolates / Автор: Mike Karolos

Дудлы

Дудлы — свежий тренд этого года во всех направлениях дизайна, а разработка айдентики — идеальное поле применения для этих смелых рисунков. Дудлы могут преобразить обычный скучный дизайн в интересное и уникальное произведение искусства.

Проект: Zoe-Juices / Автор: Beetroot Design

Винтаж

Винтажные узоры остаются в теме, их традиционно принято связывать с определенным уровнем качества. Винтажный дизайн опирается на детали и способен создать айдентику, которая будет актуальна долгое время.

Проект: Mutti Special Edition for FICO Eataly World / Автор: Auge Design

56. Смелая типографика

Смелая типографика создает сильный и однозначный посыл. Если нужно, чтобы продукт выделялся, используйте большой шрифт в связке с яркими цветами.

Проект: Amilk & Adidas / Автор: Duy Dao

57. Цвета

Дерзкие цвета

Сочные цвета — хит этого года, поэтому мы не раз столкнемся с ними в оформлении. Дополненные сумасшедшими узорами и геометрическими фигурами, яркие цвета преобразят оформление любого продукта.

Проект: Deker-rebranding / Автор: less

Проект: Mochila / Автор: Sweety & Co.

Пастельные цвета

Пастельные цвета — тренд-реакция на яркие цвета, охватывающий все больше пространства в оформлении. Мягкие оттенки транслируют теплое отношение к потребителю.

Проект: Freshly Baked / Автор: Design Happy

Проект: Ela cosmetics / Автор: ChocoToy cute

58. Необычные текстуры и формы

В оформлении упаковки разрешено все: от стекла до металла. Упаковка продукта должна выделять его на фоне аналогов и делать запоминающимся. Использование необычных материалов для современной инновационной упаковки — новое требование в дизайне.

Проект: Sprout Green Paulownia Wooden Box / Автор: Yinjue

Проект: Eco bamboo tooth brush / Автор: Margas Family

59. Голографический эффект

Голографический эффект — вернувшийся тренд. Металлические текстуры позволяют достичь футуристического эффекта и создать магически притягательный дизайн.

Проект: EAT ME / Автор: PACKVISION AGENCY

Проект: Sphynx / Автор: Anagrama Studio

60. Градиенты на упаковке

Добавьте мягкие градиенты для создания глубины или используйте яркие цвета для более прямолинейного эффекта.

Проект: YOU & OIL natural cosmetics / Автор: Irmantas Savulionis

61. 3D натюрморты

Последние годы был заметен рост числа проектов с 3D дизайном. Наблюдая работы некоторых 3D художников из топа, например MVSM или Питера Тарка, можно предсказать, что в 2020 году популярность 3D натюмортов возрастет. Для корпоративных коллабораций тренд окажется на одном уровне важности с разработкой лого и размещением продукции.

Проект: Squarespace stillife / Автор: MVSM

Проект: Adobe Government / Автор: Peter Tarka

Проект: Audi Q-Riosity / Автор: Peter Tarka

62. Абстрактные фигуры

Абстрактные 3D фигуры и яркие цвета — микс года. Это определенно один из самых влиятельных трендов, так что не упускайте его из вида.

Проект: Logitech CRAFT / Автор: Pawel Nolbert

Проект: SWEET SPIRALS / Автор: Kirill Maksimchuk

63. 3D отрисовка в стиле металлик

3D отрисовка в стиле металлик смотрится эффектно и несомненно относится к трендам, которые интересно отслеживать в 2020.

Мощные инструменты отрисовки делают возможным создание безупречных и изящных 3D моделей. Благодаря им стал доступен реалистичный и привлекательный металлик эффект, излучающий роскошь и благородство. За счет правильного применения света, отражений и теней поверхности и элементы в стиле металлик обретают глубину и реализм и больше не выглядят неуместно.

Проект: Grand Spectacular 2020 / Автор: Mustaali Raj

Проект: Various Concepts / Автор: Oleg Morozov

Проект: NIKE FC 3D Golden balls in the real world / Автор: T A V O .

64. 3D графика с анимацией

Поскольку анимация все больше завоевывает мир дизайна, 3D графика с анимацией определенно достойна внимания в этом году. Вместе с аудио данное направление анимации станет хитом всех мультимедиа проектов. Используя визуальные и кинематические эффекты, моушн-дизайнер может вдохнуть жизнь в 3D персонажей и типографику, добавляющих уникальности продукту.

Проект: NIKOPICTO SHOWREEL 2020 / Автор: Nikopicto

65. Очень реалистичное 3D

3D всегда вызывает восторг и будет возглавлять современные тенденции веб дизайна 2020. Этот эффект способен обыграть реальность и вымысел так тонко, что их практически невозможно отличить. Картинка это или отрисовка? Грани продолжают стираться…

Проект: YOOX: Make a Wish / Автор: JVG ™

Проект: Air Max ’17 / Автор: Berd .

Статья собрана из источников:

Спасибо, дорогой друг, что дочитал данный лонгрид с трендами веб дизайна 2020 до конца. На его сбор, перевод и публикацию ушло 8 дней и если вам не сложно уделите 30 секунд, чтобы поделиться им в соц.сетях или на своем ресурсе, тем самым вы очень поможете распространить данный материал. Спасибо большое =)

5 главных трендов в дизайне интерьера на 2020 год, которые захочется воплотить в своей квартире

Получайте на почту один раз в сутки одну самую читаемую статью. Присоединяйтесь к нам в Facebook и ВКонтакте.

В эпоху глобальной цифровизации человеку не скрыться от трендов. Независимо от того, как глубоко он вовлечен в интерьерную моду и вовлечен ли вообще, ему придется сталкиваться с ними повсюду, даже если он закупается в IKEA. Глобальная цифровизация нашего мира привела к тому, что любые тенденции в нем зарождаются и умирают со скоростью света. То, что еще вчера казалось свежим и новаторским, завтра окажется безнадежно устаревшим. Поэтому дизайнеры работают на опережение, задавая тренды с отсроченной перспективой. Так и живем: 2020 год еще не начался, но по «звучанию» интерьерных выставок можно судить о том, что будет модно в следующем году. Есть тенденции неоднозначные и не конца оформившиеся, а есть уже вполне состоявшиеся – о них и пойдет речь.

1. Абстракция в интерьере

Абстрактная живопись – мощный прием для создания эмоционально заряженного интерьера. Она воплощает в себе чистую энергию, свободную от формы и предметности. Многие дизайнеры в процессе работы над коллекциями вдохновлялись абстрактным экспрессионизмом, в первую очередь полотнами Джексона Поллока и Виллема де Кунинга.

Абстрактных принтов в интерьерах в 2020 году ожидается много: в приоритете – ломаная геометрия и размытые образы. Такие узоры не имеют четких границ, стиля или очертаний, зрителю предлагается самому дорисовать в воображении их смысл и завершение. Абстракцию важно «подружить» с интерьером. Начните с акцентной подушки или картины на стене, для искушенных декораторов дизайнеры предлагают обои с абстрактным принтом. «Впустить» живопись в интерьер поможет тональное созвучие. Для этого достаточно небольшого вкрапления в интерьер схожих оттенков и повторяющихся мотивов.

2. «Потепление» интерьера

Скандинавская эстетика, основанная на принципах минимализма и функциональности, остается доминирующей в индустрии. Однако ее концепция постепенно эволюционирует и персонализируется. Присущая скандинавскому стилю холодность сменяется теплыми оттенками, сглаженными переходами и острожным зонированием. Классический open-space встречается все реже, ему на смену приходят легкие стеклянные перегородки. Упор делается на создание уютного домашнего интерьера, во главу угла ставятся потребности и комфорт человека. По-прежнему в силе нейтральный фон с точечным вкраплением ярких акцентов. Но цвета заметно «нагреваются»: в моде оливково-коричневая, бежевая, серая, персиково-розовая гамма.

Разбавляют монотонное звучание глухих стен и гладких поверхностей по-разному. Во-первых, дизайнеры работают с фактурными материалами – деревом, кирпичом, бетоном. В ход также идут уютные мелочи: каменные подставки, льняной текстиль, глиняные горшочки, шерстяные ковры. Но тут важно не переусердствовать – нордический стиль не терпит нагромождения и захламления. Стоит ограничиться необходимым минимумом мебели и декора.

3. Фактурный текстиль

В холодный период неплохо добавить интерьеру чуточку тепла и уюта. Проще всего это сделать с помощью фактурного текстиля. Пледы крупной вязки, декоративные подушки из меха ламы, накидки на стул из овчины, шерстяные ковры ручной работы, пушистые пуфы — все эти приятные мелочи будут невероятно популярны этой зимой. Не бойтесь их укладывать друг на друга, комбинировать между собой разные фактуры и узоры. Небрежно задрапируйте диван пледом, оставьте пару подушек на полу и подоконнике, набросьте на стул шкуру – поверьте, сидеть на нем будет куда комфортнее. Так у вас в квартире появится несколько уютных уголков, где можно почитать и выпить ароматного кофе.

Если у вас раньше не было ковра – самое время о нем задуматься. Обратите внимание на градиентные узоры, сложные текстуры, замысловатые принты, а также теплые обволакивающие оттенки.

4. Немного благородного блеска

Изрядно «приправленные» металлом интерьеры были на волне популярности последние нескольких сезонов. В следующем году тренд никуда не исчезнет, но претерпит некоторые изменения. В центре внимания окажутся «теплые» разновидности металла: латунь, золото, бронза. Причем доминирующее положение займут матовые поверхности, которые смотрятся менее китчевыми, чем гламурный глянец.

Металлические предметы своей экспрессивностью и самодостаточностью привлекают к себе внимание. Их нужно использовать в качестве акцентов в нейтральном окружении. Латунь и бронза имеют примеси красного и розового, поэтому хорошо рифмуются с теплыми оттенками. Желтые металлы смотрятся ярче и богаче на фоне глубокого синего, фиолетового и голубого цветов. Металл может присутствовать в интерьере в виде дверной и мебельной фурнитуры, цоколя кухни, смесителя в ванной комнате, аксессуаров, арматуры светильника, изящного кофейного столика.

5. Japandi

Под воздействием процессов глобализации усиливаются и интеграционные процессы в сфере дизайна. Стиль Japandi родился в результате смешения двух направлений, которые ранее развивались параллельно – скандинавского стиля и японских интерьерных традиций. В итоге получился гармоничный и осовремененный гибрид. Предпосылки к его возникновению появились давно, однако как стиль Japandi оформился недавно. В следующем году он проявит себя во всей красе. Несколько крупных ритейлеров (в их числе Maison du Monde) уже выпустили коллекции, изобилующие богатыми шелковыми текстурами, изящными птичьими мотивами, стилизованными восточными принтами и структурированными формами мебели.

От нордической эстетики джапанди позаимствовал стремление к простоте, ясным формам, грубым фактурам. Японское влияние в нем проявляется в нейтральной гамме, близости к природе, изящным решениям. Такому интерьеру присущи организованное хранение вещей, порядок в доме, превалирование функции над формой. При этом он оформлен в нейтральных тонах, всегда прост и минималистичен. Обстановка располагает к сосредоточенности, созерцательности, творческой активности, принятию несовершенства мира (концепция ваби-саби).

Понравилась статья? Тогда поддержи нас, жми:

Топ-пост этого месяца:  Как лучше сделать review поста чтобы комментарий + оценка были вместе (по аналогии review товара в
Добавить комментарий