Используй черный цвет с умом

Именно эту фразу я скажу всем, кто хочет улучшить свой UI. Очень много дизайнеров уперлись в чёрный цвет и используют его для всего — кнопок, текста, хедеров и т.п.

Присмотритесь — насколько часто в природе вы видите чистый черный цвет? Так и для сайтов: его лучше использовать реже — причем как для фона и элементов, так и в обычном тексте.

Photo: Ricardo Gomez Angel, Unsplash.com

Как у всех

Чёрный не добавит индивидуальности вашему проекту. В большинстве случаев однотонный чёрный текст, чёрные заголовки лишь испортят проект, и он будет похож на множество других. Но вы ведь хотите быть уникальными?

Добавь цвет

Почему бы тогда не добавить немного синего в ваш темный оттенок, сделать его немножко светлее. Это заметите не только вы — сайт станет воздушнее, заголовки перестанут давить, но при этом будут эффектно выделяться на фоне остального текста (мы же не забудем сделать его чуточку светлее?). Будет ли он менее читабельным? Нет, если не впадать в крайности и не делать слишком светлым очень длинный текст (не забывайте о размере шрифта, кернинге и высоте строки).

Соблюдай баланс

Небольшое количество текста — крупного, достаточно контрастного. Возьмем к примеру промо-сайт Mac Pro : крупный небольшой заголовок белого цвета и подзаголовок (тоже крупный) –серого. Здесь выдержан баланс, и черный цвет в тему — это цвет продукта.

Аккуратно с контрастностью

Слишком большая контрастность текста на черном фоне только испортит ваш проект. Читать длинный текст цвета #FFF на фоне #000 очень тяжело.

Работай с шрифтами

Используйте только читаемые шрифты — начертание Ultra Light на черном фоне автоматически делает весь текст нечитаемым.

Шрифт с засечками тоже тяжело воспринимать на черном фоне, но сделайте его чуточку больше, светлее и увеличьте междустрочный интервал — и уже можно легко и без напряжения прочитать даже длинный текст, набранный данным видом шрифта.

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

Нужно ли использовать черный цвет повсеместно или стоит ограничить — решать вам. Но по опыту скажу, что вариации черного в большинстве случаев выигрывают у обычного и скучного #000.

Надеюсь, эта статья была полезной для вас. Подписывайтесь на меня в INSTAGRAM, TELEGRAM, MEDIUM