Практика

1.3 Выбрать цветовую палитру

Цвет — основа визуального образа.

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

Рассмотрим имеющуюся цветовую схему ресурса «Кладовка». Проанализируем текущий CSS-файл и выделим из него используемую палитру.

Цветовая палитра

Базовые цвета: зеленый, оранжевый, черный.

Явными недостатками полученной палитры являются:

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

Можно исправить текущую схему, убрав лишнее и добавив необходимое. Однако, мы пойдем другим путём и создадим новую палитру.

При этом постараемся придерживаться тематики «вездерастущих тыкв», чтобы вписаться в общий дизайн сервисов компании «РЦТК».

Для достижения цветовой гармонии воспользуемся природными сочетаниями. Выберем в интернете подходящую фотографию по запросу «Тыква».

Тыквы на бахче

Проведем пикселизацию.

Мозайка смежных цветов

Выделим градации четырех базовых цветов: зеленого, оранжевого, коричневого и серо-буро-малинового.

Палитра градаций

Протестируем полученную палитру.

Тест палитры

Хорошая.

Реклама
Стандартный

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

Connecting to %s