Подбор оригинального дизайна для блога

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

Дизайна блога

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

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

Сжатие javascript

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

Тоже самое касается и скриптов. Исходный код желательно очистить от мусора, удалить закомментированные строки, сжать javascript файлы, используемые в теме оформления WordPress.

Фон

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

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

Шрифты

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

Задействованные цвета

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

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

Юзабилити блога

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

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

Кроссбраузерность

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

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

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

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

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 5 из 5)
  1. Илья

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

    Ответить

  2. Seo-Expert

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

    Ответить

  3. Dan

    Денис, 1000% с тобой согласен! В некоторых «не», увидел себя несколько лет назад, когда только начал экспериментировать с вебдизайном…. Сейчас, глядя на свои первые «каракули» и сравнивая с «сейчас» — прям, почти горжусь своим прогрессом 😀

    Кстати, т.к. ты немного знаком с моим сайтом не только снаружи, я был бы не против узнать твоё мнение по всем, освещённым тобой в этой статье, по пунктам…

    Ответить

  4. Webliberty

    Илья, согласен, что контент играет важнейшую роль, а все остальное лишь улучшает его восприятие.

    Seo-Expert, тоже пользуюсь тем что нашел, художник из меня никакой)

    Dan, цвета серый с голубым прекрасно дополняют друг друга, единственное, что меня смущает — это капча при отправке комментария 🙄

    Ответить

  5. Dan

    В каком смысле, смущает?

    Ответить

  6. Webliberty

    Dan, в прямом) Читатели не любят вводить непонятные символы, чтобы высказать свое мнение. Борьба со спамом не должна ложиться на их плечи. Может плагин поставить, не пропускающий спам? Или капчу сменить на более легкую, не требующую ввода символов с изображения. Встречал такие, где можно просто галочку поставить или щелкнуть на конкретное изображение…

    Ответить

  7. Валерия

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

    Ответить

  8. Webliberty

    Валерия, большое спасибо! А у Вас уже есть блог или только планируете?

    Ответить

  9. Валерия

    В данный момент активно занимаюсь его созданием 🙂

    Ответить

:) ;) :D :( :cry: :| :o :P 8-) :oops: :roll: :idea:

Отправляя комментарий, вы соглашаетесь с политикой конфиденциальности.