Вторник , 25 Июль 2017
Главная / Веб-дизайн / Основы успешного веб дизайна

Основы успешного веб дизайна

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

Основные элементы веб дизайна блога

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

Фоны и поля для блога

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

Было время, когда самыми навороченными считались блоги с темными фонами. Любители писать белым по черному – это вообще отдельная каста. И этих людей невозможно переубедить (да и не нужно). Однако, все психологи, дизайнеры, окулисты, маркетологи и даже метеорологи, трихологи и спелеологи в один голос заявляют, что темные фоны для сайтов и блогов – зло.

Светлые фоны для блога

Сейчас в моде – светлый и легкий фон. Если используется текстура или узор – это должно делаться с крайней деликатностью. Высшим пилотажем современного стиля являются белые фоны с очень светлой разметкой.

белые темы для вордпресс

В связи с этим, популярным стал эффект изменения яркости элемента (opacity) при наведении курсора: изображения полупрозрачны, как бы затуманены, но при контакте с ними курсора или пальца (на тачскрине) – становятся ярче.

И какой бы красивой ни была текстура папируса или тисненой кожи – такой фон для блога теперь в лучшем случае назовут «олд скул» (старомодным)… Если вам совсем не мила жизнь без волокнистости, рельефности и прочей осязаемости – убираем ее в поля (пространство по бокам от основного фона блога).

фактура в современном веб дизайне

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

успешное использование приемов веб дизайна

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

Фото-фоны для блога

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

фото фоны для блога

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

последние тенденции веб дизайна

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

прозрачность фона для блога

В следующих статьях о современных тенденциях веб дизайна мы обсудим другие структурные элементы блогов… А пока – высказывайте свои соображения в комментах и порекомендуйте эту публикацию своим друзьям в соцсетях!

Один комментарий

  1. Вячеслав

    Реанимированные комменты

    Алиса:
    19.07.2012 в 20:22
    Темный фон почему-то нравится молодежи. Темный и яркий. А ставить его нельзя хотя бы потому, что очень устают глаза.
    Но и полный минимализм мне не импонирует. Всего должно быть в меру. Блог — не новогодняя елка. Но немного украшалок все равно руки чешутся повесить)

    katyaru:
    19.07.2012 в 20:56
    Фишка в том, что украшение, ради украшения, уже совсем не актуально… Даже при минималистичной идеологии, можно устроить богатый интерактив и интересную верстку, которые компенсируют отсутствие ярких картинок… Эх, пора учить jQuery)))

    Людмила:
    19.07.2012 в 21:05
    Я долго экспериментировала с шаблонами, а теперь нашла, как говориться, свой шаблон и успокоилась. Очень люблю цветочную гамму и поэтому, у меня блоги в цветах.

    Александра:
    19.07.2012 в 21:13
    Вот и я все свои сайты переделываю и переделываю, все мне что-то не нравится.. Вообще мне темно-фиолетовый фон нравится, но я понимаю, что посетители это вряд ли оценят.

    Галина:
    19.07.2012 в 22:16
    Я вот на АСТРОновости не могу шаблон подобрать. Там, где всё нравится, не могу фон по краям поставить, а без космоса вокруг как-то скучно.

    katyaru:
    19.07.2012 в 22:22
    Почему не можешь поставить фон? Ты мне покажи, какой нравится, а фон мы засунем!)

    L*y*u*b*a:
    19.07.2012 в 22:27
    Фон с самолетом просто супер! Люблю я синее, воздушное.
    А тема в статье затронута актуальная. Только намедни перемерила кучу шаблонов на новый бложек, ничего не нравится. Вроде нашла вариант, шапку сделала и даже фон сваяла… Но не ложится фон по-человечески sad( вот блин засада…

    katyaru:
    19.07.2012 в 22:28
    А в чем его нечеловечность?

    L*y*u*b*a:
    19.07.2012 в 22:59
    Следы у меня задуманы в фоне, их не видно толком.

    katyaru:
    19.07.2012 в 23:07
    прозрачности не хватает?

    L*y*u*b*a:
    19.07.2012 в 23:12
    не , сейчас напишу тебе в письме…

    Елена:
    19.07.2012 в 23:16
    Я тоже не люблю темные фоны. Они подходят разве что для сайтов с мистическим содержанием. Но и от чисто белого у меня устают глаза. Тогда я жму Ctrl++ и читать становится намного легче. ;) Поэтому и у себя ставлю крупный шрифт.
    Странно, что на лиру многие пользователи не понимают и ставят блестяшки, мигалки и переливающиеся картинки. sad

    katyaru:
    20.07.2012 в 01:09
    По поводу шрифта уже задумалась — крупный кегль шрифтов — тоже модный тренд (да и зрение у меня слабоватоеsmile

    tanichka:
    20.07.2012 в 00:05
    Самые коЧмарные блоги на Лиру, не знаю или владельцы там все сумаЧедЧие или это так там задумано, но на такие блоги заходить страшно, на тебя сразу вываливаются стаи птиц, стога цветов или корзины ягод.

    katyaru:
    20.07.2012 в 01:07
    У меня тоже подобное чувство. Там даже в комментах принято вставлять гигантские гиф-открытки)))

    Zoja:
    20.07.2012 в 00:12
    ой, каких фонов и сочетаний цвета шрифтов, ссылок, заголовков я только не делала! вот, кажется, нашла по душе, но, случается, думаю: а не поменять ли? к Новому Году, пожалуй, опять перенаряжу…

    Артём:
    20.07.2012 в 08:02
    Zoja, перенаряжать блог постоянно — не рекомендуется: представьте, защёл Ваш посетитель и видит… естественно новый материал, но «на другом» сайте — сразу уходит. К Вам привыкли, привыкли к тому, как выглядит ресурс, не стоит играть с огнум, то есть с посетителями. Надо сразу экспериментировать, «притереть» дизайн, а потом тонко его корректировать.
    А фот может быть любым, в этом смысле модно всё, но главное МЕРА. Если вам нужна лёгкость, то облака, бабочки, самолёты, воздушные шары/змеи, падающие листья — это для вас. Если нужно создать ауру уединения — ваш выбор тёмные оттенки, они создают ощущение ограниченности пространства, доски, коробки, бумага будет как нельзя в тему! Для астрологии можно использовать фотографии космических туманностей, они бывают довольно яркие и не будут спорить со светло-голубой или даже белой подложкой текста.
    Включайте фантазию и подберите несколько вариантов, из них попробуйте все и остановитесь на лучшем. Удачи!

    Артём:
    20.07.2012 в 08:04
    Сори за очепятки, торопился.

    Галина Грабовая:
    20.07.2012 в 12:35
    Ребята! вот читаю и понимаю — почему я интуитивно чувствую что с моим шаблоном что-то не то.Вот в чем причина- я читаю разные блоги, вижу эту легкость в шаблонах и чистоту…
    Значит я делаю все правильно.

    katyaru:
    20.07.2012 в 13:24
    Рада, что, благодаря моей статье, у вас появилась ясность понимания…

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

пятнадцать + двенадцать =