<
  • Главная
Статьи

Дизайн в стилі 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 частини), але взагалі, якщо ви активний користувач інтернету, то знайти подібні рішення не так складно:

До речі, якщо говорити про дизайнах і прикладах, то дещо можна знайти в добірці   тренди веб-дизайну   (В 2009 році, там 3 частини), але взагалі, якщо ви активний користувач інтернету, то знайти подібні рішення не так складно:

У більшості випадків, до речі, цей стиль характерний для англомовного інтернету. Наші розробники не завжди готові так «ризикувати» і боятися, що користувачі не зрозуміють «вільну і відкриту» концепцію, але позитивна тенденція в цьому напрямку є, і це не може не радувати.

PS Корисний сайт для роботи в інтернеті - Довідкова служба WebMoney - інформація та консультації з Вебмані.
Постовий. В інтернет магазині Viktory можете купити тренажери київ , 24 години на добу 7 днів на тиждень.
Цікава стаття для тих, хто хоче завести домашнього вихованця - породи кішок з гарними фотографіями і описом.



Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью