От автора: приветствую, дорогой друг. Итак, тренды веб-дизайна на 2015 и 2016 годы. Именно об этом пойдет речь в данной статье. Цвет при проектировании имеет ключевое значение – даже на строгих черно-белых сайтах присутствует множество оттенков, контрастов и баланс между белым и черным цветами
.
Flat дизайн популярен уже достаточно долгое время (сейчас называется flat 2.0), и на данный момент цветовой палитре стали уделять еще больше внимания. Сегодня интернет пестрит радугой ярких цветов, которые хорошо смотрятся как на мультяшных сайтах, которые популярны сегодня, так и на элегантных сайтах минималистичного вида, у которых цвет это одна из основных составляющих дизайна.
Сегодня и в ближайшем будущем мы будем видеть все больше сайтов, пестрящих яркими цветами. Яркие цвета это один из основных трендов 2015 и 2016 годов.
Отсылки к моде и дизайну интерьеров
Как говорится в книге Тренды веб-дизайна 2015 и 2016, яркие цвета являются трендом не только в интернете. Данное веяние универсально для всех отраслей, особенно это заметно в моде и дизайне интерьеров. Эти два направления постоянно доминируют в дизайне и имеют много общего.
Основная идея в том, что чтобы понять, что происходит в веб-дизайне в целом, вам придется сохранять все ссылки на новости. В интернете людям будут нравиться те же цвета, которые присутствуют в их одежде или содержатся в дизайне интерьера у них дома.
В конце концов, результатом использования одинаковых цветов в различных областях дизайна должна послужить связь с людьми. С помощью цвета можно создать прочную эмоциональную связь с человеком, не важно, будет ли это сумка или домашняя страница в интернете.
Почему именно сейчас?
Яркие цвета стали столь привлекательны потому, что их можно применять различными способами и стилизовать с их помощью много разных элементов. За счет своего разнообразия и универсальности яркие шаблоны буквально похоронили ранее популярный шаблон тем plug-and-play.
Следующий прототип создан с помощью сайта UXPin и визуального редактора анимации. Обратите внимание, как ярки цвета улучшают визуальную коммуникацию. Разные оттенки одного цвета в меню подчеркивают принадлежность всех пунктов меню друг другу.
Данный тренд зародился на сайтах с портфолио художников/дизайнеров, а сейчас перешел в более традиционные сферы, как новостные сайты или сайты о погоде. Тренд даже просачивается в дизайн сайтов электронной коммерции, где всегда преобладали черно-белые цвета.
Яркие цвета постепенно все меньше связывают с глупыми цветами, и они плавно переходят в ранг профессиональных. Далеко не совпадением можно назвать тот факт, что сегодня яркие цвета становятся крайне популярны. По существу, эту популярность можно связать с двумя крупными событиями в мире дизайна: высокое качество и flat дизайн.
Увеличивающееся число пикселей на дюйм в HD дисплеях позволяет использовать все больше разнообразных цветов. Если раньше дизайнеры могли с уверенностью использовать лишь 216 безопасных цветов, то сегодня технологии увеличили эту цифру до миллионов. Более 98% пользователей доступны данные технологии (по исследованию W3School).
Популярность плоского дизайна стала расти сразу после того, как Retina дисплеи стали более менее доступны. Это тоже не совпадение. Флэт дизайн тоже стал продуктом новых технологий. Но его появление привело и к обратной реакции, направление дизайна скеоморфизм вышло из моды.
Примеры сайтов с яркой цветовой палитрой
Теперь яркие цвета можно встретить не просто на новостных сайтах, но и на сайтах бизнес новостей, как Bloomberg Business. Мастерское использование цветов подтверждает нашу теорию просачивания ярких цветов в профессиональные сферы.
Но нельзя просто взять и использовать на своем сайте все яркие цвета. Большинство сайтов черно-белые, цветовая палитра ярко контрастирует (текст становится более читаемым, лучший выбор для новостных сайтов).
Ярко-синий цвет это цвет подписи, преимущественно используется в качестве разделителей. Даже в логотипе Bloomberg присутствует ярко-синий. Отличный выбор – данный оттенок вызывает доверие со стороны пользователя, а также внушает уверенность. Пастельный красный в разделе Top News привлекает внимание пользователя. Но он использован только в заголовках, чтобы не перегружать страницу. А ярко-голубой цвет в разделе Commentary & Opinion задает легкий, неформальный тон.
Также обратите внимание на то, как меняется цвет текста. Основной текст и текст объявлений черный, тем самым задается ощущение, что он менее важен, нежели яркие заголовки различных уровней и категории («Politics и т.д.»). Данный подход облегчает просмотр страницы, основное внимание ложится на большие секции, а не на конкретные элементы.
Цвета можно отлично применить для навигации по сайту, но на сайте Bloomberg Business используются только яркие оттенки.
Заглядывая наперед
Цвета это неотъемлемая часть веб-дизайна. Тем не менее, с изменением трендов популярность ярких оттенков будет то повышаться, то понижаться. Так как данные процессы цикличны, то вскоре мы увидим заново изобретенные старые методы. К примеру, возможно, вернуться градиенты и вдохнут новую жизнь в дизайн с яркими оттенками цветов.
На сайте Zample+me используются только яркие оттенки голубого и градиент, без темных оттенков. Такой легкий стиль легко совмещается с минималистичным макетом сайта и плоскими интерактивными иконками. Zample+Me – пример того, как данный тренд развивается, а не затухает.
Насыщенный цвет хорошо сочетается с резким шрифтом, еще один тренд из книги Тренды веб-дизайна 2015-2016. Как видно на сайте Piccsy два ярких цвета усиливают друг друга, посылая мощное сообщение пользователю. Настолько глубокий, впечатляющий вид, что данные цвета нужно использовать очень осторожно. Можно отвлечь внимание пользователя на другой объект.
Еще один набирающий популярность тренд это цветовое наложение – добавление фильтров к изображениям с помощью цветных «линз». Таким образом, можно задать любому изображению эмоциональность определенным цветом. К примеру, грустную фотографию можно сделать веселой, добавив желтый оттенок.
Дополнительно
В бесплатной электронной книге Тренды веб-дизайна 2015-2016 более подробно описаны последние тренды, среди прочего там описаны еще 9 полезных трендов. В книге вы найдете разбор трендов на примерах таких компаний, как Adidas, Intercom, Apple, Google, Versace и другие. Также существует список из 100 бесплатных полезных ресурсов, с помощью которых можно ускорить процесс проектирования.
Автор: Jerry Cao
Источник: //www.sitepoint.com/
Редакция: Команда webformyself.
