Как стать автором
Обновить

Цветовые техники в web дизайне

Время на прочтение1 мин
Количество просмотров2.3K
image Теория цвета, психические процессы человеческого восприятия, отличительное поведение людей разных возрастов, процессы мышления и памяти — это меня интересует. Мне приходиться активно принимать участие в создании макетов для web страниц. Вместе с этим пытаться найти ответы на вечные важные вопросы, связанные с удобством страницы и её целеполаганием.

Я предлагаю в серии заметок выделить тему цвета для детально рассмотрения разные техник с ним. К сожалению, времени у меня не хватает для того, чтобы готовить более объёмные публикации. Прошу не расстраиваться. Со временем я смогу выкладывать больше материалов, если в них будет достаточная потребность.

Техника №1: подсветка сгруппированных элементов
Существует мнение о том, что цвет помогает заметнее оформить на странице блоки информации, которые связанны по смыслу.
image
На левой структуре блоки выделены заметнее, чем на правой структуре

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

Этот пример более красочный и реалистичный. Взят из работ по почтовому интерфейсу.


В нижнем варианте к иконкам была добавлена та самая цветовая подложка.
Теги:
Хабы:
Всего голосов 18: ↑9 и ↓90
Комментарии6

Публикации

Истории

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
11 сентября
Митап по BigData от Честного ЗНАКа
Санкт-ПетербургОнлайн
14 сентября
Конференция Practical ML Conf
МоскваОнлайн
19 сентября
CDI Conf 2024
Москва
20 – 22 сентября
BCI Hack Moscow
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
25 сентября
Конференция Yandex Scale 2024
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн