Сегодня я постараюсь, раскрыть тему значение цвета в веб-дизайне и как выбрать в цветовую схему приятный цвет. Эта статья направлена на краткое объяснение принципов проектирования цветовой схемы для тех,у кто мало опыта в веб-дизайне ... давайте начнем!
Несколько кандидатов нашей целевой аудитории:
- Программист , для создания визуально привлекательного прототипа приложения.
- Начинающий дизайнер, который хочет краткий обзор темы "теория цвета".
В двух словах, что такое Теория цвета?
Теория цвета на самом деле охватывает целый ряд вещей, но на самом базовом уровне это взаимодействие цветов в дизайне через контрастность и яркость.
Контрастность
Контраст снижает напряжение глаз и фокусирует внимание пользователя нужном вам элементе страницы. Наиболее очевидным примером контраста является эффективный выбор фона и цвета текста, как показано ниже: |
| Это хорошо |
 |
| Это тоже хорошо |
 |
| Это ужасно |
Если вы когда-либо сомнения, лучшие, как правило, выбрать очень светлый цвет для фона, и очень темный цвет для текста. Это одна из областей, где теория цвета имеет решающее значение для удобства использования сайта.
Также правильная контрастность может привлечь внимание зрителя к конкретным элементам страницы. Если вы хотите, привлечь внимание к определенной части страницы, вы делаете так чтобы она выделялась на фоне остального текста. Тот же принцип относится и к веб-дизайну: Использование различных контрастных цветов может помочь сосредоточить внимание зрителя на конкретных элементов страницы:
Яркость
Как бы это глупо не звучало, но яркость предает эмоцию вашему дизайну. Яркие цвета позволяют пользователю чувствовать себя лучше из-за посещения вашего сайта, что особенно эффективно, когда вы пытаетесь рекламировать продукт или вызвать эмоциональный отклик. Темные оттенки позволяет пользователю расслабится, чтобы сосредоточиться на нужных вещах.Как выбрать эффективную схему цвета?
Существует 3 общепринятых структур для хорошей цветовой схеме:
- триадическая,
- соединения,
- аналогичная.
Триадическая схема
Состоит из 3-х цветов на отдельных концах цветового спектра. Существует очень простой способ создания Триады цветовой схемы:
- Возьмите цветовое колеса, и выбрите основной цвет.
- Нарисуйте равносторонний треугольник из этой точки.
- Три точки треугольника будет сформировать остальные цвета в трех цветовой схеме.
Соединение Color Scheme
Схема соединения цвета основана на предоставлении целого ряда дополнительных цветов: два цвета выбираются из противоположных концов цветового спектра. Поступая таким образом, дизайнер позволил больше свободы в своем дизайне. А также извлекает выгоду из внешней привлекательности дополнительных цветов.
Аналогичный
Аналогичные цветовая схема основана на тщательном подборе цвета в той же области цветового спектра. Обычно цвета различаются по их вибрации, и их отличие по сравнению друг с другом.
Пример аналогичной цветовой схемы является:
Оттенки желтого и оранжевого.
Способов сделать выбор цвета проще.
К счастью, есть несколько инструментов, имеющихся в нашем распоряжении, которые делают выбор цвета очень легким занятием, если используются должным образом. И таже более того, они будут углубить наше понимание теории цвета.
Kuler
Color Scheme Designer 3
.
Да, есть много-много других сайтов, где можно найти большой цветовой гамме ...но как мне показалось, перечисленные выше, больше всего подходят для новичков.
Резюме
- Выбор цветов на противоположных концах спектра создает визуальную гармонию для глаз.
- Высокий контраст между элементами делает текст легко читаемым, и направляет внимание читателя.
- Чем ярче цвет, тем больше психической энергии они потребляют.
- Не бойтесь использовать такие инструменты, как Kuler и цветовую схему Designer 3, они только сделают вашу жизнь легче.
Комментариев нет:
Отправить комментарий