Здравствуйте дорогие читатели и гости моего блога, сегодня в категории оформление блогов новое пополнение. Блог Азика, который в июне 2015 года переименовал его в интернет журнал.

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

У Азика это всё отсутствует и чаша весов перевешивает в сторону личного блога.

Второй момент, это невозможно понять на какую тему создан данный ресурс, это Интернет журнал о Франции?

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

Шапка блога

1. Для начала я бы избавился от картинки с эйфелевыми башнями, которые символизируют францию, так как:

Во-первых, как я уже написал выше, это сбивает посетителя с толку.

Во-вторых, вес картинки составляет 1 154,67 КБ это 1.1 мб, теперь я понимаю почему у меня так долго грузился блог на моём планшете, а ведь у меня как и у многих пользователей интернета не дешевый мобильный интернет.

Я бы сделал или нашёл на просторе интернета фотографию блокнота на фоне природы и поместил бы её в шапку блога, добавив некоторые эффекты, затемнение и размытие.

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

3. Форма поиска к сожалению отсутствует, поэтому её размещаю в горизонтальном меню с правой стороны.

Логотип блога

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

2. Надпись интернет журнал я бы заменил на заметки блоггера.

Горизонтальное меню категорий

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

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

В результате чего у меня получилась вот такая шапка:

можно увеличить

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

Каркас блога

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

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

Боковая колонка блога

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

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

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

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

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

Далее я бы разместил ячейку с последними комментариями блога:

Я бы на месте Азика подумал над тем, а нужна ли рамка вокруг аватарок посетителей.

Новости блога

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

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

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

Подвал блога

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

В результате я создал вот такой обновлённый дизайн блога Азика:

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

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