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

И дело тут не только в цветовом оформлении, но и форматировании самого сайта и его материалов.

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

Дизайн и цветовая схема

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

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

3.  Больше всего влияет на восприятие цветовая схема сайта и статей на нем.  Две основные ошибки:

  • Яркие, режущие глаз цвета или цвета, плохо различаемые друг на друге. Ну, скажем, розовый текст на красном фоне — это ужасное решение. Больше трех цветов и нескольких их оттенков вообще не рекомендуется использовать в дизайне сайта. Но когда я вижу смесь зеленого, красного, желтого, черное и белого на салатовом фоне — я стараюсь быстренько сбежать с такого сайта.
  • Использование вместо фона — разноцветной картинки. Зачастую на фон записей ставят такие изображение, что прочитать буквы на этом фоне просто нереально.  Вот буквально недавно видел сайт: белые буквы и фон — черные дома с бело-желтыми окнами. Разумеется, тест был виден только на фоне домом, все, что попадало на окна — терялось. О чем думаю создатели подобного….

4. Внедряйте наработки, придуманные для стиля web 2.0. Дизайн в стиле web 2.0 сейчас заслуженно пользуется популярностью. Мягкие пастельные цвета, большие заголовки и ненавязчивая графика не повредили еще ни одному сайту.

Форматирование текста

1. Еще одна ошибка — статья идет одним сплошным не форматированным текстом.  Может, она и интересна,  но, когда видишь так «многа букаф», теряешься и пропускаешь. Давно замечено, что читать короткие абзацы гораздо удобнее.  Полезные советы по форматированию статей:

  • Разбивать текст на абзацы и параграфы.
  • Использовать заголовки и подзаголовки, разбивая большой текст на несколько мелких, объединенных одной тематикой.
  • Выделять основные моменты и ключевые фразы — жирным, курсивом, цветом.
  • Вставлять цитаты.
  • Пользоваться списками — как с цифровой нумерацией, так и графической — точками, галочками, иконками.

Графика в тексте

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

  • Симпатично смотрятся маленькие изображения в начале поста по тематике статьи, обтекаемые текстом.
  • Много движущейся графики, моргающей, с контрастными цветами — тоже режет глаз.
  • В саму статью можно вставлять картинки по теме, но не больше одной-двух, если, конечно, это не скриншоты, необходимые для пояснений по настройке или установке приложений или работы сервисом.
  • Сейчас популярен стиль web 2.0 — именно в силу своего удобства восприятия. Рекомендую воспользоваться некоторыми приемами этого стиля.

Мой блог находят по следующим фразам


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Комментарии (3)

  1. Cпасибо!Так подробно,а главное доступно описано..
    Еще ни раз вернусь на эту страничку!

    Ответить

  2. Совершенно согласна с автором — чем «спокойнее» и аккуратнее дизайн сайта, тем приятнее читать.
    Еще мне кажется, что цветовая гамма должна соответствовать тематике сайта. Например, работа и бизнес ассоциируется у меня с серо-синей гаммой, любовь и красота — с красно-розовой.
    А еще, если вы заходите на свой сайт и он вам нравится, значит, вы идете в правильном направлении.

    Ответить

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

    Ответить

Добавить комментарий для Naya Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>