OpenSource Review
Каталог статей
Меню сайта


Категории каталога
Linux [41]
Web 2.0 [7]


Форма входа


Поиск по каталогу



Приветствую Вас, Гость · RSS 25.11.2024, 23:21
Начало » Статьи » Web 2.0

Секреты дизайна проектов Web 2.0
Если вы читали крупнейшую бесплатную энциклопедию, то наверняка заметили, что в статье Web 2.0 Wikipedia не сказано ни слова, каким должен быть внешний вид страниц нового поколения. Ничего не сказано ни о красочных иконках, ни о пастельных тонах, ни о приятных градиентах, рефлекциях, большого размера шрифте и т.п.. Какой же веб дизайн доминирует с возникновением Web 2.0?

Секреты дизайна проектов Web 2.0


Поверь мне, я Web 2.0

Одной из особенностей технологии Web 2.0 является возможность пользователями самими наполнять сайты содержимым. Пользователи сами могут и строить дизайн, давать свои рекомендации, требовать изменений, но прежде, чем пользователь начнет пользоваться каким-либо сервисом, он должен быть уверен, что попал на дружелюбный и удобный сайт нового поколения. Дизайн сайта должен всё сказать за вас.

Зеленый вместо серого

Светлые и сочные тона доминируют в Web 2.0. Зеленый - неофициальный серый цвет Web 2.0. Это не значит, что стоит им ограничиваться: тусклые оранжевые, голубоватые и розовые тона тоже в моде.

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

Web 2.0 color 1Web 2.0 color 2Web 2.0 color 3Web 2.0 color 4


Закругленные углы теперь везде

Новые технологии CSS позволяют активно использовать закругленные углы для любой сложности элементов веб дизайна. Дружелюбность закругленных уголков по-прежнему создает ощущение комфорта и неформальности многих Web 2.0 сайтов.

Web 2.0 rounded corners 1Web 2.0 rounded corners 2Web 2.0 rounded corners 3

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

Web 2.0 rounded text 1Web 2.0 rounded text 3Web 2.0 rounded text 2Web 2.0 rounded text 4


Бесплатно всё!

Бесплатно! Все бесплатно! Как радуется пользователь, обнаруживая полезный ему ресурс бесплатным. Тем более, если ваш проект посвящен таким сферам, как недвижимость, значки "FREE" или "Бесплатно" только больше заинтересовывают посетителей и свидетельствуют о щедрости Web 2.0.

Web 2.0 free 1Web 2.0 free 4Web 2.0 free 2Web 2.0 free 3


Никаких фотографий

Нет, теперь довольные лица бизнесменов, держащих чемоданчик с баксами не в моде. Не в моде сами по себе фотографии. Web 2.0 сайты созданы преимущественно на простеньких красочных картиночках с градиентами, палетными тонами, отблесками, стеклянными эффектами. Если вы используете еще и 3D, то это придаст особый гламур.

Web 2.0 icon 3Web 2.0 icon 1Web 2.0 icon 4Web 2.0 icon 2


Улыбайся, сынок

Большинство Web 2.0 проектов имеют поддержку дополнительных технологических или организационных слоев. Разделяй ссылки с del.icio.us, распространяй фотографии с flickr или организуй задания с Backpack - всё это сталкивает пользователя с совершенным технологическим процессом, ускоряет и делает удобным процесс управления содержимым. Хороший Web 2.0 прост, как спичечный коробок, и легок в обращении, как компьютерная мышь, а правильный дизайн и копирайтинг (защита собственных прав на материал) могут освободить все пути к распространению и просмотру содержимого.

Разумное использование места, цвета и авторских прав может значительно упростить план проекта.

Большое красиво

По словам специалистов Web 2.0, чем больше, тем лучше. Текст больших размеров и точка. Большой шрифт легко бросается в глаза и позволяет с легкостью воспринять информацию. И, вероятно, вы забыли, что каждая буква, каждый символ имеет свою красоту. Красивый и большой текст - верный выбор Web 2.0 дизайнера.

Web 2.0 large text 1Web 2.0 large text 2Web 2.0 large text 3Web 2.0 large text 4


Свобода и простор

Содержание Web 2.0 страниц можно назвать минимальным. Не жалейте места! Добавьте простора! Белое свободное пространство психологически привлекательно, позволяет расслабиться глазам и разделяет содержимое по приоритету. Используйте минимум. Не берите пример с KM.RU, смотрите ниже.

Web 2.0 whitespace 4Web 2.0 whitespace 1Web 2.0 whitespace 2


Ненужные детали

Есть определенные тенденции в Web 2.0, которые не имеют существенной значимости. Такими элементами, как "вид мокрого стола", отблески и стеклянные кнопки, можно пренебречь, но они всё же играют некой изюминкой в дизайне Web 2.0.

Web 2.0 odds and ends 4Web 2.0 odds and ends 5Web 2.0 odds and ends 2Web 2.0 odds and ends 1


Заключение

Вот и всё, что я хотел сказать о прекрасном вебдизайнерском искусстве поколения 2.0. Кто знает, "Визуальный дизайн Web 2.0 с примерами" может стать устарелым конспектом через годик-два, но в нем заложены основные уроки, которые нужно знать сейчас без всяких сомнений.

Jonathan Nicol из F6 Design и Н.А. Халявин.

http://webdesign.myj.lv/cat-26/48

Категория: Web 2.0 | Добавил: opensource (04.03.2008)
Просмотров: 899 | Рейтинг: 4.0 |

Всего комментариев: 0
Имя *:
Email *:
Код *: