Гармония цвета. На основе работы по веб-дизайну Ю.А.Сырых.

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

Монохромная гармония.

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

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

Аналоговая гармония.

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




Комплементарная гармония.

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




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

Триадная гармония.

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






Тетрадная гармония.

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




Аналого-комплементарная гармония.

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



Фон и текст.
Для фона можно использовать один из выбранных цветов с большой яркостью, так, чтобы он стал бледным, но все же не белым.
Для текста – какой-нибудь цвет из основных, но приглушенный по насыщенности и темный, почти черный.
За счет этого: 1) «тонируется» область фона и теста в цвете сайта; 2) есть мнение, для
продолжительного чтения лучше немного снизить контраст между фоном и тестом.

Полезные правила.

Правило 1-ое. Низ сайта не должен быть визуально тяжелее, чем верх: насыщенные или темные цвета располагаются вверху, а книзу слегка приглушаются. Или же красим все равномерно, главное, чтобы низ не был темнее и насыщеннее.
Правило 2-ое. Чем крупнее объект, тем меньше требуется дополнительное подчеркивание цветом. И наоборот – «мелочь» легче увидеть, если она достаточно насыщенна. Тоже самое касается мелких пиксельных пиктограмм, стрелочек и т.п.
Правило единообразия оформления. Единообразие оформления – это когда группа элементов, связанных друг с другом, оформляется одинаково или похоже.
Правило повторяемости элементов. Ни один элемент на странице не должен быть случайным. Вводя в композицию цвет, вы просто обязаны повторить его где-либо еще. Причем, в достаточных количествах, чтобы он был заметен.

Ряд замечаний.

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