Повышаем читабельность сайта

Leave a comments
Повышаем читабельность сайта

Повышаем читабельность сайта

Как повысить читабельность сайта?  Все мы каждый день посещаем множество порталов, все они имеют отличие друг от друга по различным параметрам. У одного красивее дизайн, у другого многообразнее функции, у третьего еще что-то. У каждого сайта есть свои плюсы и свои недостатки. Среди всех положительных качеств очень важным есть читабельность портала. Читабельность – это показатель того, как удобно пользователям читать ваш портал.  Очень важно повышать читабельность, ведь она сказывается на посещаемость.

Для этого нужно придерживаться следующих советов:

— Нужно использовать правильный размер шрифтов

С введением функции @font-face, все люди чаще стали пользоваться шрифтами, которые не входят в традиционный рацион. Запомните, что даже самый изящный шрифт не повысит читабельность портала, если не прислушиваться к этим советам. Пользуйтесь стандартной раскладкой шрифтов, которая приблизительно выглядит так: двенадцатьpx, четырнадцатьpx, шестнадцатьpx, восемнадцатьpx, двадцать одинpx, двадцать четыреpx, тридцать шестьpx, сорок восемьpx, шестьдесятpx, семьдесят дваpx. Шкала обозначает, что на страницах своего портала нужно использовать размеры шрифтов, которые входят в этот ряд. Например, основной размер шрифта зададим 14px, размер шрифта заголовков мы естественно берем также из предложенного ряда, h1-48px; h2-36 и прочие.

— Необходима правильная контрастность цветов

Не раз все мы попадали на порталы с такой контрастностью цветов, что бывало даже читать новости не хотелось уже на первой секунде просмотра контента. Обычно при создании дизайна, сначала продумывают фон, а под него выбирают цвет шрифтов. Это именно тот момент, когда не нужно ошибаться. Необходимо правильно подобрать цвет шрифта, так как на белом фоне никто обращать внимание не станет на светло-серые символы. Правильно? Или на черном фоне, темно-синим. Именно по этой причине обычно и выбирают для контрастности обратные цвета. К белому фону – выбирают черный шрифт, к черному — белый.

 

 

Поделитесь ссылкой на статью :)

Оставьте комментарий

To submit your comment, click the image below where it asks you to...