Як створити дизайн сайту в стилі web 2
На сайті з web 2.0 дизайном присутня тільки найнеобхідніше. Всі зайві елементи прибираються, щоб не відволікало увагу відвідувачів сайту. Це робиться для того, щоб інформація сприймалася швидше і легше. Ніхто не любить витрачати свій час на пошук потрібної інформації, а наш сучасний стиль покликаний спростити цей процес.
Багато вільного простору
Коли заходиш на сайт в такому стилі, одразу впадає те, що на ньому дуже багато вільного простору. Його набагато більше, ніж на старих сайтах. Завдяки цьому, менше втомлюються очі, відвідувачеві не потрібно постійно концентруватися, щоб знайти потрібну йому інформацію. Таким чином, перебування на сайті робиться більш легким і приємним.
великі об'єкти
Швидше за все, ви помітили, що блоки з текстом, меню, якісь кнопки і інші елементи сайту такого стилю, набагато більше, ніж на простих сайтах. Це знову ж таки зроблено для зручності і для легшого сприйняття інформації. Погодьтеся, що набагато легше потрапити по кнопці з більшим чи середнім розміром, ніж на маленьку кнопку. Думаю, вам зрозуміло, що великі елементи спрощують користуванням сайтом і тим більше привертають до себе увагу.
великий текст
На багатьох старих сайтах часто можна було побачити текст у 10-12 px. У web 2.0 14 px - це практично мінімум. Часто можна побачити текст для читання в 16-18 px. Однак тут дуже уважно потрібно підходити до вибору розмірів шрифту. Для читання не рекомендується ставити шрифт більше 14 px. Хоча, якщо ви будите робити промо-сайт або сайт візитку, де буде мало тексту, а більше графіки, то можете поставити розмір і побільше. В цьому випадку краще орієнтуватися по ситуації і не дотримуватися якихось шаблонів і стандартів.
проста навігація
На такому сайті ви дуже рідко побачите якісь списки, що випадають, зроблені на різних мовах програмування. У більшості випадків використовується просте текстове меню. Воно краще для сприйняття і для індексації пошуковими роботами. Тобто, для користувача сайту набагато краще буде зрозуміти, що і де знаходиться, а для пошукових систем - це проста і швидка індексація сторінок сайту.
Проста структура сайту
Веб-дизайн таких сайтів, нічого очікувати утримувати 5-10 блоків з інформацією. Зазвичай весь сайт ділиться на три основні блоки:
- header - шапка сайту;
- контент - інформація для відвідувачів сайту;
- footer - земельна ділянка (він зазвичай містить контакти, дубльоване меню та інше).
Так, header може містити як шапку, так і меню. Контент часто ділиться на два або три блоки - це інформація для читання (статті) і бічний блок меню. Однак структура багатьох сайтів в цьому стилі ідентична. Завдяки тому, що з кожним днем сайтів з такою структурою створюється все більше, людині стає набагато легше орієнтуватися на таких нових сайтах. Це дуже зручно!
Зараз практично кожен сайт в стилі web 2.0 не обходиться без логотипу. Це свого роду відмітна особливість від старих сайтів (на них практично не зустрічаються логотипи). Звичайно, якщо не брати до уваги великі компанії.
Яскраві і соковиті кольори
Практично у всіх елементах дизайну сайту використовуються градієнти. Вони набагато приємніше сприймаються і роблять сайт на багато красивіше. Ви не зустрінете жодного сайту в стилі Web 2.0, на якому немає хоча б одного градієнта. У той же час практично на багатьох старих сайтах буде важко знайти хоча б пару градієнтів.
м'яке підсвічування
Дуже часто для того, щоб привернути увагу відвідувача сайту до якогось об'єкту, в дизайні web 2.0 використовують м'яке підсвічування. Це не тільки привертає увагу, але і робить дизайн сайту на багато привабливіше. Блоки без підсвічування, на вигляд, здаються менш приємні, ніж блоки з підсвічуванням.
Тіні і відображення
Тіні і відображення - це часто зустрічаються особливості дизайну сайту в такому стилі. Тінь здатна надати природність і реалістичність. Якщо її не буде, то об'єкт буде здаватися плоским буде парити десь в повітрі. Відображення надає як красу, так і гламур різних об'єктів сайту. Воно використовується не тільки для картинок, але і для будь-яких кнопок або меню. Не варто зловживати відображенням, інакше інформація буде сприйматися дуже важко. Все повинно бути в міру!
закруглені кути
Практично у всіх елементів на таких сайтах закруглені кути. Це скоріше зроблено тому, що так легше і приємніше сприймається інформація. Закруглення надає якийсь спокій і вселяє довіру. Я особисто люблю користуватися таким прийомом. Звичайно, не бажано робити заокруглення занадто великими. Це може напружувати і відволікати.
Красиві іконки в web 2.0
опрацювання дрібниць
Це були 14 основних пунктів, за якими можна визначити стиль web 2.0. Не потрібно при розробці свого дизайну сайту впихати все те, що я описав. Швидше за все, це буде виглядати непривабливо і навіть убого. Завжди при розробці сайту, коли ви збираєтеся створювати його в такому стилі, то обов'язково задавайте собі прості запитання:
- зробить це даний сайт краще?
- стане комфортно і приємніше знаходитися на такому сайті, і користуватися його послугами?
Додавайте щось з стилю web 2.0 тільки тоді, коли дасте позитивні відповіді на ці питання. З перерахованих основних моментів по створенню успішного веб-дизайну сайту в такому стилі, вибирайте тільки ті, які, на вашу думку, будуть найбільш корисні для відвідувачів. Загалом, вивчайте і впроваджуйте!
Натискаючи на кнопку, ви погоджуєтеся з нашою політикою конфіденційності і призначеним для користувача угодою.