понедельник, 12 мая 2008 г.

15 дизайнерских приемов, которые чаще всего используются на сайтах Web 2.0.

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

  • Простота.
    На странице должно быть как можно меньше элементов, ничего лишнего. Из двух решений всегда лучше то, которое проще. Взгляд посетителя фокусируется на контенте, упрощается навигация.
  • Центрированная разметка.
    По сравнению с дизайнерской модой прошлых лет сейчас гораздо больше сайтов располагаются по центру в браузере, а не растянуты на весь экран или смещены влево. Поскольку дизайн Web 2.0 проще и экономичнее, то на таких сайтах всегда есть много чистого белого пространства.
  • Меньше колонок.
    Несколько лет назад дизайн в три колонки был нормой, а частенько встречались даже четыре. Сегодня две колонки никого не удивляют, а три – общепринятый максимум.
  • Отдельная верхняя секция.
    Вверху страницы располагается горизонтальная секция, которая отделяется от всего остального контента. Конечно, в этой идее нет ничего нового и она используется уже давно, но сейчас она стала по-настоящему общепризнанной.
  • Цветные блоки.
    Не только верхняя секция, но и другие элементы тоже могут быть явно выделены цветом.
  • Простая навигация.
    Меню навигации, которое отображается на каждой странице сайта, должно быть большим, понятным и простым. Что касается гиперссылок, то они должны четко отличаться от всего остального контента на странице.
  • Увеличенный кегль.
    На сайтах Web 2.0 размер шрифта обычно больше, чем на сайтах «прошлого» поколения.
  • Вставки большого текста.
    На многих сайтах встречаются заголовки, логотипы и надписи экстремально большого размера.
  • Четкий логотип.
    Ясный, мощный и сильный бренд создается с помощью заметного и запоминающегося логотипа.
  • Использование насыщенных цветов.
  • Градиенты.
  • Отражения.
  • Изящные пиктограммы.

Read More...