Blog Design 101: ваше полное руководство по разработке элементов блога, которые принесут результаты

4

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

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

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

Начиная

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

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

1 Заголовок

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

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

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

  • Добавьте функциональные элементы — интегрируйте некоторые функциональные элементы, такие как навигация, значки социальных сетей и значки ленты RRS, в заголовок, чтобы максимально использовать пространство. Во многих премиальных темах WordPress уже есть части заголовков для виджетов. В Blogger вам, возможно, придется закодировать поле виджета заголовка.
  • Работайте над графикой — от иллюстраций до фотографий, инвестируйте в графику отличного качества; вы бы предпочли отличную графику или вообще ничего — это серьезно. В сети можно найти множество изображений и иллюстраций. Если вы знаете Photoshop еще лучше, вы можете настроить свои изображения, чтобы сделать их более… вашими. Если нет, я уверен, что у вас есть друг, которого вы можете подкупить. Правильный заголовок значительно упростит размещение и дизайн всех остальных аспектов.

2 Шрифт и типографика

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

  • Должен легко читаться, а буквы должны хорошо сочетаться с другими элементами.
  • При комбинировании шрифтов они должны дополнять друг друга (используйте не более трех шрифтов).
  • Используйте простой шрифт основного текста. Он должен быть чистым и легким для глаз. Наличие вычурного, забавного основного шрифта затрудняет чтение и утомляет мозг. Вы можете использовать забавные шрифты на боковых панелях, подписях, заголовках и заголовках сообщений.
  • Пожалуйста, пожалуйста, пожалуйста, не используйте Papyrus или Comic Sans, умоляем вас.
  • Он не должен быть ни слишком маленьким, ни слишком причудливым; ваши читатели не будут страдать от этого.

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

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

3 Нижний колонтитул

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

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

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

4 значка социальных сетей

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

  • Значки поиска — начните поиск значков социальных сетей в Google, который может направить вас сюда. Если вы более творчески настроены, вы можете создавать свои собственные значки с помощью Photoshop. Идеальный размер — 60 пикселей по всему периметру.
  • Загрузить значок — вы можете сделать это прямо в блог или использовать flikr, photobucket и другие фотосайты, а затем включить ссылку на изображение в свой код.
  • Добавьте свой HTML-код — в Blogger следующая строка кода должна быть добавлена ​​в область HTML-виджета, а в WordPress — в область текстового виджета:
<a href="http://www.linkgoeshere.com" target="_blank"><img src="http://www.imageurlhere.com"></a>

Эта простая строка кода вставляет любое изображение в ваш блог.

5 Лента блога

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

Чтобы настроить фидбернер:

  • Перейдите на сайт feedburner.google.com и настройте фид, указав адрес фида или блог в поле.
  • После проверки URL-адреса отобразится следующая страница, и вам нужно будет указать адрес фида и имя блога (очень важно!). если вы измените адрес канала в будущем, вы ДОЛЖНЫ уведомить об этом читателей, так как они не будут автоматически обновлены.

Вот и все! Теперь у вас есть фид. В Blogger вы можете перейти в раздел «Панель инструментов» >> «Настройки» >> «Фид сайта» и увидеть поле с заголовком «URL-адрес перенаправления фида публикации», куда вам нужно вставить адрес фида вашего канала. В WordPress вам может понадобиться загрузить плагин Feedburner Feedsmith, который вы можете найти здесь. Это наиболее рекомендуемый плагин для этой задачи, так как он остается неизменным даже с обновлениями WordPress.

Вывод

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

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

Всего наилучшего!

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