Модные цвета в веб дизайне
Безусловно, разрешаются эксперименты. Но эксперты рекомендуют добавлять яркие цвета лишь для мелких анимаций, чтобы разбавить гамму. Общий вид должны составлять нейтральные цвета.
Другой пример – сайты знакомств. Новые друзья – положительные эмоции. Более того, сайты знакомств часто помогают находить вторую половинку. В конце концов – это маленькая неизвестность. Ведь никогда не знаешь, кого можно встретить по ту сторону экрана.
Долгое время сайты знакомств были склонны к однотонности. Ожидается, что в 2020 они будут более разнообразными и насыщенными. Во-первых, никаких тусклых оттенков. Во-вторых, только яркие цвета, среди которых:
- розовый;
- тиффани;
- желтый;
- оранжевый.
Опять-таки, в случае с выбором цвета нельзя полагаться на свои идеи. Ищите человека, который занимается дизайном всю жизнь. У него портфолио должны быть не меньше этого. Да, он будет выбирать из тех трендов, о которых пишут в сети. Но он сможет наилучшим образом подобрать цвет именно для тематики Вашего проекта.
Культура целевой аудитории
Одна из первых вещей, которую я для себя выделил в дизайне: нет уникального тренда цветового оформления. Исследовательские организации смогут выделить самый оптимальный оттенок. Но даже он не будет уместен во всех случаях.
Первое, что влияет на выбор цвета в данном случае – регион, на который ориентирован проект. Не секрет, что у каждой страны или части света цвета могут иметь разную символику. Примечательно, что направлено никто не будет обращать внимания на мистические связи. Но подсознательно у пользователя появится определенная ассоциация. В интересах разработчика и маркетолога вызвать именно положительные эмоции.
Данная диаграмма четко отображает, какой цвет будет идеальным в одном регионе, и как он может навредить в другом. Очень сложно будет проектам, ориентированным на весь мир. В таком случае неизменный тренд – черный и белый цвета как основа, а также пропорциональное всех остальных оттенков для разнообразия. Примером такой реализации сегодня является сайт Apple.
Нельзя сказать, что это тренд именно 2020 года. Использование (избегание) определенных цветов в зависимости от региона целевой аудитории – вечная тенденция. Причина тому – неизменные традиции каждой культуры, которые укоренялись тысячелетиями.
Главные тренды регионов
Сегодня сформированы примерные направления цветовых трендов в каждом регионе на ближайшие несколько лет. Как я уже сказал, расположение целевой аудитории оказывает большое влияние на использование цветов. Потому хочу рассказать о трендах, которые сформированы нынешними идеями.
Азиатско-Тихоокеанский регион
В поисках базового цвета дизайнеры этого региона ориентировались на утверждение простоты, создание противоречия постоянной занятости. Эти черты очень характерны для восточных стран. Им необходимо чувство спокойствия даже на фоне высокого темпа жизни.
Таким образом, основу любой цветовой гаммы Азиатско-Тихоокеанского региона составит бежевый. Это цвет семян, сухих трав и зерен. Неким образом он знаменует соединение с землей, источниками жизни и связь между людьми.
Также, бежевый – противоположность всего современного. Как я уже упоминал, неотъемлемая часть нашей жизни – технологии, а также из производные. Часто мы видим их в черных и серых оттенках. Но бежевый – это цвет бездорожья, простоты, возвращения к корням. Он передает отчуждение от инноваций, снимая ежедневное напряжение.
Проследите за дизайном одежды или интерьером восточных стран. Бежевый имеет большое преимущество. Потому его целесообразно использовать и веб-дизайне проекта. Который ориентирован на этот регион.
Европейский регион
Существует множество стереотипов о том, что Европа – место «поддельных эмоций». Конечно же это не так. Но стереотипы оказывают свое давление. Потому для них нужно создать противоречие. Необходимо ощущение «реальности».
По мнению экспертов, глиняный цвет с добавлением розового оттенка способен вызвать подобные эмоции. Он передает эффект заземления, позволяя духовно оставаться на связи с окружающей средой. Как по мне, это сильный ход. Ведь статус онлайн окунает нас в виртуальный мир. А глиняные оттенки напоминают, что в сеть мы попадаем из реального мира, но не наоборот.
Североамериканский регион
Главный тренд 2020 года для стран этого региона – зеленовато-желтые оттенки. Первая ассоциация – цвет переменного тока, который символизирует энергию. США, Канада и даже Мексика – страны с высоким уровнем развития, очень быстрыми темпами жизни. Самое главное: эти страны стремительно переходят к автоматизации, которая сегодня основана на использовании тока.
Зеленая и желтая эссенции представляют расширение сфер жизни, которые необходимо освоить. Таким образом, они символизируют сложность будущего. С каждой трудностью необходимо справляться. Иными словами, цветовые тренды североамериканского региона напоминают, что с развитием человечества появляются более сложные проблемы, о которых нельзя забывать.
Вам может показаться, что эти оттенки вызывают негатив, потому их не стоит использовать. На самом деле, этому региону привычно сталкиваться с проблемами. Соответственно, сайты с такой цветовой гаммы создадут ощущение «рыбы в воде».
Латиноамериканский регион
Ключевая тенденция веб-дизайна – восприятие всего с новой точки зрения и четкое определение каждого следующего действия. Согласно мнению специалистов латиноамериканского региона, подобные мысли может вызвать темно-зеленый цвет. Этот оттенок отражает повышенную осведомленность и образованность.
После осознания проблемы приходит мысль, что бездействовать нельзя. Необходимо участвовать в разных процессах, иначе вопрос останется нерешенным. Темно-зеленый оттенок является своеобразным катализатором нового материала, который необходим для поиска ответов.
В конце концов, данный цвет считается символом баланса. Именно к этому показателю стремятся бизнесмены, маркетологи и простые пользователи.
Как видите, цветовой тренд каждого региона имеет одухотворенное значение. Все связано с чувствами, эмоциями и восприятием мира. Это объясняется тем, что цвета сами по себе знаменовали небольшой мистицизм и вызывали множество ассоциаций.
Мятные оттенки – базис 2020
Каждый год характерен цветом, который не принесете вреда как веб-дизайну, так и остальным отраслям. В 2019 такими был голубой оттенок, в 2018 – бледно-розовый. В 2020 самым оптимальным вариантом будет мятный цвет. Об это говорит сообщество прогнозирования трендов WGSN.
Мятные тона символизируют единство науки, технологий и природы. Данный тренд обусловлен последними изменениями в уличной моде, мировыми событиями и даже происходящим в социальных сетях.
Вариации мятных оттенков
Цвет мяты – оттенок зеленого. Как мы знаем, зеленый часто ассоциируют с чем-то новым. 2020 год должен быть точкой отчеты для множества нововведений. Uber планирует запустить летающие такси, NASA начнет миссию «Марс 2020», а в Саудовской Аравии будет введено в эксплуатацию новое самое высокое здание в мире.
2020 – начало новой эры. Потому мятный оттенок будет ключевым трендом на протяжении всего года. Независимо от региона, возраста аудитории и тематики проекта, мятный оттенок не создаст проблем для Вашего сайта.
Градиенты
Этому тренду уже 2 года минимум. Но его эффективность признают все больше веб-дизайнеров. Прежде всего, разработчики до сих пор не раскрыли все его возможности. Градиенты позволяют экспериментировать с цветами самым неординарным образом
Некоторым образом, эта техника использования цветов делает элементы страницы внешне изолированными. Таким образом, дизайн приобретает больше глубины. Опять-таки, смешивание цветов – способность природы, о которой я уже несколько раз упоминал выше.
Поскольку тренд не новый, можно вывести несколько правил его использования:
- подбирать правильные комбинации (в этом поможет Adobe Color Wheel);
- минимализм (допустимый максимум – 5 оттенков, идеал – 3);
- универсальность (не старайтесь повторять то, что видели: градиенты открывают все дороги для творчества);
- плавный переход от темного к светлому.
Градиенты – отличное решение для веб-дизайна сайтов, которые ориентированы на обширную целевую аудиторию, если не на весь мир. Они позволяют создать комфорт для пользователя любого типа. Именно потому они не выходят из трендов веб-дизайна.
Заключение
Цветовые тренды в веб-дизайне будут построены на духовной стороне пользователя. Главная зацепка – достижение спокойствия, которого так не хватает ввиду нынешних темпов жизни. Потому за основу стоит брать те цвета, которые символизируют умиротворение, тишину. Они окажут свое влияние на клиента, заставив его остаться на сайте.
В данной статье, мы на основе своего опыта, а также на основе технологических и культурных изменений в мире, сделали предположение о тенденциях, которые будут доминировать в мире веб-дизайна на протяжении этого года. Мы постарались собрать только лучшие тренды и самые стильные дизайнерские тенденции, которые будут преобладать в 2020 году.
2020 год уже наступил и набирает свои обороты: потребительский рынок оживает после новогоднего ажиотажа, любители отдохнуть возвращаются из своих отпусков. Самое время проследить за тенденциями веб-дизайна и графического дизайна и внести их в свои проекты и продукты. Ведь следование тенденциям дизайна сделает ваш продукт современным, свежим и желанным для целевой аудитории. И важно оперативно следить за всеми трендами в мире дизайна и следовать за ними, ведь тенденции приходят и уходят, а неправильно сделанный выбор может вызвать много проблем и дорого вам обойтись. Это ужасно осознать, что потратили много времени на разработку фирменного стиля, а он уже устарел.
1. Градиенты 2.0
Ультра-минимализм долгое время доминировал в веб-дизайне. Стремясь максимально упростить и уменьшить всё визуально, дизайнеры «вырезали» всё лишнее, оставляя только самое необходимое. Благодаря этому все интерфейсы и продукты стали похожими, без окраски и с большим количеством пустого пространства. Но в 2018 году всем это наскучило, и на смену минимализму пришли градиенты, которые стали очень популярны. Добавляя глубину макетам, они делают их более сочными и привлекательными, а также позволяют использовать фирменные цвета бренда.
В 2020 году градиенты перешли на качественно новый уровень. Они могут быть как едва различимыми, с использованием приглушенных цветов, так и яркими, сочными. Основная особенность новых градиентов — это простота и использование одного или максимум двух оттенков.
Градиенты являются прекрасным средством для создания уникального графического дизайна: их можно использовать в оформлении фона, фильтра для изображений или в качестве акцента для отдельных элементов, например кнопок. Использование градиента в оформлении фона пользовательского интерфейса, создает завораживающую глубину, которая сразу запоминается в памяти. Еще один плюс такого оформления: градиенты всегда хорошо и одинаково смотрятся на всех устройствах и экранах, включая смартфоны.
2. Абстрактные иллюстрации
За последний год мы увидели настоящий взрыв различных иллюстраций, в 2020 году они займут центральное место в трендах веб-дизайна. Все крупные компании, которые следую тенденциям дизайна уже перешли на использование иллюстраций на своих сайтах и социальных сетях. Такие изображения запоминаются сразу и становятся визитной карточкой бренда или определенного продукта. Их скопировать невозможно – каждая иллюстрация уникальна, в отличии от цветовой схемы или используемого шрифта.
Именно абстрактные иллюстрации займут центральное место в трендах этого года, так как простые изображения уже приелись, и чтобы запомниться брендам пришлось создавать все более и более абстрактные изображения. Благодаря этому продукт будет выделяться, запоминаться и эффективней продаваться.
Главное не забывать, что ваша аудитория должна понимать в этих иллюстрациях, что вы им хотите сказать и показать. Иначе, если дизайнер в процессе рисования увлечется, то изображение получится слишком абстрактным, и никто не сможет понять, что он имел в виду. Это будет просто произведение искусства, а не инструмент для взаимодействия с аудиторией.
Банк «Точка» активно использует такие иллюстрации в своем Instagram.
3. Жирные шрифты
Посещая сайт любой современной компании, которая движется в трендах дизайна, вы первым делом заметите заголовок страницы. Конечно, крупные заголовки в начале страницы сайта это не новинка, но тенденции идут к утяжелению и укрупнению шрифтов. В 2020 году в тренд входят заголовки, оформленные тяжелыми жирными шрифтами, которые придают надписи больший визуальный смысл и направляет читателя первым делом на себя. Такой подход к дизайну придает сайтам современный эстетический вид.
Использование жирного шрифта компанией Samsung в рекламе своих продуктов
Большие тяжелые шрифты отлично подходят для создания контраста и визуальной иерархии элементов в графическом дизайне. Это улучшает читаемость и понимание текста и послания, заложенного в нем.
Но при использовании такого шрифта важно не злоупотреблять, иначе дизайн будет перегружен и непонятен конечному пользователю. Вот несколько советов при использовании жирных шрифтов в дизайне:
- Большое количество текста, выполненного большим жирным шрифтом, может отпугивать тех, кто решиться ее читать. Используйте такой шрифт в коротких заголовках или отдельных фрагментах текста.
- Такой текст лучше использовать на контрастном фоне, он должен четко виден и читаться, тогда он точно выполнит возложенные на него функции.
- Лучше использовать простые шрифты без засечек, которые легко масштабируются без потерь в читаемости.
4. Геометрические фигуры
Геометрические фигуры – это простой, но одновременно мощный способ, для создания более привлекательных графических макетов и дизайнов. Самое распространенное использование таких фигур, это разделители блоков и секций сайта.
В 2020 году геометрические фигуры, также, как и градиент, перейдут на качественно новый уровень исполнения. Дизайнеры в своих макетах будут придумывать и изобретать новые способы их использования, для максимальной эффективности итогового дизайна.
Используя геометрические фигуры в веб-дизайне можно создавать определенные посылы и стили, например:
- Мягкие фигуры легко помогут создать модный футуристический стиль
- Острые линии геометрических фигур придаю брутализм дизайну
Сочетание таких фигур с другими трендами этого года – с градиентом и жирным шрифтом, позволит создать эффективно работающий и запоминающийся дизайн.
5. Эмоциональный дизайн
Сегодня, акцент дизайна смещается в сторону эмоционального воздействия на потребителя. Компании переходят от нейтрального дизайна, к тому, который оказывает определенное эмоциональное воздействие. Оказалось, что совсем не трудно вызвать у человека те или иные эмоции дизайном сайта или упаковки. И как показали тесты это положительно влияет на потребителей и продажи продукта в целом.
Уже сейчас существует множество примеров от популярных дизайнеров использования эмоционального дизайна. Для этого они используют статичные изображения или веселые анимации которые на сайте взаимодействуют с посетителем.
6. Визуализация данных
Людям намного легче воспринимать подаваемую информацию в виде визуальных иллюстраций, вместо текста или сухих цифр. Такие изображения сразу бросаются в глаза, а информация, транслируемая в них, запоминается надолго. Именно поэтому сейчас так важно использовать этот тренд в веб-дизайне, ведь стоимость привлечения нового клиента растет с каждым годом и необходимо использовать все средства для этого.
7. Видео на фоне
В последние годы в интернете произошел настоящий бум развития видео контента. Всем нравится смотреть видеоролики, а не читать текст. Это быстро удобно и не требует абсолютно никаких усилий. Поэтому этот тренд перекочевал и в веб-дизайн. И в этом году он будет актуален: все устали от статических фонов на сайтах, все хотят движение и динамику. Благодаря видео дизайнеры могут создать определенные эмоции, сравнимые просмотром настоящего кино.
В этом году увеличится количество сайтов с видеозаставками на фоне, ведь видео делает страницу сайта более живой и динамичной. Это привлекает внимание пользователей, они просматривают ролики и понимают посыл дизайнера, который он хотел показать. Видеоклипы на фоне первого экрана сайта могут быть размером всего от нескольких секунд, до полноразмерного клипа со звуком и глубоким смыслом. И не стоит бояться долго загрузки, ведь скорость доступа к интернету с каждым годом растет, поэтому это не будет проблемой для пользователей.
8. Использование 3D-объектов
Ранее, трехмерные объекты использовались только в компьютерных играх и видеороликах. С развитием технологий появилось много вариантов создания интересных 3D-объектов для использования в дизайне продукции, веб-дизайне и графическом дизайне. Дизайнеры все чаще использую трехмерные и псевдотрехмерные объекты для добавления реалистичности макетам. Такие элементы дизайна прекрасно сочетаются с градиентами и жирными шрифтами, прекрасно отображаясь в дизайне как на компьютерах, так и на мобильных устройствах. В 2020 году они также будут в числе основных трендов современного дизайна.
9. Использование прокрутки
Развитие веб-технологий позволяют создавать все более интересные анимации на сайтах, страницы веб-ресурса начинают все больше взаимодействовать с пользователями. Благодаря использованию прокрутки страницы дизайнеры создают захватывающие анимации, которым управляет пользователь, находясь на странице. Посетитель сайта прокручивает страницу запуская анимацию контента, и благодаря этому можно дизайном донести смысл и посыл. Такой контент сразу запоминается, благодаря динамике и понятной визуализации. Такой веб-дизайн еще больше начинает выполнять свою продающую функцию.
На сайте Apple прокрутка активирует милейшую анимацию.
10. Темная тема
Последний год стал настоящим взрывом темных тем, после введения таковой в последние версию операционных систем Apple. Изначально темный режим задумывался как защита для глаз от яркого свечения экранов мобильных устройств, а также как способ сократить расход заряда батареи. После них такие темы начали внедрять все производители приложений и дизайнеры в своих макетах.
При создании дизайна в темных тонах, тщательно продумайте взаимодействие его с пользователями. Тут важно не переборщить, иначе дизайн будет отпугивать пользователей, что скажется на финансовом состоянии компании. Также в некоторых тематиках сайтов и продуктов такой дизайн может быть противопоказан, поэтому не забудьте произвести тестирование перед запуском.
11. Максимальная персонализация
Стоимость привлечения нового клиента растет с каждым годом, поэтому важно подстраиваться под каждого клиента, чтобы тот чувствовал индивидуальный подход. Сегодня практически все крупные бренды предлагают своим посетителям персонализированный контент, от музыкальных подборок до индивидуальных корзин покупок в интернет-магазинах. В дизайне также стоит придерживаться данного тренда, хоть для многих это окажется слишком сложно и дорого. В последующих годах этот тренд будет только усиливаться, ведь мы все так любим чувствовать себя уникальными.
12. Проектирование систем
Современный дизайн – это скорость и качество. Разработчики и дизайнеры должны создавать быстро, не теряя при этом качества продукта. А так как обычно один разрабатываемый дизайн или продукт должен быть выпущен сразу на нескольких платформах, то возникают трудности с переносом и последующими обновлениями.
Поэтому в 2020 году дизайнеры будут стараться внедрить системный подход к проектированию и созданию дизайна. Будут создаваться специальные сиcтемы проектирования, благодаря которым разработчики смогут сократить число рутинных операций, и создавать сразу проект для нескольких платформ.
Итог
Про некоторые тенденции, представленные в этой статье, вы наверняка уже слышали, а некоторые будут в новинку. Но не спешите сразу внедрять все эти тенденции в свой дизайн.
В независимости от тенденций и трендов веб-дизайна, важно помнить, что главная задача любого графического дизайна – это помогать пользователям быстро ориентироваться в продукте и доносить смысл и чувства. Юзабилити и моду нужно уметь совмещать, иначе дизайн будет хоть и модным и современны, но он не будет выполнять свою первостепенную миссию. Хорошо взвешивайте все тренды, и используйте только те, которые будут помогать пользователям, повышая их пользовательский опыт.