Основы успешного веб дизайна
Мы много времени уделяем техническим вопросам продвижения – и эти наши попытки, в идеале, никому не должны быть заметны. Но и внешний вид, веб дизайн сайта или же блога – играет огромную роль в завоевании аудитории. Тут должны быть сведены воедино и красота, и доступность юзабилити, и требования интернет-маркетинга. А ведь еще существует мода, которой веб дизайн безусловно подчиняется. Скрепляющим элементом послужат вкус, технические и финансовые возможности блоггера.
Основные элементы веб дизайна блога
Чаще всего, мы воспринимаем страницу блога или сайта, как картинку, практически, целиком. Но, задумываясь об изменении веб дизайна, мы должны оценивать ее отдельные элементы. Так давайте обсудим их и то, какими они могут быть.
Фоны и поля для блога
Фоны – это самый масштабный элемент веб дизайна любого блога. Именно его цвет, фактура – занимают наибольшую площадь и, хотя и не явно, привлекают большую долю внимания.
Было время, когда самыми навороченными считались блоги с темными фонами. Любители писать белым по черному – это вообще отдельная каста. И этих людей невозможно переубедить (да и не нужно). Однако, все психологи, дизайнеры, окулисты, маркетологи и даже метеорологи, трихологи и спелеологи в один голос заявляют, что темные фоны для сайтов и блогов – зло.
Светлые фоны для блога
Сейчас в моде – светлый и легкий фон. Если используется текстура или узор – это должно делаться с крайней деликатностью. Высшим пилотажем современного стиля являются белые фоны с очень светлой разметкой.
В связи с этим, популярным стал эффект изменения яркости элемента (opacity) при наведении курсора: изображения полупрозрачны, как бы затуманены, но при контакте с ними курсора или пальца (на тачскрине) – становятся ярче. Обратите внимание, как Хотей реагирует на прикосновения курсором или пальцем, если вы используете тачскрин:
И какой бы красивой ни была текстура папируса или тисненой кожи – такой фон для блога теперь в лучшем случае назовут «олд скул» (старомодным)… Если вам совсем не мила жизнь без волокнистости, рельефности и прочей осязаемости – убираем ее в поля (пространство по бокам от основного фона блога).
Многослойность фона, также, уступила требованиям легкости (визуальной в данном случае, хотя сложный фон может придать и чисто технического «веса» странице). Если вам хочется использовать на блоге разные фоны, например, для текста и сайдбаров, то они должны быть суперсочетаемы.
В целом, наш блог в этой идеологии веб дизайна должен представлять собой чистый лист, полный света. Цвет и фактура здесь только в предощущениях, присутствует потенциально (в полупрозрачных элементах). Читателю (особенно, использующему устройства с тачскрином) приятно прикасаться к этому открытому, безопасному, светлому пространству. Ничто не мешает ему и не отвлекает.
Фото-фоны для блога
Но есть неугомонные натуры и темы, которые не терпят обесцвечивания. Специально для таких авторов и ситуаций современный веб дизайн сайтов предлагает использовать фото-фоны.
Фотография должна быть о-о-очень ассиметричной. И уникального качества – либо исключительно хорошего, либо… исключительно плохого. Ну, в смысле – фото для фона может быть крайне размытым, неопределенным.
Предпочтительны крупные объекты, даже не попадающие целиком в экран. Это, подобно чистоте и воздушности белых фонов для блога, создает ощущение масштаба. И лучше, чтобы фон под текстами постов и виджетами был полупрозрачен.
В следующих статьях о современных тенденциях веб дизайна мы обсудим другие структурные элементы блогов… А пока – высказывайте свои соображения в комментах и порекомендуйте эту публикацию своим друзьям в соцсетях!
| Читайте БлоготеЙ! на Google+ | |
| Читайте БлоготеЙ! на Фейсбуке |
Темный фон почему-то нравится молодежи. Темный и яркий. А ставить его нельзя хотя бы потому, что очень устают глаза.
Но и полный минимализм мне не импонирует. Всего должно быть в меру. Блог — не новогодняя елка. Но немного украшалок все равно руки чешутся повесить)
[Ответить]
katyaru отвечает:
Июль 19th, 2012 at 20:56
Фишка в том, что украшение, ради украшения, уже совсем не актуально… Даже при минималистичной идеологии, можно устроить богатый интерактив и интересную верстку, которые компенсируют отсутствие ярких картинок… Эх, пора учить jQuery)))
[Ответить]
Я долго экспериментировала с шаблонами, а теперь нашла, как говориться, свой шаблон и успокоилась. Очень люблю цветочную гамму и поэтому, у меня блоги в цветах.
[Ответить]
Вот и я все свои сайты переделываю и переделываю, все мне что-то не нравится.. Вообще мне темно-фиолетовый фон нравится, но я понимаю, что посетители это вряд ли оценят.
[Ответить]
Я вот на АСТРОновости не могу шаблон подобрать. Там, где всё нравится, не могу фон по краям поставить, а без космоса вокруг как-то скучно.
[Ответить]
katyaru отвечает:
Июль 19th, 2012 at 22:22
Почему не можешь поставить фон? Ты мне покажи, какой нравится, а фон мы засунем!)
[Ответить]
Фон с самолетом просто супер! Люблю я синее, воздушное.
А тема в статье затронута актуальная. Только намедни перемерила кучу шаблонов на новый бложек, ничего не нравится. Вроде нашла вариант, шапку сделала и даже фон сваяла… Но не ложится фон по-человечески :(( вот блин засада…
[Ответить]
katyaru отвечает:
Июль 19th, 2012 at 22:28
А в чем его нечеловечность?
[Ответить]
L*y*u*b*a отвечает:
Июль 19th, 2012 at 22:59
Следы у меня задуманы в фоне, их не видно толком.
[Ответить]
katyaru отвечает:
Июль 19th, 2012 at 23:07
прозрачности не хватает?
[Ответить]
L*y*u*b*a отвечает:
Июль 19th, 2012 at 23:12
не , сейчас напишу тебе в письме…
[Ответить]
Я тоже не люблю темные фоны. Они подходят разве что для сайтов с мистическим содержанием. Но и от чисто белого у меня устают глаза. Тогда я жму Ctrl++ и читать становится намного легче.
Поэтому и у себя ставлю крупный шрифт.
Странно, что на лиру многие пользователи не понимают и ставят блестяшки, мигалки и переливающиеся картинки.
[Ответить]
katyaru отвечает:
Июль 20th, 2012 at 01:09
По поводу шрифта уже задумалась — крупный кегль шрифтов — тоже модный тренд (да и зрение у меня слабоватое:)
[Ответить]
Самые коЧмарные блоги на Лиру, не знаю или владельцы там все сумаЧедЧие или это так там задумано, но на такие блоги заходить страшно, на тебя сразу вываливаются стаи птиц, стога цветов или корзины ягод.
[Ответить]
katyaru отвечает:
Июль 20th, 2012 at 01:07
У меня тоже подобное чувство. Там даже в комментах принято вставлять гигантские гиф-открытки)))
[Ответить]
ой, каких фонов и сочетаний цвета шрифтов, ссылок, заголовков я только не делала! вот, кажется, нашла по душе, но, случается, думаю: а не поменять ли? к Новому Году, пожалуй, опять перенаряжу…
[Ответить]
Zoja, перенаряжать блог постоянно — не рекомендуется: представьте, защёл Ваш посетитель и видит… естественно новый материал, но «на другом» сайте — сразу уходит. К Вам привыкли, привыкли к тому, как выглядит ресурс, не стоит играть с огнум, то есть с посетителями. Надо сразу экспериментировать, «притереть» дизайн, а потом тонко его корректировать.
А фот может быть любым, в этом смысле модно всё, но главное МЕРА. Если вам нужна лёгкость, то облака, бабочки, самолёты, воздушные шары/змеи, падающие листья — это для вас. Если нужно создать ауру уединения — ваш выбор тёмные оттенки, они создают ощущение ограниченности пространства, доски, коробки, бумага будет как нельзя в тему! Для астрологии можно использовать фотографии космических туманностей, они бывают довольно яркие и не будут спорить со светло-голубой или даже белой подложкой текста.
Включайте фантазию и подберите несколько вариантов, из них попробуйте все и остановитесь на лучшем. Удачи!
[Ответить]
Сори за очепятки, торопился.
[Ответить]
Ребята! вот читаю и понимаю — почему я интуитивно чувствую что с моим шаблоном что-то не то.Вот в чем причина- я читаю разные блоги, вижу эту легкость в шаблонах и чистоту…
Значит я делаю все правильно.
[Ответить]
katyaru отвечает:
Июль 20th, 2012 at 13:24
Рада, что, благодаря моей статье, у вас появилась ясность понимания…
[Ответить]