Подвинь на пиксель
блог о дизайне
блог о дизайне
"Плохие" цвета в дизайне интерфейсов
Несмотря на то, что в любом дизайне есть цвета подходящие и неподходящие, те, что смотрятся гармонично и нет в конкретном дизайне, каждому специалисту известны два самых проблемных цвета: невероятно черный #000000 и сияющий белый #FFFFFF
Почему эти цвета не стоит использовать?
Ещё французы-импрессионисты сформулировали главную причину для того, чтобы не использовать чистый черный цвет: он не встречается в природе. То же самое касается и чистого белого цвета.
Ещё французы-импрессионисты сформулировали главную причину для того, чтобы не использовать чистый черный цвет: он не встречается в природе. То же самое касается и чистого белого цвета.
Контраст, создаваемый белым и черным цветами очень высок и режет глаз пользователя. Когда контраст некомфортен для глаз посетителя, он с большей вероятностью уйдет с ресурса, а это лишняя потеря конверсии, которая никому не нужна.
Сочетание с другими цветами
Поскольку черный и белый - радикальные чистые цвета, перетягивающие всё внимание на себя, любой цвет, используемый рядом с ними становится вторичным и теряется. Чем более "сложный" цвет, тем хуже его "сложность" будет прослеживаться рядом с однозначными яркими цветами.
Поскольку черный и белый - радикальные чистые цвета, перетягивающие всё внимание на себя, любой цвет, используемый рядом с ними становится вторичным и теряется. Чем более "сложный" цвет, тем хуже его "сложность" будет прослеживаться рядом с однозначными яркими цветами.
Совсем нельзя?
Конечно, черный и белый цвета использовать можно с долей осторожности. Иногда эти цвета выглядят выгодно - чаще в небольших элементах, иногда в текстах и обводках. Где их не рекомендуется использовать в первую очередь - это в фонах. Тем не менее, случается, что целью дизайна является именно быть некомфортным и вырвиглазным, в таком случае, конечно, эти цвета могут помочь.
Конечно, черный и белый цвета использовать можно с долей осторожности. Иногда эти цвета выглядят выгодно - чаще в небольших элементах, иногда в текстах и обводках. Где их не рекомендуется использовать в первую очередь - это в фонах. Тем не менее, случается, что целью дизайна является именно быть некомфортным и вырвиглазным, в таком случае, конечно, эти цвета могут помочь.
Что использовать?
Проще всего заменять эти цвета на приближенные к ним. Для неопытного глаза это будут точно такие же черный и белый цвета, но восприниматься при этом они будут совсем иначе. Как это сделать? На цветовом квадрате уводим цвет немного больше в серый. При желании можно добавить цвета, например, чтобы теснее увязать основной цвет с цветом акцента (к примеру, если у вас яркие синие кнопки).
Проще всего заменять эти цвета на приближенные к ним. Для неопытного глаза это будут точно такие же черный и белый цвета, но восприниматься при этом они будут совсем иначе. Как это сделать? На цветовом квадрате уводим цвет немного больше в серый. При желании можно добавить цвета, например, чтобы теснее увязать основной цвет с цветом акцента (к примеру, если у вас яркие синие кнопки).
Готовые решения:
Вместо черного можно взять:
#141414 #141515 #161515 #121216 #0E0D0D
Вместо белого можно взять:
#FCF8F8 #FDF5F5 #F3EEEC #F0EDEB #F5F5F5
Вместо черного можно взять:
#141414 #141515 #161515 #121216 #0E0D0D
Вместо белого можно взять:
#FCF8F8 #FDF5F5 #F3EEEC #F0EDEB #F5F5F5
Я не хочу следовать правилам!
Дизайн - это и про функциональность, и про творчество. Если дизайнер уверен в своих силах, если получившийся проект гармоничен и осмысленнен, совершенно неважно, следовал ли он каким-то правилам. Но часто прежде чем выработать свой собственный уникальный стиль, художники учатся рисовать “как нужно”.
Поэтому, если вам (как и мне) претит следовать чьим-то правилам, можно объяснить это так: я учусь им, чтобы потом иметь возможность их нарушать.
since 2020
Тех. разработка: Седов Александр
Политика конфиденциальности
Техподдержка: helga.more@mail.ru
Тех. разработка: Седов Александр
Политика конфиденциальности
Техподдержка: helga.more@mail.ru
Сайт создан: