Теория цвета
Игра цвета поможет настроить пользователя на нужный лад, вызвать у него определённые эмоции и побудить к конкретному действию.
Ньютон известен не только яблоком
Используя призму, Ньютон разделил обычный белый свет на хорошо известный каждому нынешнему школьнику спектр, описываемый для простоты запоминания детской «считалочкой» про охотника и фазана. Речь о семи цветах. Круг развивался и преображался, Гёте, Иттен, Освальд и другие внесли свой вклад и постепенно сделали цветовой круг таким, каким он ныне известен каждому дизайнеру.
Цветовая схема RGB
Цифровые технологии сделали возможным использование огромного количества оттенков – так родилась RGB-схема.
Она проста, универсальна и описывает любой из цветовых оттенков путем комбинации всего трёх компонентов – красного, зелёного и синего (Red, Green, Blue). Каждая из этих составляющих имеет значение от 0 до 255. Любой оттенок описывается соотношением составляющих, к примеру, голубой цвет будет иметь соотношение из 0 для красного, 142 для зелёного и 255 для синего цветов.
Она проста, универсальна и описывает любой из цветовых оттенков путем комбинации всего трёх компонентов – красного, зелёного и синего (Red, Green, Blue). Каждая из этих составляющих имеет значение от 0 до 255. Любой оттенок описывается соотношением составляющих, к примеру, голубой цвет будет иметь соотношение из 0 для красного, 142 для зелёного и 255 для синего цветов.
Цветовая модель HSLa
Тон, насыщенность и градация светлее/темнее (Hue, Saturation, Lightness, Alfa), а также альфа-канал позволяют в цифровом виде описать любое цветовое решение.
Тон (или чистый цвет) – это угол на цветовом круге из 360-ти градусов, где красный попадает на 0 градусов, зелёный соответствует 120-ти, а синий 240-ка.
Тон (или чистый цвет) – это угол на цветовом круге из 360-ти градусов, где красный попадает на 0 градусов, зелёный соответствует 120-ти, а синий 240-ка.
Насыщенность снова рассчитывается в процентах от нуля до ста и также именуется чистотой оттенка, как и понятие светлее или темнее (или субъективная яркость), где чёрный будет соответствовать нулю, а белый – ста процентам.
Альфа-канал задаёт прозрачность в процентах, ноль соответствует полной прозрачности.
Схема максимально удобна для описания цвета при веб-программировании, она поддерживается всеми известными графическими редакторами.
Альфа-канал задаёт прозрачность в процентах, ноль соответствует полной прозрачности.
Схема максимально удобна для описания цвета при веб-программировании, она поддерживается всеми известными графическими редакторами.
Теплые и холодные цвета
Условно принято относить все оттенки к тёплым или холодным. На цветовом круге, от красного до жёлтого, включая оттенки коричневого, расположены тёплые цвета. Ассоциации с огнём, солнцем – и являются причиной именования этих оттенков тёплыми.
Соответственно, на противоположной стороне круга расположены цвета, ассоциирующиеся со льдом, водой и холодной погодой. Это оттенки от фиолетового и синего до зелёного, включающие в себя нейтрально-белый и серый.
Соответственно, на противоположной стороне круга расположены цвета, ассоциирующиеся со льдом, водой и холодной погодой. Это оттенки от фиолетового и синего до зелёного, включающие в себя нейтрально-белый и серый.
Что символизируют цвета?
Чистота и простота белого вызывают ассоциации с добротой и свежестью, таинственность и элегантность чёрного помогают создать контраст и подчеркнуть яркость остальных цветов.
Смелость и отвага красного – мощные инструменты в руках дизайнера, умеющего использовать их с осторожностью (вызвать тревогу или агрессию красный способен не меньше).
Зелёный – это природа и безмятежность, новизна и гармония. Именно поэтому он улучшает восприятие различного контента, особенно текстового, и активно используется веб-дизайнерами.
Ощущение спокойного доверия и открытости способен вызвать синий цвет и его оттенки.
Жёлтый – это радость, стремительность и энергия.
Смелость и отвага красного – мощные инструменты в руках дизайнера, умеющего использовать их с осторожностью (вызвать тревогу или агрессию красный способен не меньше).
Зелёный – это природа и безмятежность, новизна и гармония. Именно поэтому он улучшает восприятие различного контента, особенно текстового, и активно используется веб-дизайнерами.
Ощущение спокойного доверия и открытости способен вызвать синий цвет и его оттенки.
Жёлтый – это радость, стремительность и энергия.
Цветовые схемы: тактическое оружие на службе веб дизайна
Без грамотного подбора цветов и гармонии их сочетания друг с другом создать что-то комфортное для пользователя попросту невозможно. Именно поэтому в арсенале дизайнера имеются цветовые схемы. Это тщательно подобранные, многократно проверенные и хорошо зарекомендовавшие себя палитры, которые может смело использовать любой дизайнер.
С опытом вы будете чувствовать какая палитра окажет на пользователя умиротворяющее действие, а какая – повысит внимание к деталям или подстегнёт к действию. Тонко и правильно комбинируя цвета вполне можно создать у посетителя нужный настрой или подчеркнуть важность информации.
