Роль цвета в пользовательских интерфейсах. Обзор основных цветов. Принципы создания цветовых схем пользовательских интерфейсов. Критерии выбора инструмента подбора цветовых схем
Цвет — элемент визуализации, который воспринимается человеком прежде чем начинаются осознавательные процессы.
Цвет мощный элемент визуальной коммуникации и поэтому стоит продумывать, как и почему мы его используем. Вот десять причин, почему вы можете захотеть применять цвет в визуальных сообщениях. Но сначала прочтите заметку о цвете и доступности.
Замечание о доступности: если для передачи информации вы используете только цвет, то люди со слабым зрением не смогут её получить. Используйте избыточные атрибуты: символы, значки или шаблоны, чтобы все чувствовали информацию, которую передает цвет.
Цветовой круг является непременным атрибутом многих дизайнеров и художников по всему миру. Это идеальное доказательства теории, что гениальное всегда просто. Круг позволяет вам выбрать цвета, которые гармонировали бы вместе. Он состоит из 6 основных цветов: красный, оранжевый, желтый, зеленый, синий, фиолетовый и дополнительных цветов.
Чтобы найти правильную цветовою схему, необходимо использовать любые два цвета друг напротив друга, любые три цвета на равном расстоянии при формировании треугольника или любой из четырех цветов, образующих прямоугольник (две пары цвета друг напротив друга). Цветовые схемы остаются правильными независимо от угла поворота.
Основные цвета. Есть три основных цвета: красный (# ff0000 в HTML или # F00 в CSS), желтый (# FFFF00 в HTML или # ff0 в CSS) и голубой (# 0000FF в HTML или # 00f в CSS). Нельзя их получить путем смешивания других цветов. Дополнительные цвета могут быть сформированы путем объединения этих трех цветов.
Принципы создания цветовых схем пользовательских интерфейсов.
Цвет воздействует на физиологические процессы человека и на его психологическое состояние. Зная особенности каждого цвета можно сформировать определенный образ, вызвать определенные эмоции и ассоциации.
Цветовая схема - один из главнейших компонентов веб-сайта. Цветовая схема просто обязана отражать особенности вашего бренда, и не только, - правильно составленная цветовая схема удержит вашего посетителя на сайте, дисгармония же красок его прогонит.
Составления цветовых схем:
Гармония.Главное - чтобы цвет радовал глаз. Вы не должны жмуриться от яркости красок.Цвета, не гармонирующие между собой. Например, совместив синий с зелёным и красным, вы получите жуткую цветовую схему.Цвета, гармонирующие между собой. Совмещение синего с розовым и зелёным может дать вам очень симпатичную цветовую схему.
Подбирая цветовую схему, закрепляйте броские оттенки за основными разделами, а приглушённые - за остальными.
Цвета фона и шрифтов имеют очень большое значение. Позаботьтесь об отчётливости текста, о хорошей сочетаемости его цвета с цветом фона. Текст должен легко читаться, если же его чтение требует усилий, значит, составленная вами цветовая схема, очевидно, нуждается в доработке.
Цветовое единство дизайна очень важно. Пользователь должен видеть, что он по-прежнему находится на том же самом веб-сайте, а постоянной сменой цветов вы собьёте его с толку.
Критерии выбора инструмента подбора цветовых схем.
Один из самых важных факторов при создании уникального и узнаваемого дизайна — цвет. Грамотный выбор цветовой схемы может определить успех или провал сайта. Когда посетитель бросает первый взгляд на веб-страницу, то выбранные вами цвета посылают ему мгновенное сообщение об этой странице. Существует много инструментов, которые помогут выбрать правильную цветовую схему. Вот пять лучших из них.
1. Kulerот компании Adobe давно признан лучшим помощником профессионального веб-дизайнера. В отличие от конкурентов, здесь есть обширное коммьюнити и можно делиться созданными палитрами или брать чужие цветовые схемы и модифицировать под свои нужды.
2.Color Scheme Designer (конструктор цветовых схем) - уже не новинка, но недавно его доработали и переоформили. Теперь здесь можно создавать отличные переходы из одного цветового пространства в другое, пользоваться панелью предварительного просмотра, ускоренно выстраивать цветовые схемы, а также присваивать им постоянные URL. Этот сервис - почти как сайт-хранилище цветовых схем.
3.Contrast-A: Найдите удачные сочетания цветов.Приложение позволяет вам пробовать различные цветовые сочетания, анализировать свойства полученных цветов, создавать цветовые палитры.
4.Infohound Color Schemer помогает вам находить и тестировать цветовые схемы любого назначения. Снабжён функциями регулировки насыщенности и яркости, присвоения кодов полученным оттенкам, а также автоматического сопоставления цветов.
5.Check My Color.Инструмент для просмотра цветовых сочетаний с лицевой и изнаночной стороны, с функцией индивидуальной настройки отображения цветов для лиц с нарушениями зрения.