Новости web2.0 Web 2.0

Поиск по тегам : web2, design, дизайн


Руководство по дизайну Веб 2.0 Версия для печати Отправить на e-mail
 

By Андрей Розентальс, on 08-06-2008 18:00

Views : 1750    


На дизайнерском сайте Web Design From Scratch опубликовано подробное руководство по дизайну Веб 2.0. Это руководство представляет собой список из 15 дизайнерских приемов, которые чаще всего используются на сайтах нового поколения, с конкретными примерами и скриншотами.

Простота

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

В результате «очистки» страниц взгляд посетителя фокусируется на контенте. Упрощается навигация. Легче привлечь внимание пользователя к чему-то важному.

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

Центрированная разметка

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

Меньше колонок

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

Отдельная верхняя секция

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

Цветные блоки

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

Простая навигация

Меню навигации, которое отображается на каждой странице сайта, должно быть большим, понятным и простым. Что касается гиперссылок, то они должны четко отличаться от всего остального контента на странице.

Увеличенный кегль

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

Вставки большого текста

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

Четкий логотип

Ясный, мощный и сильный бренд создается с помощью заметного и запоминающегося логотипа.

Кроме всех вышеперечисленных, упоминаются еще шесть дизайнерских приемов, которые встречаются не так часто: использование насыщенных цветов; гламурные поверхности (rich surfaces); градиенты; отражения; изящные пиктограммы и даже многоугольные звездочки.


   
Quote this article in website
Favoured
Related articles
Save this to del.icio.us

Users' Comments  RSS feed на комментарии
 

Average user rating

   (0 голос)

 


Добавить комментарий
Только зарегистрированные пользователи могут оставлять комментарии. Пожалуйста, войдите или зарегистрируйтесь.

Нет комментариев



mXcomment 1.0.8 © 2007-2008 - visualclinic.fr
License Creative Commons - Some rights reserved

Библиотека сайтостроения!

Библиотека сайтостроенияЗдесь собраны материалы о сайтостроении и все те мелочи, с которыми Вам, вполне вероятно, прийдется столкнуться при создании сайта, верстке html страничек и просто могут быть использованы для ознакомления. Сохранность данных
Хотите узнать как настраивать CMS Joomla! и оптимизировать ее для поисковых машин? Как организовать заголовки материалов (title), описание страниц (description) и поднять PageRank ? Все что требуется для правильного SEO (Search Engine Optimisation).
 Перейти в раздел Smile


Поисковая оптимизация сайта
Поисковая оптимизация сайта – это адаптация сайта под поисковые системы с целью увеличения релевантности по основным запросам. Релевантность - Соответствие контента (содержания) сайта конкретному запросу.
Контент – это содержание страницы: тексты и графика.
Как подобрать CMS

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


Психология цвета? как правильно "раскрасить" сайт?
Психология цвета Итак, у вас есть компания. Вы продаете товары или предоставляете услуги. Перед вами встает необходимость в интернет-представительстве, а точнее – сайте, как его неотъемлемой составляющей.
Сказано – сделано. Вы нашли студию, в которой вас устраивает все – от красоты и качества работ дизайнеров до функциональности программной части. НО! Прежде чем отдавать свое детище на «растерзание» профессионалам, решите, какие цветовые решения оптимальны именно для вашего ресурса.
Основные ошибки оптимизации сайта
Основные ошибки оптимизации сайта.
Ну, серьезным сайтам позволительно Cool. Они ставку делают в основном на внешние факторы (покупка обратных ссылок и распространение пресс-релизов), а вот простым веб мастерам, у которых нет возможности тратить много сотен (а то и тысяч) долларов на раскрутку, пренебрегать простейшими правилами не следует.
Модернизация сайтов

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




Авторизация!

Add to Google Reader or Homepage

I heart FeedBurner

Хостинг от Zerohost.ru
Rozens.info © 2005-2008
контакты