Друзья, все мы знаем, что можно поменять дизайн созданного блога, как душа пожелает и в любое время. Редко кто использует стандартный шаблон. Все хотят отличаться от других блогов.
Какие варианты? Можно нанять дизайнера, что очень затратно, но очень эффективно, поскольку веб-дизайнер и веб-верстальщик уже понимают десятки важных моментов при создании дизайна блога. Но не волнуйтесь, если у Вас есть в запасе время ( а это главное), то можно создать достаточно интересный и функциональный дизайн. Надо выучить лишь основы 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. И теперь видео от блондинки Ани)))
Полезный пост. Но как по мне стоит еще здесь указать какие основные элемнты должны быть в наличие в футере (подвале) сайта. Они могут сыграть важную роль в перелинковке.