Лучшие практики макетирования блога и 8 лучших примеров макета блога

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

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

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

Это подборка блогов, которые, по моему мнению, являются яркими примерами выдающегося дизайна блогов в самых разных сферах бизнеса.

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

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

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

Что делает отличный дизайн блога?

Давайте рассмотрим некоторые основные принципы дизайна блога, прежде чем мы начнем.

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

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

Посетители должны иметь возможность без труда читать ваш контент, иначе они не вернутся.

Итак, вот несколько характеристик отличного макета и дизайна блога, в котором приоритет отдается удобочитаемости:

1. Белое пространство: Белое пространство — это пустое пространство между и окружающими объектами на странице, которое не обязательно должно быть белым. Используйте пустое пространство в дизайне своего блога, чтобы привлечь внимание к ключевым разделам, таким как ваш контент.
2. Навигация: В вашем блоге должно быть меню навигации, чтобы читатели могли просто перемещаться по страницам или статьям, которые они ищут.
3. Заголовок блога: Когда читатели заходят в ваш блог, область заголовка в верхней части страницы обычно первое, что они видят. Он задает тон вашему сайту и привлекает людей. Высококачественное изображение, ваш логотип и краткое описание темы вашего блога должны быть включены.
4. Карточки блога: Использование карточек или эскизов для отображения ваших сообщений в блоге позволяет вам управлять большим количеством материалов для ваших читателей. Избранное изображение, заголовок, дата, имя автора, выдержка из блога, категория и кнопка «Подробнее» — все это общие черты миниатюр блога.
5. Социальный обмен: Включение в ваш блог функции обмена в социальных сетях позволяет пользователям легко делиться вашими материалами в Интернете. Такой плагин, как Shared Counts, упрощает добавление значков социальных сетей на ваш сайт.

Это лишь несколько рекомендуемых практик, которые следует запомнить, но их должно хватить для начала.

Читайте также: Как начать вести блог?

8 лучших примеров макета блога

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

1. С уважением Жюль

Благодаря красивому дизайну «Inseverly Jules» является известным сайтом о моде и образе жизни. На сайте ее блога есть изображение шапки во всю ширину самой последней записи в блоге, а также ссылка для чтения содержимого.

В верхнем левом углу есть меню навигации, а связи с ее платформами социальных сетей показаны вертикально справа.

Другие ее недавние сообщения в блоге отображаются в огромных привлекающих внимание миниатюрах, когда вы прокручиваете страницу вниз.

Джулс разместила свою ленту в Instagram внизу страницы.

Это может помочь вам следующими способами:

• Регулярно обновляйте свой блог новыми материалами.
• Увеличьте участие.
• Увеличьте количество людей, которые следят за вами в социальных сетях.

2. Чашка Джо

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

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

Дизайн этого блога также включает в себя следующие элементы:

• Форма подписки на электронную почту.
• Значок в социальных сетях.
• Посты в блоге с большим трафиком.
• Посты, которые связаны.

3. Блог TED

Блог TED выглядит безупречно и идеально подходит для новостных блогов и веб-страниц.

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

Посетители могут перемещаться по всем последним статьям блога в этом разделе.

Посетители также могут сортировать статьи на сайте по самым новым, самым популярным или другим категориям TED.

4. Copyblogger

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

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

Copyblogger предоставляет лид-магнит внизу страницы, чтобы побудить читателей присоединиться к их списку рассылки по электронной почте.

6. TechCrunch

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

В верхней части страницы есть выделенные записи блога. После этого самые последние сообщения отображаются в вертикальном списке.

С левой стороны есть панель навигации и панель поиска, чтобы помочь посетителям быстро найти то, что они ищут.

7. Джесс Энн Кирби

Этот прекрасный, аккуратный на вид сайт о моде и путешествиях принадлежит Джесс Энн Кирби.

Но то, как Джесс продвигает свои партнерские товары, действительно выделяется.

Вопросы от ее читателей размещены в разделе «Запросы читателей» в верхней части веб-сайта, например: Есть ли у вас какие-либо рекомендации по использованию натуральных дезодорантов?

Когда вы нажмете на этот вопрос, вы будете отправлены на страницу, где она предлагает соответствующие товары по партнерским ссылкам.

У нее также есть область «Избранное читателей», где она отображает партнерские товары в карусели.

8. Хитрая игла

Блог Crafty Needle довольно прост по дизайну. Чтобы сделать его более интересным, они используют много цветов и привлекательных изображений.

Полноразмерный заголовок веб-сайта информирует читателей о содержании блога.

Прокручивая вниз, вы увидите записи блога, организованные в три категории: шитье, вышивка и стегание.

У них также есть область «Начните здесь», где абсолютные новички могут получить наиболее подходящую для них информацию.

Окончательный вердикт

Как вы будете организовывать дизайн своего собственного блога теперь, когда мы рассмотрели все наиболее важные рекомендации по макетированию блогов и оценили массу примеров макетов блогов?

Теперь вам предстоит реализовать все, чему вы научились, в своем собственном блоге и общем дизайне сайта.

• Каковы ваши планы по адаптации этих идей макета блога в соответствии с вашим видением?
• Что вы думаете о примерах макетов блогов, которые вы уже видели (и почему)?
• Вы обнаружили какие-либо проблемы с макетом блога, которые готовы исправить?

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

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