• 0k
  • 0
Веб-дизайн \ 8 Октябрь 2015

Какого цвета должен быть текст: 7 советов веб-дизайнеру

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

Текст нужного оттенка смотрится на сайте гармонично и уместно, а выбранный наобум — режет глаз и портит впечатление. Чтобы этого избежать, нужно знать кое-какие тонкости и соблюдать определенные правила. Вот о них и поговорим.

Контраст

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

Гармония

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

Пример гармоничного цветосочетания на сайте пилатес-студии.

Брендинг

Вы хотите, чтобы сайт вызывал определенные эмоции? Прекрасно! Цвет — лучший помощник. Если ваша компания позиционирует себя как экологичную, используйте оттенки зеленого и другие «природные» цвета. Если вы продаете детские игрушки, выбирайте чистые и яркие тона, чтобы людям сразу было понятно, что у вас за бизнес. Запомните: не существует правильных и неправильных цветов, они либо работают на достижение результата, либо нет.

«Экологичным» брендам подойдут оттенки зеленого на светлом фоне.

Правила оформления текста

В веб-дизайне есть устоявшиеся правила, касающиеся цвета текста, которые нужно запомнить и неукоснительно соблюдать. Три из них вам наверняка знакомы: серый текст в полях формы означает, что их необходимо заполнить; красный цвет показывает, что вы ошиблись или не указали запрошенную информацию; синий текст с подчеркиванием используется для оформления активных гиперссылок. Это стандарты, с ними лучше не спорить, чтобы не сбивать пользователей с толку, а вот со всем остальным можно экспериментировать сколько угодно.Против веб-стандартов не попрешь :)

Культурные коды

В разных странах один и тот же цвет может восприниматься по-разному, поэтому изучайте культуру других народов и старайтесь по возможности не попадать в ситуации, когда вы имели в виду одно, но вас неправильно поняли. В Китае, например, красный цвет символизирует удачу, а в США — любовь. Помните о таких различиях, однако не слишком увлекайтесь и ориентируйтесь скорее на себя и свою аудиторию.Цвета могут восприниматься по-разному в разных странах.

И последний совет

У вас на сайте нет и не может быть «неважного» текста. Прорабатывая хедер, не забудьте про футер и про названия кнопок. Все элементы должны сочетаться друг с другом и рассказывать посетителям о том, кто вы такой и что у вас за бизнес.

 

Ну как, готовы приступить к делу? Зайдите в свой аккаунт и начинайте творить! Если у вас еще нет своего сайта на Wix, никогда не поздно начать. Откройте один из наших бесплатных шаблонов в редакторе, и создайте сайт своей мечты.


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email