10 Обязательных Элементов для Дизайна Блога

Автор: Джордж Хорхе Георгий в Дизайн. Кто не лайкнул, тот Сергей Зверев!

Читайте как создать:
 

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

Какие варианты? Можно нанять дизайнера, что очень затратно, но очень эффективно, поскольку веб-дизайнер и веб-верстальщик уже понимают десятки важных моментов при создании дизайна блога. Но не волнуйтесь, если у Вас есть в запасе время ( а это главное), то можно создать достаточно интересный и функциональный дизайн. Надо выучить лишь основы HTML и CSS кода и немножко Adobe Photoshop.

Элементы Дизайна Блога

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

1. Шапка (хидер) блога

Верхняя часть блога, также называется шапкой или хидером (от английского header). Шапка блога — самая заметная для посетителей часть блога, поскольку встречается на всех страницах и видна сразу же на первом экране при открытии любой страницы блога.

Поэтому шапке необходимо уделить особое внимание. В шапке блога вы обычно размещаете — логотип и текст, либо и то и то сразу.

2. Фон блога (бэкграунд)

Фон блога, я обычно советую ненавязчивый в светлых тонах, чтобы не отвлекать читателей от сути статей. Также формат блога обычно это 2 колонны — 1 широкая 600-700 пикселей — та часть с которой посетители читают основной текст, 2 — узкая колонна 200-300 пикселей — сайдбар, где обычно располагаются ссылки для удобства навигации по блогу, похожие посты и интересная информация.

3. Цветовая гамма блога

Как я писал в предыдущем пункте, я — сторонник фона белого цвета, а вот остальную цветовую гамму, выбирайте на свой вкус. Помните, что если Вам не понравится цветовая гамма блога, то она не понравится и вашим читателям. Рекомендую использовать 2-3 основных цвета, чтобы не было мозаики. Цвет может также подчеркивать тематику блога. Подробнее о цветовом восприятии я писал здесь. Например, мне приятен фиолетовый цвет, и я использую черный, белый и фиолетовый цвет, для подзаголовков и указателей картинок.

4. Шрифты блога

Я — поклонник минимализма, поэтому твердо уверен, что навороченные разными формами и изгибами шрифты, только отвлекают от чтения статей. Для меня самое страшное, когда на блоге присутствуют 5 различных шрифтов в разных частях сайта. Для меня это значит одно — Вы сделали блог, чтобы сделать ЧТО-ТО, когда нужно делать БЛОГ — полезный для людей. Советую выбирать 2 основных фона. И не слишком активно используйте наклонный и жирный шрифт.

5. Блоки (дивайдеры)

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

6. Навигационное меню

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

7. Подпись в конце поста

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

8. Заголовки в сайдбаре

Сайдбар — важнейшая составляющая блога. В сайдбаре вы обычно проставляете несколько важных виджетов, которые помогут посетителям читать блог. Не забывайте выделять заголовки этих виджетов от основного текста. Заголовки должны быть крупнее или жирнее основного текста в сайдбаре. Это позволит глазу посетителя легче структурировать текст и переходить дальше по блогу.

9. Иконки социальных сетей

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

10. Иконка Favicon

Фавикон — это маленькая иконка ( изображение), которая находится слева от адреса блога (URL) в строке браузера или рядом с заголовком страницы в закладках браузера. Фавиконка помогает придать блогу более законченный вид, и показывает, что вы заботитесь о читателях, и стараетесь сделать блог более узнаваемым.

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

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

P.S. И теперь видео от блондинки Ани)))


Доступен перевод статьи: English Deutsch Español Italiano Português Українська Norge Hrvatski Česko Polski

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

  1. Андерй :

    Полезный пост. Но как по мне стоит еще здесь указать какие основные элемнты должны быть в наличие в футере (подвале) сайта. Они могут сыграть важную роль в перелинковке.

    Вторник, ноября 27, 2012 at 15:44 | Ссылка

Напишите свое мнение

Ваш email никогда не будет показан для публичного обозрения.
*
*