![Аббасов Александр image](http://habr.habrastorage.org/post_images/534/8d4/e70/5348d4e709b2003af8d87a123f9b4fbd.png)
Я предлагаю в серии заметок выделить тему цвета для детально рассмотрения разные техник с ним. К сожалению, времени у меня не хватает для того, чтобы готовить более объёмные публикации. Прошу не расстраиваться. Со временем я смогу выкладывать больше материалов, если в них будет достаточная потребность.
Техника №1: подсветка сгруппированных элементов
Существует мнение о том, что цвет помогает заметнее оформить на странице блоки информации, которые связанны по смыслу.
![image](http://fs01.vrublevku.ru/download/images/images_349_60a12e7e_large.jpg)
На левой структуре блоки выделены заметнее, чем на правой структуре
Техника №2: условное расширение площади за счёт добавления цветной подложки
Психологи утверждают о том, что при быстром поиске на странице необходимого элемента, человек видит в первую очередь крупные объекты, а уже от крупных «спускается» к мелким. В реальной ситуации необходимо принимать во внимание не только площадь, но и другие критерии, как форма объекта, спектр цвета, позиция на экране и.т.п.
Этот пример более красочный и реалистичный. Взят из работ по почтовому интерфейсу.
![](https://habrastorage.org/storage1/e53fc0c0/44dd2e5e/1ff77f51/d43ad468.png)
В нижнем варианте к иконкам была добавлена та самая цветовая подложка.