Правила и рекомендации оформления текста на сайте и блоге

При оформлении текста можно не только повысить его читабельность, но и “заставлять” пользователя вчитываться, либо быстро сканировать страницу.

Чтож начнем наш список! Наслаждайтесь!

1. Соблюдайте стиль шрифта

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

2. Не используйте необычные и малоизвестные шрифты

Сюда относятся рукописные, замысловатые шрифты. Необычный шрифт может быть затруднителен для прочтения и даже непонятен пользователю. Используйте только те шрифты, которые есть у каждого. Если вы скачали какой либо экзотический шрифт и установили себе на комп, а потом прописали его в файле style.css. Затем обновляете свою страничку и радуетесь проделанной работе – то вы старались зря. У посетителя будет стандартный шрифт Arial, если у него нет данного шрифта на компе.

НО! в логотипе вашего сайта, блога и т.д. можно и даже нужно использовать не совсем обычные шрифты. Однако как это сделать, если у посетителя нет данного шрифта на компе? Ответ прост – использовать картинку. У этого варианта даже больше плюсов – можно красиво оформить текст, добавить графические элементы.

3. Не смешивайте шрифты sans-serif и serif

Serif – шрифт с засечками (Arial), Sans-serif – без них (Times New Roman). Не стоит смешивать эти 2 различных видов шрифтов, если у вас не было опыта в оформлении.

4. Выберите правильный размер

Используйте шрифт не менее 10px размером, оптимальным вариантом будет – 13-15px. Маленький шрифт заставляет концентрироваться, а большой – быстро сканировать страницу. И рядом с маленьким шрифтом не стоит размещать баннеры, анимацию и т.д. Когда как рядом с большим шрифтом это не будет сильно беспокоить.

5. Соблюдайте контрастность

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

Светлый текст на темном фоне также контрастен, но утомителен и неудобен для читателя. А вы хотели бы иметь книгу с черными страницами и белыми буквами? Однако если правильно его оформить такой вариант тоже подойдет. Лучше всего его использовать, когда вашим основным контентом является не текстовая информация, а картинки, музыка, либо видео. Белый текст на черном фоне хоть и привлекает внимание, но быстро надоедает и малочитабелен.

6. Выделяйте главное

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

7. Правильно используйте отступы

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

8. Выделяйте ссылки

Для оформления ссылок в тексте используйте яркие выделяющиеся цвета. Также можно их подчеркнуть – для этого добавьте свойство к тегу a, в файле style.css

a {
border-bottom: ‘толщина линии’    ’стиль линии’  ’цвет’;
}

Кавычки уберите и вместо названий вставьте данные. Толщина измеряется в px.

Стили линий:

Просто замените на название понравившегося стиля.

Цвет в формате HTML.

9. Делите текст на части

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

Сканирование информации не просто удобный способ ознакомиться с материалом, но и очень действенный, т.к. в мировой сети не всегда пишут полезный контент – довольно много ГС (говно сайт).

10. Не пишите все с большой буквы

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

11. Не используйте justify, если не уверены, что он нужен

Иногда можно заметить данное свойство текста на некоторых сайтах. Также встречаются некоторые промахи в этом стиле. Если строчка будет короткой – она все равно растягивается по всей ширине, и выглядит при этом ужасно.

12. Не выделяйте все жирным

Жирный текст предназначен для выделения какой-то важной части, при этом “часть” не должна быть объемной – где-то пару словосочетаний, либо строчка. Иногда использовать жирный текст даже выгодно, но для этого нужен большой размер текста.

13. Не растягивайте текст на всю страницу

Еще можно сказать “не размазывайте текст на всю страницу”. Успешные сайты в основном выделяют определенный блок для контента с фиксированной шириной. Оптимальной будет – 500-700px.

14. Не располагайте яркие баннеры и анимацию рядом с текстом

Особенно рядом с маленьким шрифтом – читать его при этом становится затруднительно.

15. Убирайте лишние слова

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

Нет, я не призываю вас убирать ваши язвительный комментарии ;) , читать мнение автора в большинстве случаев – интересно. Просто не используйте часто слова паразиты, повторяющиеся огромное количество раз ключевые слова, используйте местоимения (не говорите каждый раз “Я спросил Васю Пупкина”, пишите “Я уточнил у него”, “Я поинтересовался его мнением насчет…” )

16. Не злоупотребляйте смайликами

Смайлики – конечно хорошо. Они показывают всю вашу эмоциональность при написании статьи . Но вряд ли посетителю понравится читать страницу, усеянную желтыми монстриками. Таким образом они будут только мешать и читатель будет читать вашу статью “спотыкаясь” об них.

17. Внутренние заголовки должны делить текст

За примером далеко ходить не будем – посмотрите как делится на блоки данная статья. Удобно? Еще бы!)

Кто не считает, что это удобно – излейте душу в комментах.

18. Используйте списки

С помощью них легко усваивать полученную информацию. Еще круче будет, если вы их пронумеруете. Тогда можно в какой-нибудь цитате заявить – читайте статью вот-такую пункт вот-такой.

Хм..не переборщил со смайлами? Думаю нет).

Вот и все друзья! Теперь вы знаете правила оформления текста или требования к оформлению текста, неважно в общем! Главное теперь оформляя свой текст на сайте вы не облажаетесь!
Не забудьте поделиться вашим добрым комментарием или поделитесь статьей с друзьями!

Почему Вы еще не прокомментировали?
Оставьте свой комментарий! Весь Интернет уже заждался!