О цветовых решениях для web
При разработке web-сайтов большое внимание необходимо уделять цветовой схеме дизайна. Web-сайт, который сделан в гармоничном цвете, имеет очень большой шанс на успех у пользователей, по сравнению с тусклым и серым. Или вызывал бы раздражение, чересчур агрессивными тонами.
Навык правильного подбора цветовой гаммы и реализация на ее основе победного дизайна дается двумя путями. Первый это природный дар. Второй это изучение цветоведения. Природный дар — это природный дар, и понять его нельзя. Он либо есть, либо же его нет. А мы начнем вникать в азы цветоведения.
Спектр
Из школьного курса физики известно, что если тонкий луч солнца проходит через призму из стекла, то происходит образование спектра. Спектр это непрерывный ряд цветов, которые разложены в следующем порядке: КОЖЗГСФ. Теперь немного расшифруем эту аббревиатуру. К означает красный, Ф – фиолетовый, Ж – желтый, З – зеленый, О – оранжевый, Г – голубой, С – синий. Все эти цвета плюс желто-зеленый, зелено-голубой и оттенки пурпурного создают хроматическую шкалу цвета.
В случае же, смешивания черной и белой краски, в самых разны пропорциях, получится большой выбор серых тонов. Это уже ахроматическая шкала цветов. Условно хроматические цвета разделяются на «холодные» и «теплые». Желто-красная часть спектра относится к «теплым», а остальная к «холодным». Теплые цвета удачно сочетаются с темно-серыми цветами, а холодные с светло-серыми цветами.
Пространственное отношение цветов
Определенные цвета, находясь рядом с другими цветами, визуально начинают казаться немного выступающими либо вперед, либо назад. Выступают вперед светлые и насыщенные цвета (теплые), отступающими назад считаются холодные цвета. Это вам пригодится в случае, когда вы захотите выделить какой-нибудь элемент на сайте. Согласитесь, что без знания данных принципов сделать что-либо будет очень сложно.
Сочетания цветов и контрастность
Самой главной задачей web-дизайнера есть поиск гармонии сочетания цветов. Некоторые цвета очень хорошо смотрятся вместе и великолепно дополняют друг друга. Другие же никогда не смогут сочетаться друг с другом. Вся суть проблемы состоит в том, каким образом узнать, какие сочетания цветов смотрятся выиграшно, а какие нет? Есть два основных пути. Первый это проводить эксперименты на своем сайте, а второй это изучить цветовые гармонии. Под этим понятием подразумевают комбинации небольшого количества цветов, которые гармонично смотрятся друг с другом при расположении в определенном порядке.
Для наглядности давайте рассмотрим пример основных схем гармоничного цветового сочетания.
- Гармония двухцветная. Сочетание цветов, которые находятся на противоположных концах цветового круга. Подобное сочетание выглядит немного грубовато. Хотя в некоторых случаях именно такое сочетание и даст дизайну некоторый налет стиля и шарма.
- Гармония трехцветная. Условно выполняют разделение цветового круга на три части. Поэтому, взяв один цвет можно для него найти и два других.
- Гармония четырехцветная. Условно круг делится на четыре части. Дальше принцип тот же.
Из последних двух гармоний можно использовать только два, максимум три цвета.
Если ахроматическое пятно окружить хроматическим фоном, то на сером фоне начинает возникать довольно заметный хроматический оттенок. В этом случае это будет красный оттенок. То есть красный и зеленый цвета являются контрастными. При помещении контрастных цветов рядом друг с другом они выполняют усиление контрастности друг друга. Только не нужно на цвета помещать контур. Иначе это их свойство очень резко упадет.
Но нужно помнить, что цветовые гармонии понятие весьма относительное. При выборе цвета нужно учитывать множество факторов. Поэтому прежде чем выбрать оптимальный вариант придется, скорее всего, перепробовать очень много вариантов.
- ↑ Веб-дизайн
- ← Правильное оформление текста на сайте
- → Конструктивно о веб-стандартах: виды и назначения