Реальный веб-дизайн

Спецвыпуск Xakep, номер #015, стр. 015-048-1

Вадим Мурзагалин (vadias@sendmail.ru, www.freehand.str.ru)

"Что за банальная тема! Да в сети полно ресурсов по этому поводу! Сто пудов, автор - лох, сдувший статью с какого-нибудь сайта", - возможно, именно так ты и подумал, взглянув на заголовок этой страницы. Мне придется согласиться с тобой в части количества сайтов по теме: да, их много. Достаточно и книг по веб-дизайну. Мало того, их становится все больше и больше, ведь веб-дизайнер - достаточно модная нынче профессия! Однако и тебе придется согласиться со мной в том, что соотношение путевых и галимых страниц в Интернете в лучшую сторону из года в год не меняется и вряд ли изменится в ближайшем будущем. Как ты думаешь, в чем дело?

Я думаю, что одна из возможных причин такого застоя в том, что издания, предлагающие свои советы и уроки, не являются достаточно авторитетными для таких, как ты и я. Лично мне не раз приходилось наблюдать на странице, подсознательно вызывающей неудержимые рвотные рефлексы, заголовки такого рода: "Лучшая дисятка советов для мастиров веб-дезайна!". Что ж, но ведь СПЕЦ-Хакер - совсем другое дело, не правда ли ;)?

И потом абсолютное большинство таких советов посвящено технической стороне вопроса - HTML, Javascript, Dinamic HTML и прочему кодингу. Пришло время поговорить собственно о дизайне.

Простота лучше воровства

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

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

Цвет

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

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

Содержание  Вперед на стр. 015-048-2

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001