Что означает дизайн для блога?
Опубликовано 07.11.2007 - В рубриках: Теория дизайна
Недавно мой гостевой пост был опубликован на блоге «Бизнес по методу Кати Пушкаревой», позвольте представить немного расширенную и дополненную версию.
Дизайн — это вовсе не красивая картинка от Пирогова, или главного дизайнера Руси, a прежде всего правильное представление информации.
Практически для любого блога идеальным вариантом будет трехколоночный макет с шапкой и подвалом. Для WordPress русские темы можно скачать, например, здесь, а англоязычные при отсутствии страха многострочного кода PHP можно перевести самостоятельно.
Изобретать велосипед, и делать что-то авангардное с дизайном для своего блога не стоит, так как это, прежде всего информационный ресурс.
Рассмотрим предназначение каждого элемента странички.
Шапка — обычно она вмещает в себя название блога и его описание. Что касается логотипа — он для блога вовсе не обязателен. Исключением может служить разве что если блог является дочерним сайтом некой компании, тогда использование логотипа будет диктоваться правилами корпоративного стиля.
Контентная область — самый широкий столбец сразу под шапкой. Там публикуются все ваши статьи.
Не стоит менять функциональную принадлежность контентной области, пускай на главной странице там отображаются последние статьи, ведь именно за ними приходят читатели на ваш блог!
Казалось бы, можно первую страничку сделать статической, а сами статьи писать в соответствующий раздел. Но это было бы большой ошибкой. Большую часть вашей аудитории должны составлять постоянные читатели, и именно для них вы должны оптимизировать свой блог.
В оформлении статей вы должны быть предельно внимательны, так как именно за ними приходят читатели.
- Разбивайте текст на абзацы, 2-3 предложения, и новый абзац.
- Используйте только один шрифт, установленного размера и одного цвета.
- Идеальная ширина строки для чтения 40-70 символов.
- Используйте списки.
- Основные элементы выделяйте жирным или курсивом, но не более 5% от основного количества текста.
- Начинайте каждую статью с небольшого изображения. Это поможет пользователю "слету" отличить одну статью от другой.
Подробнее про то, как оформлять контент я обязательно напишу в одной из будущих статей.
Статей на одной странице должно быть не более чем на 4-5 экранов прокрутки, и статьи должны быть примерно одинаковой высоты (наилучший вариант — одна, максимум две страницы А4 печатного текста).
Сайдбар — одна или несколько узких колонок, которые идут параллельно контентной области. Добавлять и изменять содержимое этих колонок в блоге на движке WordPress можно с помощью виджетов банальным drag-and-drop одного элементов в нужное место.
Ваша цель — привязать к себе читателя, для этого используйте RSS или (а лучше «и») e-mail подписку.
По этому красивую иконку RSS и форму регистрации e-mail подписчиков поставьте с самого верху сайдбара, или же непосредственно в области шапки. Эти элементы должны быть хорошо заметными, но одновременно они не должны раздражать глаз постоянных посетителей блога.
Если шаблон не предусматривает горизонтального меню под шапкой, то вершину сайдбара должен возглавлять список всех страниц и категорий блога.
Теги — будь они представлены в виде облака, или списка - они не являются основным элементом навигации по узлу, по этому спускаем их в низ сайдбара.
Блогролл — список блогов ваших друзей, или просто интересные линки. Этот блок будет интересен лишь тем, кто решит уйти с вашего сайта или же поинтересоваться, чем именно интересуетесь вы. Диагноз — ставим блогролл в низ сайдбара, те, кому он понадобится - там его и найдут.
Последние комментарии — не стоит вешать этот виджет, если ваш редко коментят, он только будет акцентировать внимание на том, что вас мало читают.
Счетчики посещений и прочие кнопочки — наилучшее место для них это подвал странички, или на крайний случай — самый низ сайдбара.
Баннер — область пространства используемая под рекламу. Баннер можно "вписать" как элемент шапки, или же поставить его между самой шапкой и контентной областью.
Использовать анимацию в баннерах крайне не рекомендуется, уж слишком это раздражает пользователей. Даю гарантию, что если баннер будет рекламировать что-то действительно полезное и необходимое для ваших читателей, то они его обязательно заметят и без спецэффектов.
Также не стоит красить банер в яркие цвета только для того, что бы он был заметен — в большинстве случаев ядовитые кислотные цвета только отпугнут посетителей.
В подвал макета обычно вставляют кроме не нужных кнопочек всевозможных рейтингов, авторские права, и контактную информацию.
Цветовую гамму блога, при условии, что вы в этом не разбираетесь, лучше не менять. Большинство тем имеют оптимальные цветовые решения, так что не создавайте проблем на пустом месте (:
Хороший дизайн это не там где нечего добавить, а там, где нечего убрать.
По этому, прежде чем заниматься украшательством блога, подумайте, а насколько это поможет вашим читателям.
Ссылки, которые помогут вам больше разбираться в дизайне это Ководство, переведенные на русский статьи aListApart.com, Масон веб-дизайнерства, и некоторые статьи Алексея Новикова.
Понравился пост? Подпишись на RSS!
Комментарии
Отзывов (8) на «Что означает дизайн для блога?»
Оставьте отзыв
хорошая статья.
возможно надо было раписать в каких файлах находится шапка (header.php), те еже сайдбары, особенно когда их 2, потому как новичок и без того путается, а гуру по привычку вещают на сленге типа топай в хидер и правь то или то.
и еще замечание вдогонку, когда в пост вставляете картинку, ее ширина не должна превышать 500 пикселей, иначе у вас дизайн просто разлезется по всему экрану или как минимум уползет вниз правый сайдбар.
если же считатете что юзер должен созерцать именно такую большую кратинку, то делайте из нее првьюшку и прилагайте пояснение, что она откроется на весь экран (и желательно в новом окне, чтобы юзер не потерял пост, который он читал и не пропал с блога)
Думаю напишу отдельную статью про внутреннюю навигацию, там и упомяну про превьюшки картинок.
А что касается ширины картинки - то там все зависит от шаблона.
[…] я прочел статью Дениса Судилковского Что означает дизайн для блога?. Очень полезная информация подается грамотно, […]
у себя размещал обзорный пост с множетсвом ссылок на развалы тем для worpress - если интересно - пост тут
Да это пиздец полный
[…] Мою статью про дизайн для блогов напечатали на seonews.ru, Дмитрий Донченко теряет […]
Хороший пост
Абсолютно согласна ,что кислотный цвет банера отпугивает, это я по себе знаю…