Подбор оригинального дизайна для блога
И снова здравствуйте! В жизни каждого вебмастера наступает момент, когда приходится выбирать тему оформления для своего блога. Об этом сегодня и пойдет речь. Оформление блога не должно стоять на первом месте, основное внимание нужно уделять его содержимому.
Дизайн является красивой обложкой, которая радует посетителей своей привлекательностью. Хорошо проработанный шаблон и его структура облегчает навигацию по блогу. Выделю основные моменты которые нужно учесть при верстке шаблона.
Ни для кого не секрет, что уникальные шаблоны лучше воспринимаются поисковыми системами, т.к. робот видит исходный код, а не только контент. Сразу же хочу сказать, что желательно использовать как можно меньше графики. Изобилие изображений, скриптов, фреймов затормаживает загрузку страниц и иногда это просто раздражает, особенно слабонервных :).
Если без этого не обойтись, то старайтесь сжимать изображения, используемые в качестве фоновых картинок и изображения, используемые в записях. Если фоновый рисунок имеет однородный цвет, то по возможности следует заменить его на заливку в CSS.
Тоже самое касается и скриптов. Исходный код желательно очистить от мусора, удалить закомментированные строки, сжать javascript файлы, используемые в теме оформления WordPress.
Фон
Фон желательно выбирать светлым. Несколько раз бывал на блогах, фоном которых служит огромное изображение (мне чаще попадались деревья или другие изображения с природой). Знаете в чем здесь основная ошибка? Изображение имеет размеры на весь экран и даже под основным содержимым оно присутствует.
Получается, что после полной загрузки блога эти деревья видны лишь в сайдбарах, а под текстом поверх изображения накладывается белый фон. В итоге приходится по полчаса ждать когда же загрузится страница. Лучше без фоновых рисунков. Черное на белом по-прежнему в моде, а креатив с синим фоном и красными буквами вряд ли кто оценит.
Шрифты
Самое главное — выбирать удобочитаемые, а не похожие на китайскую письменность. Желательно темной цветовой гаммы — от темно-серого до черного. Выделять в тексте курсивом или жирным нужно только отдельные слова или словосочетания, расставляя акценты (ключевые слова), а не целым абзацем.
Задействованные цвета
Лучше использовать ненавязчивый цвет, слишком яркие оттенки (красный, ярко-желтый, фиолетовый) отвлекают от самого главного — содержимого, к тому же устают глаза после долгого просмотра таких гирлянд.
Кстати, Вы знали, что цвет блога может явным образом указать на характер его автора? Ведь не зря же одни выбирают синий, а другие зеленый 😉
Юзабилити блога
Ах, это страшное слово! На самом деле ничего страшного в нем нет, оно обозначает удобство пользования, навигации. Юзабилити играет не последнюю роль. Пользователь должен легко ориентироваться на страницах, даже если впервые посетил Ваш блог.
Меню следует располагать на видном месте, записи распределить по категориям, использовать метки. Метки можно вывести в сайдбар с помощью плагина в виде 3D облака. В общем старайтесь максимально упростить навигацию, облегчить выполнение различных действий, например, подписку на блог.
Кроссбраузерность
Адаптируйте блог под самые распространенные браузеры, проверьте правильность его отображения с разными разрешениями экрана, чтобы дизайн не перекосило в разные стороны.
Уделяйте внимание мелочам, чтобы все элементы от навигации до украшений были выдержаны в едином стиле, тогда будет видна целостная картина, а не отдельные куски. К тому же если блог будет выполнен в едином стиле, то легче стать узнаваемым в сети, начнется развитие бренда.
В своем дизайне блога я старался следовать всем этим правилам и мне хотелось бы узнать Ваше мнение об оформлении. А на Ваш взгляд, какие параметры играют большую значимость?
Спасибо за пост — согласен на все 100 — вообще считаю, что идеальный сайт создается по принципу чем проще тем лучше — главное выдержать тему полезности ресурса (контент и удобство навигации).
Ответить
Умел бы рисовать, то сделал бы сам под себя. Но пока приходится пользоваться готовыми решениями.
Ответить
Денис, 1000% с тобой согласен! В некоторых «не», увидел себя несколько лет назад, когда только начал экспериментировать с вебдизайном…. Сейчас, глядя на свои первые «каракули» и сравнивая с «сейчас» — прям, почти горжусь своим прогрессом 😀
Кстати, т.к. ты немного знаком с моим сайтом не только снаружи, я был бы не против узнать твоё мнение по всем, освещённым тобой в этой статье, по пунктам…
Ответить
Илья, согласен, что контент играет важнейшую роль, а все остальное лишь улучшает его восприятие.
Seo-Expert, тоже пользуюсь тем что нашел, художник из меня никакой)
Dan, цвета серый с голубым прекрасно дополняют друг друга, единственное, что меня смущает — это капча при отправке комментария 🙄
Ответить
В каком смысле, смущает?
Ответить
Dan, в прямом) Читатели не любят вводить непонятные символы, чтобы высказать свое мнение. Борьба со спамом не должна ложиться на их плечи. Может плагин поставить, не пропускающий спам? Или капчу сменить на более легкую, не требующую ввода символов с изображения. Встречал такие, где можно просто галочку поставить или щелкнуть на конкретное изображение…
Ответить
Очень приятная цветовая гамма и удобный интерфейс 😎 Также не остался без внимания и контент блога. Есть что взять на заметку, при создании своего блога. Спасибо автору!
Ответить
Валерия, большое спасибо! А у Вас уже есть блог или только планируете?
Ответить
В данный момент активно занимаюсь его созданием 🙂
Ответить