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

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

>

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

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

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

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

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

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

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

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

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

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

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

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