Создание интересных веб-сайтов в оттенках серого, минимальные тона

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

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

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

Вот еще одна работа Жака-Луи Давида.

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

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

Блог Khoi Vinh — отличный пример реализации этой идеи. Обратите внимание на цветную вспышку в навигации при наведении.

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

Контраст — тоже очень важная вещь. И не только черный и белый с оттенками серого между ними; Думайте о больших и маленьких, текстурированных и гладких, движущихся и стационарных.

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

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

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

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

Большой пример этого — гиперссылки. На сайте с оттенками серого вы можете сделать ссылки только темнее или светлее, чем обычный текст. Из-за этого ссылки гораздо труднее увидеть (даже если они подчеркнуты), чем на большинстве сайтов.

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

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

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