Радуга на экране

Автор статьи: Тимченко Максим

>

— Как запомнить названия семи цветов радуги?
—Каждый Оформитель Желает Знать, Где Скачиваютфотошоп

Выбираем подходящий цвет для вашего нового проекта.

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

Ещё до того, как вы определитесь с выбором основного цвета для сайта, оцените аудиторию. Количество дизайнеров, использующих красивые, но совершенно не подходящие к содержанию сайта цвета только растёт. Легко понять, что дизайны сайта для детей 4-6 лет, для любителей классической музыки и для поклонников «Metallica» имеют очень разные цветовые решения.

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

Вот зашел я в Toys’R’Us и отметил, что детские вещи практически все окрашены в чистые, очень интенсивные цвета. Оранжевый, красный, синий, зелёный. Почти нет чёрного. Соответственно и сайты, и игры для детей — тот же RollerCoaster Tycoon, для примера — видели яркие цвета на обложке?

Определив стиль окраски, надо подобрать сами цвета. Определений и способов здесь очень много — «теплые с тёплыми» и «холодные» цвета из уроков рисования в школе, «четверть цветовой окружности» у Д. Кирсанова в «Веб-Дизайне», да и просто подобрать набор с приглянувшегося сайта или из книги по рисованию. Не возьмусь обсуждать правильность того или иного метода, так как любой из них может дать как отличные, так и ужасные результаты. Мой любимый — использовать «чувство цвета», как бы поточнее назвать?

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

Теперь поговорим о количестве цветов. Минимум, и в то же время рекомендуемый максимум — это три цвета. Цвет фона, цвет текста и цвет для ссылок и прочих выделений. Также часто используется 4, где второй цвет обычно идёт как дополнительный фон или цвет иллюстраций. Я думаю, что в количестве цветов может быть только одно решение : чем меньше, тем лучше. Но при этом я не утверждаю, что нужно все фотографии приводить в монохромную гамму, и что нельзя использовать многоцветную навигацию — это было бы глупо. Можно. Но если дизайнеры ломают головы, как собрать гармоничный цветовой набор из трёх цветов, вы думаете, что сможете гармонично подобрать 10? А если обязательно нужно использоваь много цветов, то доминирующих цветов в композиции, т.е. покрывающих максимально большую площадь, должно быть 1-2, не больше.

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

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

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