Оформление блога: Дизайн блога — основные принципы и правила оформления блога на сайте

Дизайн блога — основные принципы и правила оформления блога на сайте

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

Зачем и кому нужен блог на сайте

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

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

Студия дизайна IDBI также ведет блог о веб-дизайне:

Почему блог — хороший инструмент для повышения конверсии?

1. Размещая статьи от специалистов компании, вы тем самым показываете свою экспертность. Люди охотнее доверяют компании, если видят, что специалисты, которые оказывают им услуги, разбираются в теме. Больше об элементах, вызывающих доверие, мы рассказывали в этой статье.
2. С помощью блога можно заинтересовать клиента какой-либо услугой и создать «искусственный» спрос. У каждого блога есть постоянные читатели, которых может заинтересовать та или иная тема и они могут приобрести продукцию.
3. С помощью тематических статей можно привести клиентов на сайт. Блог — один из инструментов продвижения, который используется для привлечения трафика. Пользователь набирает нужный ему запрос в поисковой системе и может попасть на тематическую статью в блоге. Так у интернет-магазина или компании может появится новый клиент.

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

Принципы создания дизайна блога

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

Отличие от остальных страниц сайта

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

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

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

Один из самых популярных блогов о путешествиях — блог компании AviaSales, которая занимается подбором и продажей авиабилетов. Главная страница сайта выглядит так:

На странице расположена простая форма, ресурс оформлен в синем и голубом цвете.

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

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

Темы для пользователей и поисковых систем

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

Как обычно подбираются темы для блогов? Смотрится семантика — основные поисковые запросы пользователей. Если клиенты что-то ищут в интернете — значит, им это интересно. Также эксперты сами предлагают темы для блога, которые заинтересуют пользователей. Опрашиваются менеджеры сайтов, так как эти люди непосредственно работают с клиентами. И еще один прием — ситуативный маркетинг, когда на контент сайта влияют события, происходящие оффлайн, например, выход какого-то фильма или праздники (больше о ситуативном маркетинге и его влиянии на дизайн мы писали здесь).

Оформление отдельных превью

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

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

Как лучше всего оформить превью, чтобы заинтересовать читателя?

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

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

2. В превью нужно указывать, о чем конкретно будет статья или размещать ее начало,

чтобы пользователь понимал, о чем будет идти речь. Иногда одного названия темы недостаточно, особенно, если в статье употребляются тематические термины.

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

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

Элементы навигации

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

навигация в блоге контент-агентства «Текстерра»:

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

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

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

Типографика

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

Издательство МИФ в своем блоге уделяет большое значение типографике. Тексты поделены на абзацы, сама контентная часть расположена по центру. Размер кегля и межстрочного интервала удобен для чтения.

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

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

• подзаголовки выделяют другим шрифтом или кеглем;
• форматируют текст списками;
• добавляют в текст различные иллюстрации и инфографику;
• используется перелинковка, где расставляются ссылки на другие материалы для полного понимания статьи;
• «полотна» — текста разбивают на несколько абзацев и прочее.

В нашем блоге мы придерживаемся этого принципа.

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

Призыв к действию

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

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

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

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

Фишки

Чтобы заинтересовать пользователей, побудить совершить целевое действие или просто задержать клиента на сайте, дизайнеры используют различные «фишки», которые придают блогу оригинальность и отличают его от блогов других компаний. Это может быть как просто креативный контент, так и некоторые уникальные элементы в оформлении. Например, в Тинькофф-журнале, издании, которое рассказывает о бизнесе, используются различные инфографики, которые создаются дизайнерами самостоятельно:

Это можно назвать фишкой Т-Ж, поэтому по картинкам и уникальному шрифту сразу можно определить издание. Такой прием повышает узнаваемость бренда и запоминается пользователям.

Также некоторые блоги создают собственные рекомендательные системы на основе прочитанных пользователем материалах:

Еще один интересный прием — показывать, сколько людей прочитали статью. Такие иконки являются одним из элементов повышения доверия пользователя — клиент видит, что статья интересна другим людям и охотнее прочитает материал. Например:

Также у «Текстерры» есть такая практика — если у пользователя нет времени читать, можно отправить материал на почту или в какой-нибудь другой сервис:

Кроме того, на всех статьях указано, сколько времени занимает чтение материала.

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

Уникальность

Безусловно, один из самых главных принципов создания дизайна блога и его контента — уникальность. Если каталог продукции или страница «Услуги» может быть похожа на ресурсы других компаний с похожими товарами или услугами, блог должен быть оригинальным и уникальным, так как все статьи — это демонстрация компетенций вас и ваших экспертов. Только с помощью уникальных материалов можно завоевать доверие клиентов, получить лояльную аудиторию и повысить конверсию сайта.

В нашем блоге каждую неделю размещаются уникальные статьи о веб-дизайне. Студия дизайна IDBI старается сделать блог максимально информативным и интересным. Также мы создаем дизайн блогов для наших клиентов: продумываем, как лучше разместить и оформить статьи, подбираем подходящую типографику и иллюстрации, вместе с клиентами продумываем, какие темы могут быть интересны пользователям. Наши работы можно посмотреть в разделе «Портфолио». Оставляйте заявку в специальной веб-форме и наши специалисты проконсультируют вас по всем возникшим вопросам по поводу дизайна сайтов, повышении конверсии вашего ресурса и не только.

50+ примеров хорошего дизайна блогов

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

Seventeen

Vanilla

Skylar Hartman

http://vividways.com/

http://blog.codeschool.com/

http://www.jankoatwarpspeed.com/blog/

http://webdesignfan.com/

Snippets

http://chitwoodandhobbs.com/

http://bildervonfreunden.de/

 

http://designlov.com/

http://designlenta.com/

http://futurising.org/

http://www.andrewgreig.com/

http://blog.morphix.si/

http://www.fubiz.net/

http://www.darrenhoyt.com/blog/

http://www.converseblog.com/

http://thedarlingstarling.com/

http://www.leblogdebetty.com/en/

http://www.augustempress.com/

http://www.mintran.com/

http://beavory.com/

http://www.premiumpixels.com/

http://blog.epicagency.net/

http://larissameek.com/

http://www.anotherfaceinthecrowd.com

http://blog.sarawhite.com/

http://html5lab.pl/

http://www.gomediazine.com/

http://ndesign-studio.com/

http://siteinspire.com/

http://www.belvoirfruitfarms.co.uk

http://hugsformonsters.com/

http://www.markforrester.co.za/

http://blog.davegamache.com/

http://thebrightmusic.com

http://www.webstuffshare.com

http://briterevolution.com/

http://www.nucro.org/

—

—

—

http://blog.inspiredmark.com/

http://lamusicblog.com/

http://thinkvitamin.com/

http://designcollector.net/

http://foliofocus.com/

http://www.fromupnorth.com/

http://www.onextrapixel.com/

http://www.siiimple.com/

Home Page

Naikom » Дизайн » Веб-дизайн

11 примеров карточного дизайна корпоративных блогов

В этой статье рассматриваются преимущества современного дизайна корпоративного блога с карточным интерфейсом. Контент необычайно важен при проведении маркетинговой кампании, поэтому корпоративному блогу часто отводят ключевую роль. Хорошо оформленный блог компании, в любом случае послужит фундаментом и дело не только в динамическом контенте или наборе SEO характеристик. User eXperience сегодня главная составляющая успеха в Сети. Современные пользовательские ожидания предполагают использование связно сгруппированных материалов, лаконично представляющих суть дела.

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

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

1. Help Scout

Пример 3-х колоночного корпоративного блога с броским дизайном в плоском стиле.

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

2. Sprout Social

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

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

3. Sigstr

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

Использование разъясняющих изображений, выражающих или дополняющих смысл заголовка, побуждает к прокрутке с целью ознакомления. Чего недостает, так это длины анонсов статей. Их хорошая читабельность объясняется правильно подобранной высотой строки. Растянутые строки создадут напряженность при чтении, слишком сжатые приведут к неразборчивости текcта в слитных кусках абзацев. Так, визуальная привлекательность высоты текстовых строк удерживает пользовательское внимание.

4. InVision

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

Три-колонки и свободное пространство вокруг карточек – отличный способ обратить внимание посетителя сайта компании на блоговые статьи. Оригинальное решение в дизайне постов: при прокрутке всплывающая снизу панель с социальными кнопками и основным CTA-призывом.

5. Buffer App

В корпоративном блоге американской компании разработавшей сервис постинга в соцсетях, насчитывается более 900 разнотематичных статей.

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

6. Chase

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

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

7. Draft

Сайт японской компании по дизайну интерьера: популярная сейчас нестандартная разметка предусматривает пересечение контент-блоков и текстов с карточками.

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

8. Marketo

Современный стильный блог компании по автоматизации маркетинга.

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

9. Hootsuite

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

В постах они делятся нематериальными ценностями, которые трудно выразить словами. И тут, как нельзя кстати, применяются карточки. Карточный интерфейс – это прежде всего понятность и доступность. Расширяя горизонты социальных медиа, делая углубленные оценки при больших объемах, блог компании просто нуждается в эффективном UI. Демонстрируя минималистичный, эстетически привлекательный дизайн, Hootsuite применяет карточки и внутри постов, объединяя фото или видео с социальными иконками, значками и CTA-призывом.

10. Etsy

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

Типично, посты Etsy имеют высокий уровень вовлеченности, некоторые с сотнями комментариев. Компания регулярно пополняет блог соблазнительными фотографиями и арт-произведениями. Неудивительно, что визуальное оформление тут на высоте.

11. Slack

Slack – корпоративный мессенджер, альтернатива Skype и внутри-корпоративной электронной почте. Запоминается эффектным плоским дизайном, флэт-графикой и иллюстрациями. Блог компании на отдельном домене. Красиво сочетая плитки с карточками / плоский и материальный стиль дизайна / анимацию и hover-эффекты, корпоративный блог не выглядит скучным.

Дизайн блога: как правильно оформить блог?

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

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

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

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

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

Структура блога

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

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

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

• Основное правило – читатель до захода в категории должен представлять, какого типа материал там содержится. И статьи в категории должны соответствовать этим ожиданиям, так что стремитесь максимально корректно называть категории и подкатегории.
• Рубрики не должны быть смежными и содержащими одинаковую информацию. То есть не стоит делать отдельными рубриками «Продвижение сайта» и «Аудит сайта», так как SEO-аудит входит в работы по продвижению.
• Создавайте рубрики, исходя из будущего количества материалов. Помните, что в среднем, на успешном блоге сейчас около 300-400 статей, так что не думайте, что у вас будет меньше и оптимизируйте структуру заранее – потом это будет почти невозможно.

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

Однако не делайте слишком глубоких вложений. Максимум в меню должно быть 3 уровня. Я долгое время колебался между 3 и 2 уровнями вложенности и выбрал все-таки более простой вариант с двумя уровнями в меню и не жалею об этом.

Как оформить блог?

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

Цветовая гамма.

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

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

Размер шрифта.

Какое-то время назад были популярны сайты с основным шрифтом 11px Tahoma. Это мелкие, но очень четкие буковки. Со стороны блог выглядит хорошо оформленным, но если читать тексты с таким шрифтом долго, то это очень утомляет. Плюс у многих современных пользователей интернета катастрофически плохое зрение. А сидеть лишний раз с очками возле монитора мало кому хочется.

Поэтому мелкие шрифты совершенно не годятся для основного текста блогов, так как объемы статей на таких проектах довольно объемные и нередко превышают 10-20 тыс. знаков – а это довольно много страниц. Зато небольшие аккуратные шрифты отлично подходят для навигации или заметок, таких как эта!

Делайте большой, четкий и понятный шрифт, размером не менее 14px.  Даже Arial 12px, бывший когда-то стандартом де-факто в области веб-разработок, недостаточен по размеру для блога. Поэтому я использую шрифт Arial 16px.

Использование подзаголовков и списков.

Сплошной текст (его еще имеют «простынью») читают только фанатики и реально заинтересованные в этой информации. Подавляющее большинство людей не воспринимают такую информацию.

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

ТОП-10 и статьи по теме

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

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

Грамотность

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

Кстати, многие люди боятся начинать вести блог из-за невысокого уровня знания русского языка. Конечно, нужно стремиться к грамотному изложению. Но если у потенциального автора есть интересный уникальный опыт, который можно отразить в блоге, то уровень грамотности не будет иметь критического значения. Тем более, что WORD легко определяет 95% всех опечаток и ошибок 🙂

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

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

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

Перейти к следующему шагу.

Как создать свой дизайн блога?

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

— минималистичные;

— с использованием фотографий или графических изображений;

— яркие, с максимумом деталей.

Если вы не знаете, как определиться с тем или иным видом оформления, выберите 20-25 блогов, внешний вид которых вам нравится. Это могут быть блоги, созданные на специализированных площадках, или же с индивидуальным дизайном.

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

Выбор площадки

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

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

Как найти «свой» цвет?

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

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

— выберите 3 основных цвета и оттенки, которые сочетаются между собой;

— цвет шрифта должен быть контрастным по отношению к фону блога.

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

Создайте в Фотошопе коллаж с различными цветами и оттенками. Для этого отлично подходит Eyedropper (Пипетка).

Настройки дизайна блога

По сути, эти площадки (и Blogspot, и WordPress), несмотря на существенные различия, имеют достаточно простую структуру оформления блога:

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

2. цветовые характеристики. Можно изменить все: цвет текста, цвет фона, оттенок самого шаблона. Рекомендуем заранее создать цветовую схему, о которой мы говорили ранее.

3. дайте название блогу и отрегулируйте количество вкладок/страниц. Любой шаблон можно изменить, поэтому не бойтесь сделать что-то не так.

4. загрузите важные элементы в сайдбар (колонки по бокам). Здесь мы можем хранить ссылки на соцсети, на другие проекты, а также размещать баннеры или любую другую необходимую вам информацию.

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

Важный совет: перед тем, как что-то менять в уже созданном шаблоне, обязательно создайте его резервную копию, чтобы не потерять все имеющиеся настройки и всегда иметь возможность вернуться к первоначальному дизайну. Просто создайте резервное копирование и восстановление (подобная кнопка будет, скорее всего, располагаться в той же вкладке «Шаблоны»).

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

Источник фото: livingfornaptime.com

Автор: Анна Неретина

11 элементов дизайна для блога, ориентированного на конверсии

Вы не знаете, каким должен быть дизайн вашего блога?

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

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

И первое, с чего я бы хотел начать это с цвета.

Цвет имеет значение

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

Вот, например, несколько фактов о том, как цвет влияет на покупки.

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

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

Кроме этого, компания KissMetrics дает еще несколько данных, говоря, что:

• синий цвет считается предпочтительным как у мужчин (57%), так и у женщин (35%), хотя мужчины больше его любят
• мужчины также не любят коричневый цвет, в то время как женщины не любят оранжевый
• мужчины также хорошо относятся к оттенкам серого цвета
• женщины, кстати, хорошо относятся к различным оттенкам, в то время как мужчины предпочитают чистые цвета
• большинство мужчин (56%) и женщин (76%) предпочитают прохладные цвета в целом (зеленый, голубой, синий, фиолетовый)

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

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

Старайтесь использовать светлые тона, чтобы тексты читались легко.

Выбирайте простой дизайн

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

И это не так. Но все же есть пословица, которая утверждает, что встречают по одежке.

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

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

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

Разместите боковую панель справа

Вы заметили, что в некоторых блогах боковые панели слева? Или, что еще хуже, у некоторых есть две боковые панели?

Маркетолог Нил Патель экспериментировал с разными типами макетами. В ходе своих исследований он обнаружил, что что боковая панель справа  уменьшала число людей, которые читали его контент на 15-25%. Поэтому оптимальным макетом он называет, когда контент с левой стороны, а одна боковая панель с правой стороны.

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

На картинке показано, 3 разные страницы:

• страница “О компании”
• страница с продуктом
• страница с результатами поиска

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

При этом, старайтесь, чтобы основная область (область статей) занимала не менее 60% от всей ширины страницы.

Сделайте меню блога простым

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

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

Используйте правильные шрифты

Если говорить о шрифтах, то здесь приведу реальный пример исследования того же Нила Пателя. Он провел тесты со шрифтами аж на 13 блогах.

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

А затем он получил дополнительные 6 секунд удержания читателей на сайте, когда увеличил размер шрифта до 11.

Правда, это будет работать, только если вы будете использовать читаемый шрифт типа Arial или, например,  Times New Roman, Tahoma, Georgia. Если же ваш шрифт трудно читаемый, то увеличение размера не поможет.

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

И если шрифт будет слишком мелким, я могу потерять большую часть читателей.

Не перегружайте боковую панель

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

Вы можете там вставить виджет наиболее популярных статей вашего блога. Так люди быстро смогут сканировать самый читаемый контент при первом посещении. Этим вы также “сшиваете” свои популярные статьи блога с главной страницей. Что, в свою очередь, хорошо для SEO и поможет вам быть выше в поиске.

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

Вставьте информацию “Обо мне” + фото

Можно сказать, что это еще один важный элемент конверсий.

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

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

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

Или внизу под статьей, как это реализовано здесь, в блоге.

Второй способ отлично подходит тем сайтам и компаниям, которые имеют несколько авторов.

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

Используйте социальные кнопки

Использование социальных кнопок — отличный способ увеличить трафик из социальных сетей.

Вот, например, сколько раз делились статьями одного из моих блогов в социальных сетях.

Как видно, каждую неделю около 100 человек делятся моим контентом в различных социальных сетях. И еще около 15 человек делятся картинками и инфографиками из статей в Pinterest.

Но, кроме использования плагинов с социальными кнопками, найдите лучшее место, где их разместить. Вот советы от компании AddThis:

1. Выберите видную позицию: чем более заметна кнопка, тем больше людей будут добавлять делиться контентом, что приведет к увеличению трафика на ваш сайт.
2. Разместите кнопки в верхней части страницы: если учесть то, как посетители сканирую вашу страницу (в форме буквы F), то лучшее место — верхняя часть страницы.
3. Размещайте плавающие кнопки рядом с содержанием: это поможет читателям поделиться статьей в любое удобное для них время.
4. Не размещайте кнопки рядом с навигацией сайта: следите за тем, чтобы читатели случайно не нажимали на другие разделы сайта, раздражаясь этим.

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

Добавьте комментарии

Комментарии это еще один способ взаимодействовать с вашей целевой аудиторией. Они имеют ряд преимуществ:

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

Второе: стандартные комментарии блога увеличивают количество слов на ваших страницах, что хорошо для попадания в ТОП поиска. Так, проанализировав 1 миллион результатов поиска, Брайан Дин установил, что страницы с более длинным содержанием ранжируются выше.

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

Третье: кроме этого, когда вы отвечаете на вопросы посетителей, вы можете включать больше ключевых, по которым вы хотите занимать высокое место в поиске.

Четвертое: вы также можете увеличить свою базу подписчиков, экспортируя email адреса тех, кто оставил комментарий. Для этого есть плагин comments email, если ваш блог на wordpress.

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

Вы можете также установить виджет комментариев из ВКонтакте. Правда, виджеты комментариев из социальных сетей лишают вас нескольких преимуществ, указанных выше.

Вставляйте формы захвата

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

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

Опять же, если у вас премиум шаблон, то сделать это будет проще. Многие такие шаблоны имеют свои формы подписки, которые вы можете вставить в любом месте. Например, форма подписки Джона Морроу, расположенная в верхней части, над контентом, конвертировала аж 50% посетителей.

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

Используйте профессиональные фото или картинки

Как свидетельствуют данные, визуальный контент увеличивает коэффициент конверсии в 7 раз. А второе, человек запоминает на 65% больше информации, когда видит, чем когда читает.

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

Вот пример главной страницы этого блога.

Каждое главная картинка статья имеет смысл, который дан в заголовке.

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

Вывод

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

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

Да и все сразу выполнить будет нелегко.

Поэтому начинайте с самого макета блога и выбора цвета вашего бренда. А затем разместите ваш лучший контент и свои социальные сети в боковой панели. Кроме этого, подумайте над тем, где разместить форму подписки и кнопки “Поделиться” в социальных сетях. Это лучший способ начать конвертировать ваших посетителей в клиентов.

Автор статьи:  

Николай Гринько интернет- и контент-маркетолог, создатель блога dominantblogger.com. Любит исследовать и превращать блоги в способ заработка.

Оформление и настройка блога | Реактивный Копирайт

Оформление блога улучшает поведенческий фактор читателей. Это критерий для позиций в поиске. По этому, настройка и оптимизация блога нужна не только для поисковых роботов, но в первую очередь для людей. Ведь именно по времени, которое читатель уделил блогу, Google и Yandex делают вывод о том, интересен блог или нет. Я читал разнообразные блоги и в первую очередь искал статьи похожие на ту, которая привела меня сюда, а также самые новые. Чаще всего было сложно разобраться что к чему, и я долго не задерживался. Иногда вообще не находил нужных разделов.
А вот на блогах, где в одной статьи автор давал ссылку на другую, по интересной мне теме, я оставался долго. У одного блогера благодаря постоянной внутренней перелинковке, я задержался на 2 часа! Конечно же, автор действительно разбирался в своем деле и умел легко донести суть дела.
Итог: внутренняя перелинковка имеет огромное значение для поведенческого фактора.
Навигация блога. Блог, на котором удобно находить нужную информацию,- читают дольше. Главная страница должна быть понятной для пользователя. Это следует учитывать при выборе шаблона блога:

Оформление блога

В скриншоте показано мое решение по оформлению блога.
Выделены следующие разделы:

• Лучшие посты
• Новая статья
• Все статьи по месяцам
• Поиск по блогу
• Подписка
• Комментарии
• Все посты с изображениями

Для рубрики «все статьи» я использовал гаджет ярлыки. Для комментариев также существует множество хороших гаджетов.Главная страница вместо обычной ленты сообщений разделена на блоки со статьями. Так на странице удалось разместить намного больше информации. Блоки созданы с помощью гаджетов (в WordPress они называются плагины). Окно поиска по словам — тут и говорить нечего.
Очень хорошая штука — в конце каждой статьи отображать несколько постов по интересующей теме:

Настройка блога

Шаблон, который я залил на блог, взят с сайта с качественно оформленными и максимально настроенными темами для блогов на платформе Blogger. Статья: Красивые шаблоны для Blogger

Настройка скорости загрузки блога. Прямо на позиции в поиске не влияет. Но влияет на процент отказов посетителей. Если страница загружается более 5-7 секунд, нужно оптимизировать свой блог. Все рекомендации по оптимизации блога можно посмотреть в гугл вебмастере Search Console:

Search Console удобен для качественной настройки блога, чтобы он соответствовал требованиям поисковых систем, и тем самым улучшил свои позиции.
Кроме этого, поисковиками Гугл и Яндекс внедрено обязательное правило оптимизации микроразметки блога.
Как исправить микроразметку читайте в статье: Ошибки в микроразметке Blogger

17 лучших примеров красивого дизайна блогов

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

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

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

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

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

Примеры красивых блогов, которые вдохновят вас

1. Помощник разведчика
2. Истории Microsoft
3. Пандо
4. Дизайнерское молоко
5. Fubiz
6. Депо веб-дизайнеров
7. Машабле
8. Brit + Co
9. Tesco Living
10. Экипаж
11. Невинные напитки
12. 500px
13. пикселей
14. БаркПост
15. Goodwill Industries International
16. благотворительность: вода
17. Кексы Джонни

17 вдохновляющих примеров красивого дизайна домашней страницы блога

1.Разведчик помощи

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

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

2. Microsoft Stories

Полное раскрытие: раньше мы полностью изучали микросайт «Истории» Microsoft. Мы ничего не можем с этим поделать — что может быть лучше для оживления старого бренда, чем блог, который может похвастаться красивым, интерактивным и вдохновляющим брендированным контентом? Кроме того, квадратная структура этих историй напоминает логотип Microsoft, что обеспечивает ценную последовательность бренда.

Microsoft Stories также является ярким примером того, как бизнес-блог может стать важным активом для общего ребрендинга. В последние годы Microsoft работает над очеловечиванием своего бренда, в основном в ответ на соперничество с Apple. Микросайт «Истории» имеет простой слоган — «Взгляните изнутри на людей, места и идеи, которые нас волнуют». Так сказать, это более мягкая сторона Microsoft.

Когда вы пытаетесь передать сообщение определенного бренда, ваш блог может быть использован для его передачи — как эстетически, так и содержательно.

3. Пандо

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

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

4. Дизайн молока

Design Milk, онлайн-магазин современного дизайна, использует очень простой макет для выделения своих постов. Боковая панель справа, которая остается видимой, когда сообщение в блоге открывается для чтения, идеально подходит для демонстрации эскизов изображений для новых статей. Это стратегия внутренних ссылок, которая помогает побудить читателей оставаться на сайте дольше.

Иконки социальных сетей вверху являются приятным дополнением к общему виду и ощущениям от сайта — их легко заметить, и они позволяют легко делиться контентом Design Milk.(А чтобы узнать больше о добавлении социальных кнопок в свой блог, посмотрите этот пост.)

5. Fubiz

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

В верхней части главной страницы блога читатели могут пролистывать «выделенные» сообщения. Ниже находится Creativity Finder, где посетители могут выбрать выбранные ими персонажи — от «Любителя искусства» до «Фриланс» — местоположение и тип контента, который они ищут.Оттуда читатели могут просматривать контент, специально предназначенный для них.

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

Чтобы увидеть похожий вид, посмотрите новую коллекцию тем CMS Hub на торговой площадке Envato.

6. Депо веб-дизайнеров

Неудивительно, что с таким названием, как «Webdesigner Depot», этот новостной сайт по дизайну выглядит привлекательно.

Одна вещь, которая нам особенно нравится, — это то, как Webdesigner Depot включил значки социальных сетей в каждый отдельный пост. Хотя мы, конечно же, рекомендуем прочесть каждую часть, но наличие этих ссылок поможет посетителям сразу же поделиться заголовком, который им интересен. И обратите внимание на эти стрелки навигации справа — никогда раньше не было так просто прокручивать страницу вверх или вниз.

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

7. Mashable

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

Mashable разбивает свое содержимое на три заметных раздела на главной странице: новые сообщения перечислены слева на миниатюрах наименьшего размера. Сообщения «Что растет» отображаются в центральном столбце в виде больших эскизов, а сообщения «Что нового» отображаются справа, также в виде больших миниатюр.Этот трехсторонний подход к отображению контента может помочь читателям решить, какие новости имеют для них наибольшее значение — привлекающие внимание главные статьи или другие сообщения, которые в настоящее время находятся в тренде.

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

8. Brit + Co

На домашней странице Brit + Co все сказано «чисто», «тепло» и «уютно». В нем нет беспорядка, что делает контент более удобоваримым, а макет чрезвычайно организован.

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

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

9.Tesco Living

Нам нравится красочный, последовательный дизайн Tesco Living, блога британской сети продуктовых магазинов Tesco.

Помните, как мы постоянно упрекаем в единообразии бренда? Обратите внимание на ромбовидный дизайн на верхнем баннере — он отражает те же рисунки, что и на логотипе Tesco.

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

10. Экипаж

Crew Backstage, блог платформы Crew для дизайнеров и разработчиков, имеет сказочно минималистичный дизайн, но при этом уникальный.

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

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

11. Innocent Drinks

Не только сотрудники Innocent Drinks — отличные копирайтеры, но и дизайн их блога также является отличным напоминанием о том, что дизайн блога не обязательно должен быть супер-модным.

Обратите внимание, что логотип, отображаемый в верхнем левом углу, простой, мультяшный и почти восхитительно похож на ребенка. Это работает для Innocent Drinks (подсказка: детская невинность), и присутствие бренда поддерживается во всем блоге компании.

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

12. 500 пикселей

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

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

13. Pixelgrade Pixelgrade — это студия дизайна, которая создает потрясающие темы WordPress для самых разных творческих людей и малого бизнеса. На их странице блога отлично выделяется одна из самых последних или популярных публикаций в блоге, а также содержится четкий призыв к действию и небольшой отрывок.Что мне больше всего нравится, так это то, что дизайн страницы на 100% соответствует их бренду, а также тому, как они общаются на других каналах, таких как Instagram, Facebook или Twitter. У вас не будет проблем с идентификацией их сообщений в блогах, среди прочего контента, с которым вы можете столкнуться при прокрутке в социальных сетях.

14. BarkPost

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

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

Нам также нравится, что BarkPost привлекает внимание к своим дочерним компаниям, все из которых принадлежат портфелю брендов Bark & ​​Co. Но в то же время блог не ограничивается собственными продуктами — он скорее служит информационным ресурсом как для родителей собак, так и для любителей.

15. Goodwill Industries International

Кто сказал, что некоммерческие организации не могут вести блог? Нет, они должны — и чистая, красочная навигация Goodwill (опять же — заслуживающий доверия синий) привлечь читателя к важным элементам этого блога.

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

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

16. благотворительность: вода

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

Недавно организация изменила дизайн своего блога, разместив объемный пост, посвященный ее 10-летнему юбилею. Используя эту возможность, чтобы поделиться своим влиянием за последнее десятилетие, компания charity: water сохранила упрощенный дизайн с лаконичным текстом и яркими изображениями с юбилейного мероприятия.

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

17. Johnny Cupcakes

Чтобы прояснить путаницу, Johnny Cupcakes на самом деле не готовит кексы. Делает одежду. Но компания проделала большую работу, разыгрывая ассоциацию своего бренда с выпечкой — в ее блоге используется поддомен «кухня».

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

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

Ищете более красивый дизайн блога? Вот еще 15 примеров дизайна веб-сайтов, отмеченных наградами.

Примечание редактора: этот пост был первоначально опубликован в 2013 году и был обновлен для полноты.

дизайнов блогов | Лучшие примеры дизайна блога

Вы создаете блог? Обязательно ознакомьтесь с этой витриной — мы собрали 50 креативных дизайнов блогов, которые помогут вдохновить вас на создание лучшего дизайна страницы блога!

AIAIAI

Daniel Spatzek Newsblog

Карлос Молина

Журнал Industry West

Художественный музей Дауз

Сиверт Хёйем

Приключения.com

Dishoom

CP + B

Вкус воскресенья

Beyond Blog

Блог Трэвиса Ладью

Блог TRÜF

Terra Nullius

Гипертлетрясение

КОРПУС

Смешанный блог

Блог ведущего

Скотти и Рассел

Блог Mammoth Media

Блог Рэй Уорд

Блог InVision

Доброе утро

Городское влияние

Блог Metaverse

Форма

АИГА

Издатели Made

RAW-Fi

Промышленный стандарт

Минимальная обезьяна

Molly & Me Pecans

А Хронология

Блог Grovemade

Никсон

адаптируемый.

Miagui

Блог Airbnb

Блог Dribbble

Восемь рук

15 дней в Японии

Лоппист

Фрэнк Чимеро

Руководство

Баку 2015 Liveblog

Чили

Чай Purgo

Webydo

Наборное проектирование

Новости Fubiz Media

Вам нравится внешний вид этих примеров блога, но вы не знаете, с чего начать? Положитесь на отмеченный наградами дизайн блогов и дизайнерские услуги WebFX, которые сделают всю работу за вас!

Очки обсуждения дизайна блога

• Какие тенденции дизайна вы видите в современных блогах?
• Какова роль и цель блогов сегодня?
• Как блог помогает вам продвигаться к вашим целям?

Поделитесь своим ответом в комментариях.

Контент, связанный с дизайном блога

Джейкоб Губе — основатель Six Revisions. Он фронтенд-разработчик. Свяжитесь с ним в Twitter и Facebook.

27 лучших дизайнерских блогов для вдохновения в 2021 году

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

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

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

Красивый беспорядок

В этом блоге о дизайне, которым управляет команда из двух сестер Элси и Эмма, есть проекты домашнего декора, рецепты, поделки и многое другое. Посредством «A Beautiful Mess» дуэт хочет вдохновить вас на создание красивых вещей вместе с ними. Загляните в этот блог о дизайне интерьера, чтобы узнать о кулинарии, фотографии, печати на текстиле и многом другом.

99U от Adobe

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

Дизайн Молоко

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

Creative Market

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

Creative Review

Creative Review был основан в 1980 году как печатный журнал, и с тех пор журнал появился на различных платформах, включая онлайн-блог. Интернет-блог также стал авторитетным источником творческих мнений, анализа и рекомендаций в различных творческих областях, включая дизайн. В блоге четыре раздела: «Творческое понимание», «Креативное лидерство», «Творческое вдохновение» и «Творческий процесс». Раздел Insight предлагает обновленную информацию о последних событиях в дизайне.В разделе «Творческое вдохновение» вы можете просмотреть специально подобранные изображения, призванные вдохновить вас и подпитывать ваше воображение. Творческий процесс направлен на то, чтобы помочь дизайнерам узнать о практических аспектах ведения бизнеса.

99 дизайнов

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

Депо веб-дизайнеров

На сайте Webdesigner Depot представлена ​​вся информация, относящаяся к индустрии веб-дизайна. Этот блог о дизайне хочет создать творческое, поддерживающее и вдохновляющее сообщество. Блог содержит ресурсы для дизайнеров, такие как шрифты и различные статьи по веб-дизайну.

ScienceSoft

В отличие от многих дизайнерских блогов, сайт ScienceSoft нацелен на деловых людей.Он дает существенные знания о роли дизайна в успехе электронного бизнеса, объясняет успешные подходы к внедрению и дает ориентировочную стоимость работ по дизайну и редизайну. Будучи обобщенным опытом команды дизайнеров ScienceSoft, блог помогает деловым людям говорить на одном языке со своими веб-дизайнерами и получать максимальную отдачу от своих инвестиций в дизайн.

Smashing Magazine

Журнал

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

Цифровое искусство

Digital Arts базируется в Великобритании и поддерживается IDG: крупнейшим в мире ИТ-издателем. Этот блог о дизайне охватывает все, что связано с графическим дизайном, 3D, анимацией, видео, эффектами, сетью и интерактивным дизайном.На веб-сайте представлены эксклюзивные обзоры и функции, которые вы не можете найти в других местах. Информация, представленная в Digital Arts, является беспристрастной и профессиональной, независимо от платформы, на которой она опубликована.

Умный дизайн

Design Clever — это блог, созданный Джонатаном Рингом и Бетани Бейкер. Блог содержит материалы, связанные с дизайном, и имеет более визуальный вид, что делает его более привлекательным. Он входит в число лучших блогов о графическом дизайне и демонстрирует талантливых дизайнеров со всего мира.Как дизайнер, вы можете представить свои лучшие работы и получить шанс быть представленным в блоге.

Creative Bloq

Этот блог о дизайне содержит статьи об искусстве и дизайне. В нем есть разделы с обзорами, руководствами по покупке, функциями, практическими рекомендациями, вдохновением и многим другим. Веб-сайт ориентирован на веб-дизайнеров, художников 3D и VFX, иллюстраторов и т. Д. Будьте в курсе последних событий и узнавайте по-новому о текущих мировых тенденциях дизайна.

Абдузидо

Дизайн, фотография и UX — вот что такое Abduzeedo.Этот блог о дизайне был основан Фабио Сассо в 2006 году и обновляется отдельными авторами со всего мира. Абдузидо был частью индустрии дизайна более десяти лет; он стал самым популярным блогом. Читайте последние новости индустрии дизайна, просмотрите обучающие материалы и станьте частью большого сообщества творческих профессионалов.

Школа дизайна Canva

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

Designhill

Designhill — ведущая площадка для творчества, в которой насчитывается более 125 000 дизайнеров и художников из почти 52 стран. Блог помог миллионам дизайнеров и художников, которые ищут вдохновение в дизайне и различные способы заработка в Интернете.Они поощряют творческие таланты по всему миру, чтобы их наняли для дизайнерских проектов, продемонстрировать свое портфолио, работать с влиятельными клиентами и стать частью мирового дизайнерского сообщества, участвуя в конкурсах или продавая продукты в Printshop. Эта платформа также помогает предпринимателям разработать логотип с помощью искусственного инструмента — производителя логотипов, найти несколько концепций дизайна и нанять лучших дизайнеров для индивидуальных проектов.

Взгляд на дизайн AIGA

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

Дизайн логотипа Любовь

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

Dieline

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

Grain Edit

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

Блог о дизайне

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

Список трендов

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

Бренд, упаковка и мнение

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

Совершенно новый

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

Идентификационный дизайн

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

Блог о книжном дизайне

Book Design Blog — красивый блог, продвигающий все, что связано с книжным дизайном, будь то самоизданные журналы или коммерческие книги.Он включает в себя статьи, обзоры и интервью от профессионалов отрасли для всех, кто интересуется дизайном книг. Наряду с множеством изображений по дизайну книги, вы можете найти соответствующее мнение вместе с ним.

Typetoken

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

Adobe Create

Журнал Create от Adobe содержит информативный контент, например, учебные пособия по графическому дизайну, фотографии, иллюстрации, UX-дизайну и многое другое. С помощью журнала Adobe Create компания Adobe стремится помочь творцам в открытиях, вдохновении и образовании. Вы можете ознакомиться с последними тенденциями и получить представление о творческом процессе художников.

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

Начните бесплатную пробную версию, чтобы за считанные минуты создавать сайты с портфолио дизайнеров на Pixpa.
Не требуется знание кредитной карты или кодирования.

12 примеров макета блога (и передовой практики) в 2021 году: дизайн блога

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

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

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

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

12 примеров макета блога (и передовой опыт) в 2021 году

1. Шрифты, которые можно читать
2. Организуйте макет блога для облегчения доступа
3. Создавайте сообщения в блогах, чтобы их было легко сканировать
4. Используйте высококачественные изображения (или графику)
5. Учитывать время загрузки страницы
6. Включите убедительные CTA (призывы к действию)
7. Тонкая грань между креативом и беспорядком
8. Поощрять участие
9. Сделайте свой блог макетом
10. Сделайте так, чтобы макет блога соответствовал вашей аудитории
11. Примеры макетов блога, которые следует использовать при разработке блога

Раскрытие информации: Обратите внимание, что некоторые из приведенных ниже ссылок являются партнерскими ссылками и без каких-либо дополнительных затрат для вас я буду получать комиссию.Знайте, что я рекомендую только те продукты и услуги, которыми пользуюсь лично и поддерживаю их. Когда вы используете одну из моих партнерских ссылок, компания компенсирует мне компенсацию, которая помогает мне вести этот блог и бесплатно хранить весь мой подробный контент для читателей (таких как вы).

---

Почему ваш макет блога имеет значение?

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

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

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

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

• Высокий показатель отказов : Высокий показатель отказов — это когда читатели приходят в ваш блог и очень быстро уходят.Они не проводят реального времени в вашем блоге и не нажимают ни на одну из ваших внутренних ссылок. Хотя высокий показатель отказов зависит не только от макета вашего блога, он определенно является важным фактором. Вы когда-нибудь встречали сообщение в блоге, которое выглядело так, будто оно было написано в начале 90-х? Вы доверяли контенту? Вы открывали сообщение в блоге только для того, чтобы обнаружить, что текст практически невозможно прочитать, а количество рекламы и всплывающих окон было огромным? Что вы делаете с этими сайтами? Скорее всего, вы нажмете кнопку «Назад» и попытаетесь найти лучший источник.Вы даже можете задаться вопросом, почему Google занял первое место в рейтинге этого сайта. Вот почему макет вашего блога имеет значение. Вы хотите, чтобы ваш блог приветствовал ваших посетителей.
• Низкий процент читателей : Допустим, кто-то щелкает ссылку на ваше сообщение в блоге. Ваша статья имеет хорошее содержание и отвечает на их вопросы. Тем не менее, они посчитали, что ваш блог плохо спроектирован и на самом деле сложно использовать информацию. Скорее всего, они больше не вернутся в ваш блог. Это проблема, потому что вам нужны постоянные посетители.Люди, которые вернутся в ваш блог, начнут чувствовать лояльность к вам и вашему контенту. Эта группа лояльных последователей с большей вероятностью будет продвигать контент вашего блога в своих сетях и подписываться на вашу рассылку новостей по электронной почте. Это самая заинтересованная группа людей, на которую вы, как блогер, можете надеяться.
• Проблемы с навигацией в блоге : макет вашего блога должен быть удобным для навигации. Посетители не будут тратить много времени на расшифровку вашего веб-сайта, просто чтобы узнать, кто вы и о чем ваш сайт.Они должны быть в состоянии легко находить важные ссылки и развить базовое понимание того, что может предложить ваш блог, с минимальными усилиями.

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

---

10 лучших практик макета блога (для удержания большего числа читателей) в 2021 году

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

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

1. Шрифты, которые можно читать

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

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

Какой размер шрифта следует использовать?

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

Как правило, размер шрифта основного текста должен быть не менее 16 пикселей.

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

Какие шрифты следует использовать?

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

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

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

EB Garamond — еще один простой и легко читаемый шрифт, который я использовал много раз.

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

Georgia — один из наиболее широко используемых шрифтов для блогеров.

Helvetica Neue существует с начала 1980-х годов и представлена ​​почти в 100 различных стилях.

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

Каких шрифтов следует избегать?

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

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

Когда-то очень популярным был шрифт Comic Sans MS . В 90-е годы этот шрифт был повсюду. Если бы вы использовали этот шрифт сегодня в качестве текста своего блога, вы, безусловно, рисковали бы потерять доверие.Ненависть к Comic Sans настолько реальна, что люди написали целые сообщения в блогах, в которых конкретно рассказывается о том, почему люди так его ненавидят.

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

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

2. Организуйте макет блога для облегчения доступа

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

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

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

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

Совет № 1. Выберите определенную нишу для своего блога

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

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

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

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

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

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

Совет № 2: Используйте ссылку «Начать здесь»

Многие блоггеры любят использовать ссылку в главном меню навигации, озаглавленную что-то вроде « Start Here ». Это часто похоже на написание страницы «Обо мне», но здесь более подробно рассказывается и обычно даются четкие инструкции о том, что читателям следует делать дальше.Это хороший способ познакомить новых посетителей с вашим блогом и поделиться тем, о чем идет речь.

Вот список того, что вам следует подумать о добавлении на страницу « Начните здесь, »:

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

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

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

Во-первых, она приветствует своих читателей и объясняет три способа, которыми ее блог поможет им сразу же:

• Она поможет вам подготовить дом к приему гостей
• Она поможет тебе обрести благодать даже в повседневных делах
• Она поможет вам не чувствовать себя перегруженным домашними делами

Это расширено в небольшом мини-манифесте прямо здесь:

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

Затем она объясняет некоторые из своих стратегий по поддержанию чистоты в вашем доме, не тратя на это часы (предлагая тонны бесплатных ценностей новым читателям).

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

Использование страницы « Start Here » может быть очень полезным инструментом для организации вашего контента и простого направления ваших читателей туда, куда вы хотите, чтобы они пошли .

Совет № 3. Создайте учебный центр

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

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

Smart Passive Income — это блог блоггера по личным финансам Пэта Флинна для начинающих онлайн-предпринимателей. Они используют очень хорошо продуманное раскрывающееся меню с центром обучения для более легкого доступа к общим темам, которые они освещают в блоге. Вот некоторые из тем, которые они перечисляют:

• Партнерский маркетинг
• Развитие бизнеса
• Цифровой маркетинг
• Подкастинг (вот мой выбор лучшего хостинга подкастов на сегодняшний день)
• Издательство книги (или написание электронной книги)
• Онлайн-курсы
• Электронный маркетинг

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

Если вы нажмете на пункт меню аффилированного маркетинга, он переместит вас на тщательно подобранную целевую страницу, на которой разбиты все основные ресурсы по этой теме:

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

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

3. Создавайте сообщения в блогах так, чтобы их было легко сканировать

Нравится вам это или нет, но письмо для Интернета сильно отличается от большинства других стилей письма.

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

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

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

• Напишите короткие разделы
• Избегайте больших блоков текста
• Разделить текст на изображения и заголовки
• Упорядочить разделы по заголовкам и подзаголовкам
• Используйте маркеры или числа, чтобы разбить длинные разделы текста

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

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

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

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

4. Используйте высококачественные изображения (или графику)

Еще одним признаком отличной верстки и дизайна блога является использование высококачественных изображений и графики.

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

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

• Сообщение в блоге с изображением набирает на 94% больше просмотров.
• По словам лидера в области интернет-маркетинга Джеффа Булласа: «В интернет-магазине покупатели думают, что качество изображения продукта более важно, чем информация о продукте (63%), подробное описание (54%), рейтинги и обзоры (53%). %) ». Возьмем, к примеру, мою сводку обзоров Bluehost.
• Когда люди слышат информацию, они обычно запоминают 10% информации, когда их спрашивают три дня спустя. Если изображение сочетается с одной и той же информацией, люди могут сохранить 65% информации через три дня.
• Всего 3% блоггеров добавляют 10+ изображений в статью, но они в 2,5 раза чаще сообщают о «хороших результатах», чем средний блогер. Эту статистику немного сложнее расшифровать, но по сути она говорит о том, что блоггеры, которые публикуют более 10 изображений на публикацию, видят лучшие результаты, чем те, кто включает меньше изображений.Возможно, неестественно разместить 10 изображений в коротком сообщении в блоге, но это предполагает, что большее количество изображений сделает общий макет блога более привлекательным.

Это не означает, что высококачественный текст (письменный контент) бессмысленен… потому что это далек от от истины. Ведение блогов по-прежнему в значительной степени связано с тем, чем оно было всегда, и это все еще в первую очередь письменное слово, потому что поисковые системы, такие как Google, по-прежнему «читают» контент через текст.

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

Давайте посмотрим на известный блог Humans of New York . Истории, которыми делится HONY, интересны как письменным текстом, так и визуальными образами. Одно без другого не имело бы такого же длительного воздействия.

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

5. Учитывайте время загрузки страницы

Время загрузки — еще одно очень важное соображение, когда дело касается общего макета вашего блога.

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

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

• 53% посетителей покинут ваш сайт, если загрузка займет более 3 секунд
• Задержка ответа страницы в одну секунду снижает конверсию на 7% (прочтите это руководство, чтобы узнать больше о разработке своего веб-сайта с учетом коэффициентов конверсии)
• Веб-сайты с временем загрузки 1-3 секунды имеют гораздо меньшую вероятность отказов, чем сайты с более длительным временем загрузки

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

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

Проверьте скорость загрузки страницы

Первым шагом в определении того, какие изменения необходимо внести в макет блога, является определение текущей скорости загрузки.Вы можете использовать бесплатный инструмент тестирования, такой как Google PageSpeed ​​Insights, чтобы собрать эти цифры:

После выполнения теста с помощью инструмента Google PageSpeed ​​Insights вы получите список полезных советов по снижению скорости загрузки страницы.

Удалить ненужные плагины

Если вы используете WordPress для самостоятельного размещения блога, то, вероятно, вы знакомы с плагинами.

Плагины

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

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

Выберите более быстрый хостинг-план

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

Вы можете узнать намного больше о хостинге из моего руководства по виртуальному хостингу и из моих вопросов и ответов о том, сколько стоит веб-хостинг? — но когда дело доходит до рекомендаций по хостингу, мои три лучшие:

• Dreamhost (и их быстрый план $ 2,59 в месяц)
• Bluehost (и их быстрый выбор стоимостью 5,45 долларов в месяц плюс план)
• SiteGround (и их быстрый план 5,95 долл. США в месяц)

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

Выберите более минималистичный макет блога (или тему WordPress)

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

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

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

• GeneratePress Pro WordPress Theme : Сейчас я использую настроенную версию этой сверхбыстрой и легкой темы здесь, в моем блоге (это то, что я переделал на своем веб-сайте), и они предлагают бесплатную версию для начала.
• Astra WordPress Theme : Эта замечательная (также бесплатная) тема такая же минималистичная и быстрая, как GeneratePress, а также имеет версию Pro, которую вы в конечном итоге можете обновить, если вам понадобится дополнительная функциональность.
• Elementor Page Builder: Если вам нужна тема WordPress с визуальным конструктором страниц (которым я пользовался много лет), единственное, что стоит рассмотреть сегодня — с точки зрения скорости загрузки страницы — это Elementor и их тема Hello, которая очень хорошо сочетается с хорошо с этим.

Установка лучших плагинов производительности WordPress

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

Сегодня я использую в своем блоге оба этих плагина повышения производительности, и это все, что вам понадобится:

• Perfmatters (24,95 долл. США в год) : это, безусловно, мой любимый плагин для повышения производительности, потому что он был создан специально с общей целью сделать его максимально легким, быстрым и интуитивно понятным.С этой целью они проделали отличную работу. После установки его здесь, в моем блоге и использования их конфигураций по умолчанию, я заметил мгновенное увеличение скорости загрузки моей страницы — и есть много чего, над чем можно поработать, чтобы добиться большего. Кроме того, они предлагают 30-дневную гарантию возврата денег, если вы решите, что плагин не влияет на вашу скорость так сильно, как вы надеялись.
• WP Rocket (49 долларов в год) : Как хорошее дополнение к Perfmatters, WP Rocket играет роль отличного инструмента кэширования (который значительно сокращает время загрузки) и выполняет фантастическую работу по оптимизации и уменьшению веса файлы HTML, CSS и JS, которые ваш блог загружает каждый раз, когда читатель попадает на страницу.WP Rocket также предлагает гарантию возврата денег без вопросов — просто свяжитесь с нами в течение 14 дней с момента покупки, если что-то пойдет не по плану, и они вернут вам деньги.

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

6. Включите убедительные CTA (призывы к действию)

Вы, наверное, слышали это раньше, но если вы не совсем знакомы с этим термином, позвольте мне объяснить, что на самом деле представляет собой призыв к действию.

Видите этот большой заголовок и форму в верхней части моей домашней страницы? Это призыв к действию, и он просит читателей присоединиться к моему списку адресов электронной почты (если они заинтересованы в том, чтобы узнать, как начать вести блог и развивать побочный бизнес):

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

Что вы от них хотите, когда люди читают это сообщение в блоге? Какие действия вы надеетесь, что они предпримут дальше?

Вот несколько возможных действий, на которые вы, вероятно, надеетесь, ваш читатель предпримет:

• Пожертвовать деньги на спасение китов
• Подпишитесь на рассылку новостей
• Перейдите к другим важным статьям в своем блоге для дальнейшего чтения

Итак, как с помощью макета блога привлечь больше читателей к желаемому результату? Чтобы помочь направить людей, вам нужно часто использовать так называемый «призыв к действию».«Если вы еще не добавили призыв к действию в своем сообщении в блоге, многие люди прочитают его, покинут вашу страницу и очень мало задумаются позже.

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

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

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

• Решение 1. Сделайте пожертвование организациям, которые помогают китам. Включите ссылки на несколько организаций, которые вы поддерживаете. Показывая людям, какие именно организации вы рекомендуете, они сокращают время на исследования. Им не нужно тратить дополнительное время на поиск авторитетных мест для пожертвований, когда вы представили им организации прямо на своей странице.
• Решение 2. Присоединяйтесь к вашему списку рассылки. Сообщите посетителям вашего блога, что они могут узнать больше о помощи морским существам, подписавшись на вашу электронную рассылку. Чем больше они слышат о морских животных, тем больше вероятность, что они захотят помочь. Кроме того, вы можете дать более четкие указания, как поддержать нужные организации по электронной почте.
• Решение 3. Включите ссылки на другие написанные вами сообщения в блоге. Другой способ использования CTA — это добавить ссылки на другие сообщения в блоге, которые вы написали. Возможно, одна из вещей, о которых вы упомянули в своей статье о китах, — это опасность загрязнения пластиком.Вы можете добавить ссылку на другую статью, которую вы написали, о том, как уменьшить количество пластиковых отходов.

Теперь давайте посмотрим на реальный пример. Общество дикой природы — это организация, которая стремится защищать общественные пустыни в Соединенных Штатах. Посмотрите этот большой призыв к действию (прочитать послание их президента) прямо на главной странице:

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

В верхней части своих страниц в меню они включают несколько способов принять участие в защите диких земель:

• Ключевые проблемы
• Новости
• Примите участие
• Присоединяйтесь к
• Пожертвовать

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

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

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

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

7. Тонкая грань между креативом и беспорядком

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

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

Вот несколько конкретных элементов, которые могут отвлечь ваших читателей от просмотра вашего контента:

Слишком много объявлений

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

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

Беспорядочная боковая панель

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

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

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

Запрет использования отрицательного пространства

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

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

Как выглядит чистый макет блога

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

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

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

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

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

Вот еще один красивый, креативный и простой пример макета блога из блога о путешествиях Rojo Cangrejo. В верхней части их блога есть огромное скользящее изображение со ссылками. Несмотря на то, что вся верхняя часть страницы закрыта, текст по-прежнему легко читается (белый текст на большом изображении тоже хорошо виден):

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

Они продолжают использовать отрицательное пространство для дополнительных ссылок на истории в нижней части своих страниц, что создает очень приятный и сплоченный опыт для читателей.

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

8. Поощряйте участие

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

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

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

Показывать количество комментариев вверху макета сообщения в блоге

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

Отличный способ помочь читателям стать более заинтересованными в комментариях — это показать количество комментариев в начале сообщений в блоге. Чем больше комментариев оставили люди, тем больше других захотят прочитать комментарии и, возможно, сами отправят их. Я использую этот метод в своем блоге, который вы можете увидеть здесь, в недавнем отчете о доходах блога:

Показывать кнопку «Нравится» в своем сообщении

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

Это очень напоминает социальные сети и дает людям быстрый способ показать, что им нравится то, что вы написали.

Включить кнопки общего доступа в социальных сетях

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

Спросите читателей, помогли ли им материалы, которыми вы делитесь

Распространенный способ привлечь внимание читателей — задавать вопросы прямо в сообщениях блога. Задавать простые вопросы или открывать им возможность задать вопросы — отличный способ наладить диалог с большим количеством ваших читателей.

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

Вот пример из учебника Google:

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

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

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

9. Добавьте фирменный стиль своего блога

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

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

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

Определите свое сообщение (и личность)

У вас отличная личность, и ваш блог тоже.

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

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

Выберите цвета своего бренда

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

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

• Некоторые люди приписывают чувства, когда видят определенные цвета.
• Некоторые цвета могут успокаивать людей, а другие — неудобно.

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

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

Ignyte — маркетинговая фирма, базирующаяся в Сан-Диего, Калифорния. В то время как основная функция их веб-сайта заключается в стимулировании развития нового бизнеса (как и должно быть у всех интеллектуальных веб-сайтов для малого бизнеса), у них также есть компонент блога на своем сайте.Они уникальным образом используют оттенок фиолетового на своем веб-сайте. Результаты визуально впечатляют:

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

Создайте увлекательный логотип для своего блога

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

Не вдаваясь в подробности, попробуйте вспомнить логотип Nike.А теперь подумайте о продуктах Apple, Coca Cola и Disney. Все мы примерно знаем, как выглядят эти логотипы, и можем мгновенно представить их в уме. Nike может брендировать черную футболку только с крошечной галочкой, и почти каждый, кто увидит эту рубашку, будет знать, кто ее сделал.

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

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

Выберите типографику

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

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

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

На некоторые из ваших стратегий брендинга влияет аудитория, которую вы пытаетесь охватить.

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

10. Сделайте так, чтобы макет блога соответствовал вашей аудитории

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

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

Макет блога модного сайта

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

Not Jess Fashion — это модный блог, созданный цифровым влиятельным лицом Нью-Йорка Джессикой Ван.Макет ее блога состоит из множества полноразмерных изображений и сообщений для покупок. Ее письмо по-прежнему является важным аспектом ее ведения блога, но изображения — это то, что действительно рассказывает историю.

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

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

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

Теперь, когда мы поговорили о модном блоге, как он соотносится с другой нишей блога?

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

Макет блога финансового сайта

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

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

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

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

Также можно заметить большую разницу в цветовых решениях. Если Not Jess Fashion имеет тенденцию использовать яркие пастели и кремы, Forbes обычно использует более темную цветовую схему с несколькими яркими оттенками, когда они хотят что-то подчеркнуть.

---

Какой стиль макета блога следует использовать в , ?

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

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

• Есть ли у них захватывающая цветовая гамма?
• Вам нравится их графика или изображения?
• Есть ли у них исключительно удобное меню навигации?
• Какой вид их блога выглядит смелым или консервативным?

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

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

---

12 примеров макета блога, из которых следует учиться при разработке своего блога

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

1. Перехват: смелый макет блога

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

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

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

2. Подробно: оптимизированный для конверсии, минималистичный макет блога

Подробный — это блог, посвященный аналитике SEO, управляемый знаменитым SEO-специалистом Гленом Олсопом, где он также предлагает консультации и курсы по SEO. Что такого особенного в макете блога Подробности?

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

Следующее, что у Детализации получается очень хорошо, — это установление их авторитета. У них есть положительные отзывы от ряда известных изданий и брендов, которые они четко выделяют.Люди узнают эти бренды и сразу начнут доверять деталям как источнику информации о SEO. Если Bloomberg и Forbes предлагают свою поддержку, это должно быть что-то хорошее.

Теперь взгляните на макет блога, который они использовали на своей странице канала блога:

И снова они разместили форму подписки по электронной почте в самом верху страницы, что также сделало ее более привлекательной, включив имена «Amazon», «IBM» и «Cisco» в качестве подписчиков в его список.

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

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

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

• Счетчик комментариев (поощряет участие)
• Интересный фрагмент текста, который ведет к сообщению в блоге
• Очень четкая кнопка призыва к действию «Посмотреть сообщение»

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

3. Ahrefs: визуально привлекательный и удобный макет блога

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

В дополнение к своим премиум-функциям Ahrefs также имеет очень надежную (бесплатную) библиотеку контента для блогов, которая дает полезные сведения о SEO и цифровом маркетинге. Мы уже рассмотрели такие аспекты дизайна макета блога, как минимализм и использование белого пространства, поэтому я немного смещу свое внимание на то, что делает макет блога Ahrefs таким привлекательным для меня.

Одна вещь, которая заметно выделяется в макете блога Ahrefs, — это его цветовая схема. Для своего дизайна они выбрали три основных (дополнительных) цвета: синий, белый, с небольшими пятнами светло-оранжевого цвета. Этот цветовой узор в различных формах повторяется на их веб-сайте, в логотипе и других визуальных элементах.

Вот снимок главной страницы блога Ahrefs:

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

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

4. Нью-Йорк Таймс: Макет блога «Организованный хаос»

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

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

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

5. Средний: минималистский макет блога в стиле публикации

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

Что сразу бросается в глаза в макете блога Medium, так это использование типографики. Они используют большие и легко читаемые шрифты по всей платформе.

В отличие от The New York Times , Medium в целом очень чистый, легкий в навигации и свободный от ненужного беспорядка.

6. Adobe Create: Художественный и креативный макет блога

Многие макеты блогов, которые я выделил до сих пор, были немного более традиционными и минималистичными, но если вы подойдете более творчески, вам понравится блог Adobe Create.

Adobe дала людям возможность выражать свои творческие способности с помощью таких инновационных инструментов, как Photoshop, Illustrator, Lightroom, Audition и многих других. Adobe Create — это сопутствующий блог, посвященный художникам и креативщикам.В их блоге делятся вдохновением и практическими рекомендациями по фотографии, графическому дизайну, иллюстрации, пользовательскому интерфейсу и видео. Так что же интересного в макете блога Adobe Create?

Один из элементов, который выделяется в этом блоге, — это художественные образы, которые указывают путь. Каждый раздел блога Adobe Create начинается с яркого изображения:

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

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

7. Художественный музей Дауз: нетрадиционный макет блога в стиле галереи

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

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

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

8.WePresent: жирный, насыщенный изображениями макет блога

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

Под обложкой следует набор изображений, каждое из которых ведет к уникальной истории в их блоге.

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

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

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

9. Дом, который построил Ларс: веселый и легкий макет блога

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

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

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

10. Magnum Photos: макет блога для фотографов

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

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

11. Житель Нью-Йорка: минималистичный макет блога с графическим оформлением

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

Как и The New York Times, The New Yorker имеет онлайн-макет, напоминающий (оригинальное) печатное издание. Просматривая их сайт, вы чувствуете, что смотрите обычный журнал.

Вот примеры недавних статей из The New Yorker . Типографика, которую они используют для заголовков, легко читается, но немного интереснее, чем ваш базовый Arial.

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

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

12. The Verge: футуристический, смелый, технологичный макет блога

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

Так что же выделяется в их макете блога? Во-первых, их выбор дизайна выглядит как разноцветная мечта 1980-х годов. Но вместо того, чтобы сделать блог устаревшим, он заставляет посетителей ностальгировать по 80-м годам, когда технологии и рост компьютеров начали менять ландшафт нашей культуры.

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

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

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

---

Мой собственный (минималистский) макет и дизайн блога здесь, на ryrob.com

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

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

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

Очень простой дизайн

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

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

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

Центрированное собрание статей (в порядке даты публикации)

В моем недавнем редизайне веб-сайта сообщения в моем блоге перешли от отображения в виде сетки к отображению списка.Теперь, вместо того, чтобы видеть сразу несколько сообщений в блоге (что может немного утомлять), читатели видят по одному крупному изображению и соответствующему сообщению в блоге за раз. Эти сообщения отсортированы по дате публикации:

Использование белого пространства

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

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

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

Тип и размер шрифта

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

И, как мы говорили ранее, я использую собственный шрифт, похожий на Josefin Slab, с размером шрифта основного текста 16 пикселей.

Заманчивые описания и кнопка CTA «Продолжить чтение»

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

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

Пагинация снизу

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

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

Использование нижнего колонтитула

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

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

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

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

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

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

Это завершение того, как макет моего собственного блога был намеренно (повторно) разработан в начале этого года.

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

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

Макет вашего блога может не выглядеть на что-нибудь похожее на мой… и это совершенно нормально!

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

---

Что вы собираетесь делать с вашим собственным макетом блога ?

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

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

• Как вы собираетесь взять эти идеи макета блога и адаптировать их к своему видению?
• Что вам нравится (и не нравится) в приведенных здесь примерах макета блога?
• Обнаружили ли вы какие-либо ошибки в макете блога, которые вы сделали, и теперь готовы исправить?

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

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

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

Хотите начать свой блог (правильный путь)?

Прочтите мое полное руководство по созданию блога, которое было представлено на Forbes , Entrepreneur и Business Insider .

---

35 Блоги по веб-дизайну, которым стоит следовать

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

1. Smashing Magazine

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

Посетить веб-сайт

2.Awwwards

Awwwards — это одно: вы. Как только вы попадаете на главную страницу, вы можете просмотреть сотни лучших дизайнов в Интернете. Курирование, которое входит в Awwwards, ошеломляет, и вы всегда найдете новое вдохновение, когда посетите его. Более того, они публикуют интервью и ресурсы, которые вы можете использовать для развития своей карьеры. Кроме того, их конкурс «Сайт месяца» вовлекает вас в голосование за достойную работу других людей.

Посетить веб-сайт

3. Депо веб-дизайнеров

Вдохновение, проверьте. Техника, проверка. Бизнес, проверьте. Фриланс или агентская жизнь? Проверять. Что касается веб-дизайна, в этом блоге есть все, что вам нужно. Если вам нужно знать об этом, существует абсурдно высокая вероятность, что в Web Designer Depot есть статья на эту тему. И помимо интерактивных викторин и опросов, которые они публикуют регулярно, не говоря уже об увлекательных статьях, которые они публикуют еженедельно (если не чаще), поиск в архивах блога редко бывает таким увлекательным или плодотворным, как их.

Посетить веб-сайт

4. Hongkiat

В блоге Hongkiat вы узнаете, как использовать инструменты дизайна из их руководств, и получите доступ к таким бесплатным вещам, как наборы значков и шрифты. У них также есть, конечно же, сообщения в блогах, посвященные веб-дизайну, в том числе инструкции и советы по ведению бизнеса в качестве веб-дизайнера. (Здесь также затронуты темы философии дизайна.) Этот блог существует уже давно и, безусловно, является одной из наиболее авторитетных статей в этом списке, с множеством советов для профессиональных дизайнеров, но они охватывают темы, доступные новичкам. тоже понимаю, как вводные в CSS и FAQ.

Посетить веб-сайт

5. Speckyboy

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

Посетить веб-сайт

6.Творческий блок

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

Посетить веб-сайт

7. Субреддит Reddit о веб-дизайне

Итак, Reddit — не совсем блог. Это тоже не совсем форум.Это просто… Reddit. Тем не менее, мы думали, что он заслуживает места в этом списке, потому что вы можете найти там множество действительно проницательных сообщений о веб-дизайне, а сообщество быстро растет.

Посетить веб-сайт

8. Планировка

Flywheel не только выпустил одну из лучших локальных сред разработки WordPress с Local, но также выпустил отличный блог о веб-дизайне. Макет — это их вход в поле, и вы найдете все, от инструкций по анимации SVG до того, чтобы ваш сайт WordPress Gutenberg выглядел как можно лучше.Иногда вы также получаете наборы значков, и блог остается в тренде, чтобы вы знали, что нового, на случай, если вы что-то пропустили.

Посетить веб-сайт

9. Boagworld

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

Посетить веб-сайт

10. Mockplus

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

Посетить веб-сайт

11. Siteinspire

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

Посетить веб-сайт

12. CSS-Уловки

веб-дизайнера используют CSS каждый день.Но, в отличие от прошлых дней, мы не используем , а просто CSS для стилизации и дизайна. CSS-Tricks знает об этом и интегрировал различные JavaScript и другие библиотеки, чтобы упростить разработку и проектирование интерфейса. Независимо от того, являетесь ли вы разработчиком React или дизайнером Vue, инженером мобильных приложений или тестировщиком QA, у CSS-Tricks есть кое-что в рукаве, которое может немного облегчить вам жизнь.

Посетить веб-сайт

13. ДизайнTAXI

Если вам удастся избежать агрессивной полностраничной рекламы, DesignTAXI — отличное место для вдохновения для вашего веб-дизайна.Это, конечно, не блог о веб-дизайне, но он охватывает множество лакомых кусочков цифрового дизайна, таких как интересные онлайн-объявления от известных брендов и о том, что вы должны знать об обновлениях программного обеспечения в мире веб-дизайна (например, Photoshop). Если ваша любовь к дизайну включает и выходит за рамки создания веб-сайтов, DesignTAXI — это интересный и информативный вариант.

Посетить веб-сайт

14. Designmodo

Designmodo известен своими выдающимися бесплатными предложениями и потрясающими предложениями премиум-класса. Вдобавок к этому предлагаемые учебные пособия и ресурсы делают его отличным местом, где можно остановиться, если вам нужно быстро освежить в памяти определенную тему или ссылку, чтобы показать клиенту, как ваша идея будет работать на практике (и теория, лежащая в основе).У них также есть раздел, посвященный WordPress, если именно на нем вы сейчас сосредотачиваете свое образование в области веб-дизайна.

Посетить веб-сайт

15. Line25

Обладая UI и UX-дизайном (среди множества других), Line25 гладкий и элегантный. Они публикуют сообщения регулярно, поэтому ваш канал не останется без внимания, а с акцентом на WordPress они должны вписаться в вашу повседневную жизнь. У них также есть бесплатные загрузки, такие как текстуры, фоны и мокапы.

Посетить веб-сайт

16.85идеи

85ideas — еще один блог о дизайне, посвященный WordPress. У них есть обзоры нишевых тем, например, для маникюрных салонов или тренажерных залов CrossFit. У них также есть коллекции плагинов для добавления всевозможных функций, таких как профили пользователей, управление медиа или интеграция с социальными сетями. А если вам интересно узнать о SEO, у них есть целый раздел специальных руководств по этой теме.

Посетить веб-сайт

17. UXPin

Помимо того, что UXPin является отличным программным продуктом, он ведет не менее отличный блог.С темами по UX (очевидно) и дизайну пользовательского интерфейса добавление этого в вашу ленту повысит продуктивность и, возможно, познакомит вас с некоторыми идеями, которые вы никогда раньше не видели. Есть также учебные пособия и вебинары, которые помогут применить свое образование на практике.

Посетить веб-сайт

18. Codrops

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

Посетить веб-сайт

19. Стенд UX

Когда на главной странице блога есть темы «Философия» и «Стратегия содержания», то вы знаете, что качественное профессиональное развитие может быть обеспечено благодаря его ленте. Охватывает самые разные темы — от искусственного интеллекта (А.I.) до специализированного дизайна и понимания UX-аналитики, UX Booth действительно подходит, чтобы удовлетворить потребности веб-дизайнеров. Однако не все темы обновляются по одному и тому же графику, поэтому, если вы не видите опубликованную недавно статью, перейдите к другой теме, чтобы узнать, есть ли там что-то более новое.

Посетить веб-сайт

20. Абдузидо

Помимо названия веб-сайта, которое интересно произносить вслух, Abduzeedo может быть или местом, где можно найти вдохновение в дизайне (и это главный конкурент Awwwards).Abduzeedo гордится тем, что может предоставлять контент высочайшего качества, и это видно. Коллекция насыщена изображениями, и в ней мало слов, что является отличной новостью для тех, кто учится наглядно или черпает вдохновение. Когда вы найдете понравившуюся коллекцию, вы можете даже увидеть весь процесс ее рендеринга, включая скриншоты программного обеспечения. Это красивое место.

Посетить веб-сайт

21. Тутс +

Envato хорошо известен в мире WordPress как ресурс для плагинов и тем, но знаете ли вы, что у них также есть тонна бесплатного учебного контента под их брендом Tuts +? Если нет, вам обязательно стоит проверить это, потому что они регулярно выбивают его из парка.Большая часть их контента посвящена шрифтам и Photoshop, поэтому, если какая-либо из этих тем вызывает у вас большой интерес, не пропустите этот блог.

Посетить веб-сайт

22. Дизайнерская хижина

Достаточно взглянуть на их категории, чтобы увидеть, что Design Shack заслуживает своего места в вашей программе чтения каналов. Бизнес, CSS, мобильные устройства, навигация, UX, типографика и многое другое рассматриваются на регулярной основе. Контент здесь выходит за рамки дизайна веб-сайта. Например, вы можете узнать, как сделать свою ленту в социальных сетях красивее, или выяснить, как работать более продуктивно с помощью Word.

Посетить веб-сайт

23. InstantShift

Одна из лучших частей InstantShift — это страница бесплатных услуг. Мы много раз упоминали их в разных местах, но InstantShift выделяется тем, что это не все шаблоны WordPress или PSD-файлы, которые я видел раньше. Что делает InstantShift, так это предоставляет практические бесплатные дизайнерские услуги, такие как шаблоны резюме и баннеры веб-сайтов, которые выглядят немного необычно. У вас возникает ощущение, что вы больше нигде не найдете их халявы.

Посетить веб-сайт

24. Дизайн Ванделей

Это еще один блог, в котором в основном публикуются обзоры, хотя время от времени в нем есть традиционные статьи, руководства и обзоры. Тем не менее, в основном Vandelay Design дает положительные результаты, когда речь идет о публикациях в блогах, наполненных музой. Вы можете просматривать бесчисленные плагины, адаптивные элементы, макеты продуктов, экшены Photoshop, шаблоны и т. Д.

Посетить веб-сайт

25. Учетная книга веб-дизайна

обзоров программного обеспечения, вдохновения, обзоров и передового опыта помещают Web Design Ledger в список.В них есть разделы о типографике и иконографии, о том, как работать в средах разработки, и списки инструментов, с которыми вы хотите убедиться, что вы знакомы.

Посетить веб-сайт

26. Ложка Графика

Шрифтов и бесплатных услуг можно найти в Spoon Graphics, блоге о веб-дизайне, который кажется правильным. Опять же, вместо того, чтобы предоставлять те же старые ресурсы, которые вы можете найти где угодно, вы можете получить кисти Photoshop, коллекции шрифтов и другие вещи, которые вы действительно будете использовать.Есть также видеоуроки для таких программ, как Illustrator и Photoshop.

Посетить веб-сайт

27. Дизайн и UX на Medium

На

Medium так много качественного отобранного контента, что его сложно найти. Это то, что мы хотим указать вам на теги для UX и дизайна. Следуйте за ними, чтобы создать канал на Medium, который будет более информативным, чем просто ковыряние и падение в щелчок.

Посетите Medium UX | Посетите Medium Design

28. Дизайнерские бомбы

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

Посетить веб-сайт

29. Внутренний дизайн

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

Посетить веб-сайт

30. Блог Дэвида Уолша

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

Посетить веб-сайт

31. Webflow

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

Посетить веб-сайт

32. Дизайн FastCompany

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

Посетить веб-сайт

33. Обособленный список

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

Посетить веб-сайт

34.Творческий рынок

Подобно Envato Tuts +, блог Creative Market — это ресурс, предоставляемый торговой площадкой. Вы найдете обзоры тенденций; бесплатные ресурсы, такие как макеты, шрифты и шаблоны; а также учебные пособия о том, как лучше удовлетворить потребности клиентов, при этом убедившись, что пользователи получают от вашей работы все, что им нужно. Не каждый актив или публикация будут напрямую связаны с типами проектов, над которыми вы работаете, но регулярно публикуется достаточно, чтобы вы захотели добавить это своему читателю.

Посетить веб-сайт

35. Журнал UX

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

Посетить веб-сайт

Последние мысли о блогах о веб-дизайне

Несмотря на то, что это довольно длинный список, все еще существует так много блогов о веб-дизайне, что было трудно сузить их до 40 или около того.Если бы мы попытались попасть в «десятку лучших», мы бы немного сошли с ума. Итак, мы уверены, что независимо от того, какой дизайн вы делаете — графический, цифровой, UX, UI или что-то еще — ваши каналы станут намного более активными, а ваша работа будет даже лучше, чем сейчас.

У вас есть активный блог о веб-дизайне, который вам нравится, но который мы пропустили? Оставь это в комментариях!

Рекомендуемое изображение через Vectorium / shutterstock.com

12 красивых примеров макетов корпоративных блогов, которые вдохновят вас

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

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

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

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

У ведения блога есть еще одно ценное преимущество — помощь в поисковой оптимизации.Когда содержание веб-сайта обновляется и обновляется посредством активного ведения блога, поисковые роботы просматривают его и понимают, что это не забытый тупик. Сообщения в блогах полны релевантного контента и ключевых слов, которые также помогут поисковым роботам определить, о чем веб-сайт. Бизнес-блог не только помогает вашим целевым клиентам, но и может помочь в их рейтинге SEO. И что замечательно в Webflow для ведения блогов, так это то, что он не полагается на тяжелые плагины, которые используются платформами, такими как WordPress. Это гарантирует быструю загрузку вашего контента и отсутствие необходимости следить за постоянными обновлениями.

12 макетов блогов, которые вдохновят вас

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

1. Impira

Компании генерируют огромное количество данных, о некоторых из которых они могут даже не подозревать. Будь то неструктурированные данные, встроенные в PDF-файлы, метаданные изображений или некоторые другие типы носителей, программное обеспечение Impira использует эту информацию с помощью ИИ. Они показывают, как их приложение упрощает сбор этой информации и управление ею на модном и современном бизнес-сайте.

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

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

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

2. Atelier and Avenue

Этот изысканный дизайн для агентства Atelier and Avenue так хорошо отражает люксовые бренды, которые обслуживает их агентство.Прокрутка этого веб-сайта похожа на листание страниц модного журнала.

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

Хотя они не так активно обновляют эту информацию, все темы соответствуют ценностям их агентства. Одним из их собственных аргументов в пользу оказания помощи своим клиентам в электронной коммерции и улучшения их цифрового присутствия является то, что они избегают любых потенциальных конфликтов интересов. В избранном блоге наверху «4 неприемлемых конфликта интересов« классических »консалтинговых агентств и агентств» объясняется, почему это проблема, и еще больше усиливается аргумент в пользу их использования в качестве агентства.

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

3. Lambda School

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

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

Они называют свой блог «The Commons». Эта связь с общественностью в кампусе колледжа, который функционирует как централизованное место для студенческих ресурсов, является идеальным названием для этого раздела их веб-сайта.

Страница блога имеет собственную навигацию с такими параметрами навигации, как Career Advice, Lambda Community и In the News, что дает студентам прямой доступ к сообщениям, относящимся к этим областям. Наряду с хорошо упорядоченной сеткой сообщений и большим количеством белого пространства студенту не нужно тратить много времени на поиск нужной информации.

4. Решетка

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

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

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

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

5. Ноябрьская пятерка

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

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

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

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

6. Retrium

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

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

7. Luhhu

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

Их блог также зарекомендовал себя как эксперты по Zapier, и почти каждый пост затрагивает один и тот же аспект использования этого программного обеспечения. Это не только позиционирует себя как авторитет в отношении Zapier, но и наличие всего этого релевантного контента также способствует лучшему SEO.

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

8. Dwellito

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

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

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

9. Freshpaint

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

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

10. Math4ma

Тай-Данаэ Брэдли, получивший докторскую степень в области математики в CUNY Graduate Center и в настоящее время работающий в качестве постдока в основанной Google X, фабрике Moonshot, является опытным ученым и исследователем. В ее блоге рассказывается о том, над чем она работает, а также другие материалы, связанные с математикой.

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

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

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

11. Hello Sign

Нам всем приходилось подписывать документы электронным способом, и HelloSign существует как еще одно приложение для этого.

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

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

12. Аарон Уорд

Аарон Уорд предлагает инструкции по организации собственных онлайн-классов. Есть как бесплатный мастер-класс, так и платные варианты.

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

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

Блоггеры по-прежнему важны.

. Блоги, хотя и не самые гламурные по содержанию, по-прежнему представляют большую ценность. Где еще люди могут получить обновления, узнать больше и расширить свои знания? Они представляют собой централизованное пространство, обогащающее понимание людьми релевантным содержанием и позволяющее им почувствовать более тесную связь с бизнесом или организацией, стоящей за ним.

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

Если хотите, ознакомьтесь с нашими шаблонами блогов и начните создавать собственный блог!

Как начать блог: 11 профессиональных советов

Итак, вы решили завести собственный блог. Может быть, вы хотите поделиться своими советами по искусству, заинтересовать свое портфолио или поделиться своими мыслями и мнениями не только о своей ленте в Твиттере.Но прежде чем к чему-то спешить, примите во внимание следующее: Интернет (и, в частности, блогосфера) — это людное место.

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

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

01. Выберите платформу для ведения блогов

Вы избалованы выбором, когда дело доходит до платформ, и большинство из них бесплатны

Есть несколько платформ для ведения блогов, от Blogger и WordPress до Tumblr, Squarespace и Ghost.В качестве альтернативы, если вы чувствуете себя смелым и знаете свой код, вы можете создать свой блог с нуля. Какую платформу вы выберете, будет во многом зависеть от того, что вам удобнее всего использовать, насколько вы хотите участвовать в процессе создания и что вы планируете использовать.

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

02. Получите хорошее доменное имя

Платформы, такие как Squarespace, упрощают покупку пользовательского URL-адреса для вашего блога

Большинство платформ для ведения блогов по умолчанию настроят вас на субдомен, но если вы хотите, чтобы вас воспринимали всерьез, вам действительно стоит купить собственное доменное имя.Вам понадобится что-то короткое, запоминающееся и, прежде всего, легкое для написания, и будьте осторожны, когда дело доходит до домена верхнего уровня. В наши дни доступны всевозможные причудливые TLD, такие как .blog или .agency, но о классике можно много сказать; Если вы можете получить желаемый домен с помощью старомодного доброго .com, то дерзайте.

03. Определитесь с содержанием блога

Разберитесь в своем плане контента, иначе вы попадете в очередной заброшенный блог стыда

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

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

Только тогда вы можете двигаться дальше — вы знаете, как начать блог, теперь пришло время разработать и заполнить его …

04. Сохраняйте простой дизайн своего блога

Бесплатные темы WordPress, такие как Illdy, предлагают простой дизайн

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

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

05.Используйте контрастные цвета.

Дизайн The Fox is Black основан на простой черно-желтой цветовой схеме.

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

06. Используйте пустое пространство

Сайт DesignBridge не боится использовать пустое пространство

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

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

07. Держите свой дизайн целевым

Ресурс веб-дизайна Treehouse использует свой блог для продвижения своих курсов

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

• Тема: О чем ваш блог?
• Ценностное предложение: В чем его уникальность?
• Аудитория: Кто ваша основная целевая аудитория?

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

08. Соблюдайте условные обозначения

Superdream упрощает навигацию по своим сообщениям

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

К ним относятся:

• Боковые панели
• Заголовки
• Варианты подписки
• Указание автора
• Панели поиска

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

09. Поэкспериментируйте со своим блогом

В блоге Radiographista на Tumblr для добавления контраста используется зеленый оверлей.

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

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

10. Сделайте его адаптивным

Протестируйте свой дизайн с помощью такого инструмента, как Google Resizer

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

11. Продвигайте свой блог

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

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

Большинство современных платформ для ведения блогов, таких как Squarespace, обеспечивают интеграцию всего, от Twitter и Instagram до Tumblr и Dribbble, поэтому вы можете быстро и эффективно распространять сообщения. Существуют также специальные платформы, такие как Hootsuite, Buffer и Sprout Social, если вы хотите управлять всем, что находится за пределами вашего блога.

Статьи по теме:

.

No related posts.