Pull to refresh

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

Reading time 3 min
Views 1.4K
Если вы читали крупнейшую бесплатную энциклопедию, то наверняка заметили, что в статье 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
Tags:
Hubs:
+35
Comments 56
Comments Comments 56

Articles