Дизайн в стилі Web 2.0: простота як мистецтво
Досконалість досягається не тоді, коли вже нічого пр ібавіть, але коли вже нічого не можна відняти (Антуан де Сент-Екзюпері. «Планета людей», 1939 г.)
Далекій восени 2005 року з легкої руки видавця Тіма О'Рейлі в лекційному веб-розробників міцно увійшов термін Web 2.0. Як і всякий новий термін, він до цих пір залишається предметом жвавого обговорення, в ході якого визначена головна особливість, вже не піддається сумніву. Прийшовши на зміну «старому» Web 1.0, Web 2.0 став новою моделлю існування інтернет-спільноти, де пересічний користувач стає безпосереднім учасником і творцем вмісту сайту. Відтепер пріоритетними завданнями для розробників, стали дружній інтерфейс і просте, але разом з тим стильне оформлення, які і визначили характерні особливості дизайну в стилі Web 2.0.
Розглянемо, які ж дизайнерські прийоми використовуються найчастіше при розробці сайтів в стилі Web 2.0, так би мовити основні особливості стилю.
Нічого зайвого. Простота стає головним пріоритетом в дизайні. Відмова від додаткових декоративних елементів радикально спрощує навігацію і концентрує увагу користувача.
Увага в центр. Тепер на переважній більшості сайтів основний обсяг інформації розташований по центру екрана. Це не тільки дозволяє бачити звичне розміщення в будь-якому браузері, але і спрощує сприйняття за рахунок візуальної легкості.
Три колонки - межа. Якщо ще кілька років тому розміщення матеріалу в три-чотири колонки було нормою, то в дизайні Web 2.0 розробнику доведеться вкластися в мінімальну кількість колонок, не захаращуючи екран до країв.
По Савці і шапка. Звичайно, окрема горизонтальна секція у верхній частині сторінки, відокремлена від решти контенту, використовувалася і раніше. Але тепер без неї не обійтися, адже вона по суті стає основним навігаційним орієнтиром.
Червоний - стій, зелений - йди. Виділені різним кольором функціональні зони допомагають користувачеві оперативно зорієнтуватися в навігації, переважно контенті, посилальному масиві або іншому матеріалі.
Проста навігація. На кожній сторінці сайту відображається зрозуміле, просте, чітке і при цьому досить велике меню навігації. Та ж рекомендація стосується до відбиття гіперпосилань, вони повинні добре відрізнятися решти контенту на сторінці.
Чіткий логотип і оригінальні іконки. У дизайні Web 2.0 дуже ефективно спрацьовує помітний, яскравий і запам'ятовує логотип, вписаний в мінімалістському оточення вмісту сторінки. Також серйозне значення мають характерну іконки для найбільш важливих елементів сайту, це покращує навігацію і зручність користування сайтом. про Веб 2.0 логотипи різних проектів в блозі ми вже писали - радимо почитати, а ще краще глянути на все зображенні в статті.
Пишемо прописними. На сайтах в стилі Web 2.0 зазвичай використовується досить великий розмір шрифту. Збільшує розмір дозволяє зберегти простоту і функціонального дизайну, адже дрібний шрифт сприймається складніше, особливо при швидкому час перегляду або на LCD моніторах при яскравому сонячному освітленні.
Крупнотекстовие вставки. Демократичний дизайн Web 2.0 дозволяє використовувати заголовки і інші текстові вставки дуже великого розміру. Цей прийом найчастіше реалізується у вигляді графічного об'єкта і дозволяє легко заволодіти увагою користувача навіть при побіжному перегляді сторінки.
Яскраві кольори. Зелений, приглушений оранжевий, блакитний, рожевий - найчастіше ці світлі соковиті тони використовуються в дизайні Web 2.0, і дозволяють звернути увагу відвідувача на важливі елементи сторінки.
3D-ефекти. Оскільки в цьому виді дизайну використовується дуже невелика кількість фотоматеріалу, дизайнери часто використовують просту, піксельну графіку, а помірне використання тіней, градієнтів, відображень, відблисків і т.д. допомагають зробити інтерфейс більш реальним і приємним для сприйняття.
Спалахи-зірочки. Ці невеликі ярлички у вигляді спалахують зірочок допомагають відвідувачеві звернути увагу на важливі розділи сайту, наприклад, цінники при розпродажі і т.д. Радимо також глянути на статтю бейджи в стилі web 2.0 для сайту, де ми зібрали парочку відповідних прикладів.
Сподіваємося, наші рекомендації допоможуть розробнику врахувати основні особливості дизайну в стилі Web 2.0, який сьогодні залишається не тільки проявом моди, а й свідченням популярності Web 2.0 технологій. Що стосується прикладів, то в інтернеті зараз дуже і дуже багато сервісів, які можуть не тільки похвалитися відповідним дизайном, але і пропонують нам функціонал в рамках знаменитого Веб 2.0. Багато прикладів подібних сайтів можна знайти в моєму блозі вебдванольний замітки, де я збираю огляди інтернет сервісів і сайтів, корисних для людей. Там вже точно знайдете багато сайтів з дизайном Веб 2.0. До речі, якщо говорити про дизайнах і прикладах, то дещо можна знайти в добірці тренди веб-дизайну (В 2009 році, там 3 частини), але взагалі, якщо ви активний користувач інтернету, то знайти подібні рішення не так складно:
У більшості випадків, до речі, цей стиль характерний для англомовного інтернету. Наші розробники не завжди готові так «ризикувати» і боятися, що користувачі не зрозуміють «вільну і відкриту» концепцію, але позитивна тенденція в цьому напрямку є, і це не може не радувати.
PS Корисний сайт для роботи в інтернеті - Довідкова служба WebMoney - інформація та консультації з Вебмані.
Постовий. В інтернет магазині Viktory можете купити тренажери київ , 24 години на добу 7 днів на тиждень.
Цікава стаття для тих, хто хоче завести домашнього вихованця - породи кішок з гарними фотографіями і описом.