Блог Тильды

Как улучшить читаемость текста с помощью цвета

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

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

Чтобы добавить цветной фильтр для обложки, перейдите в настройки блока и выберите нужные оттенки и прозрачность для полей «Цвет фильтра в начале» и «Цвет фильтра в конце». Если выбрать разные цвета, получится цветной градиент. Следите за тем, чтобы текст смотрелся достаточно контрастно на фоне выбранного вами цвета. Если нужно, измените процент непрозрачности.

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

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