Дизайн блога

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

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

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

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

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

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

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

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

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

• Основное правило – читатель до захода в категории должен представлять, какого типа материал там содержится. И статьи в категории должны соответствовать этим ожиданиям, так что стремитесь максимально корректно называть категории и подкатегории.
• Рубрики не должны быть смежными и содержащими одинаковую информацию. То есть не стоит делать отдельными рубриками «Продвижение сайта» и «Аудит сайта», так как 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% всех опечаток и ошибок 🙂

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

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

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

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

moytop.com

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

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

Как разработать привлекательный дизайн блога?

На сегодняшний день есть два способа получить яркий web-дизайн блога:

1. Самостоятельно изучить программы — конструкторы или воспользоваться Photoshop,предварительно изучив видео-уроки, почитав статьи в интернете или пообщавшись на форуме с единомышленниками.
2. Купить услугу оформления у фрилансера, убедившись в его компетентности и добросовестности. В этом случае нужно быть готовым, что что-то может пойти не так:

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

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

Сколько стоит заказать дизайн — блога?

Если вы ищите исполнителя в Москве или Санкт-Петербурге, то стоимость услуги обойдется от нескольких тысяч до 20-30 тысяч рублей, в зависимости от конторы, в которой вы делаете заказ или от опыта и добросовестности фрилансера, к которому обращаетесь.

Заказывая веб — дизайн в Юду, вы:

1. Экономите до 40% денежных средств, т.к. наши специалисты работают на себя и не включают в стоимость аренду офиса или оборудования.
2. Получаете 100% качественный дизайн, разработанный в соответствии с вашими пожеланиями.
3. Выбираете исполнителя, исходя из его профессионального опыта и рейтинга
4. Сами назначаете цену за разработку графического дизайна.

Цена на оказание услуг в Юду зависит от:

• Срочности выполнения заказа
• Требований к оформлению будущего дизайна
• Опыта исполнителя

 

freelance.youdo.com

Блоги практически не изменились

Независимо от типа блога, все они строятся по следующей системе:

1. Главная страница с последними записями (в полном объеме или в виде списка);
2. Список категорий, обычно в боковой панели;
3. Архивы статей по датам;
4. Отдельные статьи с комментариями;
5. Страница «Обо мне» и/или «Контакты».

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

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

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

Боковая панель

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

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

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

Отдельные записи

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

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

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

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

Домашняя страница

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

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

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

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

Хронологическая навигация

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

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

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

Комментарии

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

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

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

Мое решение? Раздел комментариев должен быть максимально широким.

Миниатюра, blogging image via Paolo Valdemarin

habr.com

От автора: привет, друзья! Тема сегодняшнего поста — дизайн блога. Занятие у нас будет практическое, поэтому приготовьтесь к самостоятельной работе, отдых не планируется Почему мастер-класс именно на примере блога? Да, наверное, потому что блог дает безграничное поле для фантазии. Благодаря развитию доступных платформ и шаблонов, авторские блоги расплодились в сети как кролики, приумножая свое число просто в геометрической прогрессии ежедневно. А мы сделаем свой уникальный дизайн. Поехали!

1. Подготовка и организация групп.

Работать будем на белом холсте размером 950 на 1600 px. После того как выставите направляющие, ширину можно увеличить до 1200 px, так будет удобнее. Очень часто после создания дизайна блога в psd получается огромное количество слоев, с которыми непросто разобраться. Если верстать макет будет неопытный мастер, то дополнительной работы не избежать, будете переделывать и разжевывать ему каждую фиговину.

Мы подготовимся заранее и разделим все наши слои по папкам/группам. Именовать их будем согласно названий блоков: шапка, контент, навигация, сайдбар и футер. Если какая-то группа в итоге не понадобится (хотя это будет странно), просто ее удалим.

2. Группа Header

В моем примере шапка сделана на текстуре «бумага». Как ее подготовить:

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

Логотип у меня самый простой текстовый, отображенный по левому краю. Шрифт — VTKS Caveirada. Любые нестандартные шрифты сохраняются в папку на диск компьютера. Если Фотошоп их не затягивает на рабочую панель, перезагрузите программу. Предварительно сохраните готовый макет!

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

3. Текстура фона

Даже самый стандартный дизайн блога на wordpress можно сделать уникальным, если добавить оригинальную текстуру к фону. Нам понадобится «Текстура бумаги 3», которую мы перенесем на макет. Изображение должно полностью покрыть страницу, для этого уберем его под все остальные слои.

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

4. Прорисовка основной области — контент.

На моем макете будет две основных информативных области:

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

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

Добавляем стиль. Посмотрите, какие настройки выбирал я:

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

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

Теперь делаем контур текстовой области. 1. Нажимаем комбинацию «Ctrl + левой кнопкой мыши на слой в палитре». Полученное выделение надо модифицировать, по 3 px по периметру подойдет. Инвертируем выделенный фрагмент, нажимаем Del. Готово.

Еще у меня на текстуру наложена маска слоя и градиент. Настройки как на картинке:

5. Меню навигации.

Теперь займемся группой Navigation. С помощью Rectangular Marquee Tool создаем выделение, как показано на картинке.

Делаем черную заливку. Аналогично создаем необходимое количество кнопок или просто их копируем. Через Horizontal Type Tool подписываем кнопки. Уголок крайней кнопки нужно «загнуть». Делаем выделение и поворачиваем его на 45⁰.

Вырезаем выделение и отображаем на 180⁰.Увеличиваем яркость (Lightness) «загиба» до 30. В оставшееся пространство в строке вставляем иконки шаринга (соц. сетей), размер 32*32 подойдет.

6. Пространства для контента.

Перед добавлением текста готовим область контента: выделяем слой под основное наполнение. Через Transform Selection уменьшаем значение ширины на 40 px, получаем двусторонний отступ по 20 px.

Выставляем еще 2 направляющие внутри области. Вписываем наш заголовок, я использовал Horizontal Type Tool и Adobe Garamond Pro шрифт. При этом работаем строго в группе Content.

Добавляем информационную строку. Готово. Переходим к иллюстрации статьи. Выделяем область заданного размера 620*275. Выделяем ее в новый слой и заливаем черным. Выставляем параметры стиля в точности как на картинке:

Применяем обводку: Size 4, Opacity 62%, Color в тон. Вставляем иллюстрацию над основным слоем, вписываем его в рамку комбинацией Ctrl+Alt+G.

В наш контент осталось добавить кнопку «Читать далее», для ее заливки я использовал оттенок #8e0a13, отделить горизонтальной линией шапку и по описанной выше технике вставить миниатюру к статье размером 165*165 px.
Должно получиться так:

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

7. Поле поиска

В новом слое и прямоугольной области создаем поле поиска на белом фоне. Настраиваем стиль по инструкции:

Группа Sidebar

Для организации группы нам понадобится: Создать две области, черную и #1f1f1f.

Подписать области, как показано на картинке, фигуры берем из инструмента Custom Shape Tool. Не забываем про отступы.

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

9. Футер

В моем примере футер самый простой. Зигзаг на верхней границе я сделал инструментом Magnetic Lasso Tool в том же слое.

10. Узор фона

Узор я рисовал сам, это не шаблон. Делается очень просто:

В отдельном документе карандашом рисуем картинку, сохраняем через Edit — Define Pattern под произвольным именем.

В основном документе создаем новый слой над фоном и делаем заливку.

Готовый макет должен получится такой:

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

webformyself.com

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

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

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

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

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

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

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

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

Какой формат выбрать: личный или тематический?

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

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

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

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

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

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

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

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

Блог VS Социальная сеть

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

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

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

·         Никто не знает, сколько продержится та или иная соцсеть, а при переходе на новую вы неизменно потеряете аудиторию.

·         Вы всегда будете ограничены возможностями соцсети.

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

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

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

Чтобы вы не запутались в терминах урока:

Автономный блог — полноценный сайт на отдельном домене второго уровня. Пример: http://goodbyeoffice.ru.

Блог на блог-площадке — это блог с доменом третьего уровня. То есть наряду с вашим названием блога в домене будет присутствовать еще и адрес площадки. Примеры домена третьего уровня:

http://raketanamars.livejournal.com

http://499-30.tumblr.com

http://thebondianna.blogspot.ru

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

Что лучше — автономный блог или блог на площадке?

1. Автономный блог

Плюсы:

·      индивидуальный дизайн

·      свое доменное имя

·      возможность сделать боковые баннеры и другую рекламу

·      отсутствие чужой навязчивой рекламы

·      безопасность

·      легче привести аудиторию

·      больше доверия и уважения у аудитории

·      полный доступ к статистике (Яндекс.Метрика и Google Analytics)

·      возможность создать почту на своем домене mail@goodbyeoffice.ru

Минусы:

·    отнимает много времени на создание и поддержание в нужном виде

·    домен и хостинг тоже стоят денег (в среднем: домен — от 150 рублей в год, хостинг — от 1500 рублей в год), и если вовремя не заплатить, то можно остаться без блога

·    возможные проблемы с хостингом

·    медленнее индексируется поисковиками

2. Блог на платформе (жж, тумблер, блогспот, медиум т.д.)

Плюсы:

·      быстрый старт и минимальные настройки блога

·      бесплатный или условно бесплатный сервис

·      возможность продвигаться и находить читателей внутри платформы (только у жж и медиума)

·      более быстрая индексация поисковыми роботами

Минусы:

·    навязчивая реклама из всех щелей

·    возможность потерять все через несколько лет, если платформа закроется

·    нельзя сделать свой дизайн, можно брать только готовые (жж — исключение)

·    блог не выглядит профессионально и часто смотрится сделанным «на коленке»

·    сложнее привести аудиторию

·    меньше доверия блогам на платформах

нет возможности снимать полноценную статистику посещений (жж)

Кратко про каждую площадку:

ЖЖ (http://www.livejournal.com/)  — есть свой топ, много сообществ и аудитории внутри площадки. Удобно добавлять в друзья и следить за контентом, поэтому проще набирать аудиторию среди участников жж. Удобно продвигать свой блог через тематические сообщества: их много, и они довольно активны. Можно сделать индивидуальный дизайн, но потребуется копаться в коде или платить за услуги вебмастера+дизайнера. Нет полной статистики, если подключить Яндекс.Метрику или Гугл Аналитикс. Доступ к полной статистике только у платных аккаунтов (19,95$ в год).

Тумблер (https://www.tumblr.com/) — лаконичная площадка, которая исторически использовалась для постинга картинок. Простой дизайн и настройки. Можно за 1 день оформить блог и начать писать.

Блогспот (https://www.blogger.com)  — симпатичная площадка с ограниченными возможностями для дизайна. Можно начать вести здесь свой блог, а потом подключить к блогспоту свой домен и получить на выходе автономный блог (но я бы лучше рекомендовала сразу переехать на вордпресс).

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

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

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

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

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

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

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

Блоги на Wordpress:

http://goodbyeoffice.ru

http://annachernykh.ru

http://sunniest.ru

http://leffka.ru

Блоги на Эгее:

http://blog.skaplichniy.ru

http://maximilyahov.ru/blog

http://stereomaster.ru/

Все блоги на Эгее: http://blogengine.ru/blogs

Блоги на Blogspot:

http://www.harmonyseeker.life

http://www.marinagiller.com

Блоги на Gophotoweb:

http://www.gophotoweb.ru/examples/all.html

http://www.collect-moments-not-things.com

http://anastasiavolkova.com/

Сайты, блоги и лонгриды на Tilda:

https://tilda.cc/ru/inspire

http://silavetra.com/page111908.html

http://oleg.tilda.ws/diary_2014_11

http://rekapodrekou.com/blog

http://fyrclothes.tilda.ws/

От чего оттолкнуться при выборе площадки и движка:

1.      Блог нужен вам для продвижения себя и продажи своих услуг, или это просто возможность писать ради удовольствия?

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

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

4.      Вы не уверены, что блогинг для вас — надолго?

5.      Готовы ли вы тратить деньги на покупку домена и хостинга?

6.      Готовы ли платить абонентскую плату за красивый сервис?

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

8.      Готовы ли вы тратить время на продвижение блога в соцсетях. Или хотите воспользоваться теми возможностями, что дает блог-площадка?

Чтобы закрепить прочитанное, выполните домашнее задание

interesno.co

Главная страница

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

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

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

Страница блога

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

Простая текстовая страница

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

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

bayguzin.ru

1. abduzeedo.com — отличный сайт про логотипы и дизайн вообще. Причем с подробными объяснениями.
2. freelanceswitch.com — сообщество всех внештатных дизайнеров для работы за рубежом.
3. free-lance.ru — подобное же сообщество дизайнеров в русском варианте. Предложения появляются практически каждый час, так что вперед.
4. davidairey.com — сайт дизайнера Дэвида Эрейа (David Airey). Здесь он делится своим опытом в сфере графического и лого-дизайна.
5. behance.net — сайт, собравший в себе портфолио художников, дизайнеров и людей искусства со всего мира. Честно говоря, по-настоящему вдохновляющий сайт.
6. designiskinky.net — австралийский сайт о дизайне. Сфокусирован только на новостях дизайна. В общем, сайт только про дизайн и еще раз дизайн.
7. freelancefolder.com — фрилансерское блог-сообщество с регулярными и очень полезными статьями о том, как лучше организовать работу вне штата.
8. bittbox.com — сайт, посвященный всем дизайнерским нуждам. Текстуры, кисти, узоры, а также консультация всех желающих. И все это абсолютно бесплатно, как мы любим.
9. vandelaydesign.com — собрание очень хороших статей из медиаресурсов. Особенно понравится этот сайт веб-дизайнерам.
10. youthedesigner.com — этот сайт полон разнообразных статей о графическом дизайне. Очень незаурядный.
11. designyoutrust.com — ежедневный дизайнерский журнал, публикующий статьи о новых направлениях в дизайне, новости и события, отличные дизайнерские портфолио и выборочные, тщательно отсортированные дизайнерские проекты со всего мира.
12. thedieline.com — крутой сайт, представляющий лучшие работы в дизайне упаковки. Организуют одноименную премию за лучшую упаковку. Авторитет, одним словом.
13. logopond.com — все о логотипах. Отличных примеров хоть пруд пруди.
14. bangbangstudio.ru — качественный российский сайт для иллюстраторов с очень интересными работами.
15. logodesignlove.com — сайт, сфокусированный только на логотипах. Его название говорит само за себя. Регулярные новости и ресурсы.

www.adme.ru

Фирменный стиль и брендинг

1. Pioneers

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

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

Фото: Mike | Creative Mints

2. KOLORO

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

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

3. DESIGNogolik

DESIGNogolik – идеальное место для тех, кто любит читать о дизайне запоем. По-другому и не получится – здесь более 1300 дизайнерских решений со всего мира! В блоге собрано много идей – от дизайна интерьера до новинок в индустрии моды. От них мы узнали, что Дарт Вейдер нередко становится объектом вдохновения для предметов промышленного дизайна.

4. OTAKOYI

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

Автор фото: Jonathan Howell

Упаковка: от идеи до печати

5. The Best Packaging

The Best Packaging собирают последние примеры и концепты упаковок, помогая дизайнерам находить вдохновение. Блог содержит 1150 статей с яркими примерами упаковок, которые уже можно найти на полках магазинов. Каждая статья содержит ссылку на дизайнера или агентство, которые создавали упаковку. Это позволяет клиентским компаниям находить лучших исполнителей для своих идей.

Для удобства пользователей статьи разбиты на удобные товарные категории: вино, снеки, одежда, духи, шоколад и т.п. Одной из самых популярных категорий является упаковка для молока. Кроме того, TBP дублируют новости на Pinterest, где у них есть свой канал.

6. What the pack?

What the pack? публикуют статьи о брендинге и упаковке, среди которых есть работы как отечественных, так и зарубежных дизайнеры. Их блог разделен на несколько категорий. В «Линч» собраны примеры креативных дизайнов упаковки – ребята действительно берут лучшее и делают это регулярно. В категории «Спецпроекты» есть мини-библиотека, где собраны лучшие рекомендованные книги по дизайну и брендингу в целом.

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

Автор дизайна: Todd Anderson

Веб-дизайн

 

7. Design mania

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

 

8. Oscar

Блог Oscar посвящен актуальным новостям в области веб-дизайна. Здесь можно найти много полезных советов для повышения эффективности работы сайта. Недавно у них вышло краткое пособие «7 “смертных грехов” Landing page», где они приводят примеры типичных ошибок веб-дизайнеров и рассказывают, как их избежать. Также на своей странице они рассказывают о личном опыте в создании успешных сайтов.

9. Блоґ «Продизайн»

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

10. Beloweb

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

Личные блоги о дизайне

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

Автор web-дизайну: Virgil Pana

 

11. Алексей Бычков

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

12. Ольга Романова

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

Леттеринг: студия tobiassaul

13. Настя Манно

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

Мы всегда следим за новинками в области брендинга, а чтение блогов помогает нам совершенствоваться!

Подписывайтесь на нашу рассылку внизу и получайте лучшие материалы сразу на почту!

koloro.ua