Плоский дизайн и цветовая палитра

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

Плоский дизайн - подготовка

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

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

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

Определение цветовой палитры

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

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

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

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

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

Яркие цвета

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

Итак, с чего же начать?

FlatUIColors.com имеет большой стартовый список некоторых самых популярных оттенков в плоском дизайне. Начиная с яркого-синего и зеленого заканчивая желтым и оранжевым. Сайт является отличным началом для того чтобы использовать плоский дизайн в своем проекте, потому вы можете выбрать и скачать различные сочетания цветов. (Лично мне нравятся серые и спокойные тона.)

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

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

Популярные цвета: синие, зеленые и фиолетовые

Ретро цвета

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

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

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

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

Популярные цвета: апельсиновый, персиковый или темно синий.

Монотонные цвета

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

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

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

Монотонные цвета особенно популярны для мобильных приложений в мобильном дизайне.

Монотонные примеры: Так же, как с другими цветовыми палитрами, в монотонных схемах также необходимо использовать контраст. Смешивайте оттенки отличные от базового цвета. Начните с насыщенного (100%) и оттенками 50%, 20% и 8%.

 

Перевод статьи Making it Work: Flat Design and Color Trends

Тэги: flat

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.