Розробки в галузі ВЕБ-дизайну

19. Бірки

20. Цінники

21. Стрічки

Розглянемо детальніше найяскравіші із прийомів:

1. Відмова від стандартних макетів

Відмовившись від використання готових макетів, дизайнери вважають за краще експериментувати з різними способами подання інформації.

Подібний творчий підхід характеризується тим, що основне враження від сайту складається під впливом загального враження від дизайну, і не стільки окремих його деталей. Тим не менше, питання юзабіліті, друкарні та графіки опрацьовуються не менш докладно. Авторські макети часто використовують для онлайн-портфоліо, сайтів дизайнерських агентств і промо-сайтів (наприклад, комерційних кампаній великих фірм), але також і просто для блоґів.

2. Односторінковий макет

Ще один поширений спосіб, який застосовують дизайнери, щоб справити враження на відвідувача, полягає в тому, щоб використовувати, так звані односторінковий макети: макети, які весь зміст сайту поміщають на єдину сторінку. Це аж ніяк не означає, що ці дизайнери є прихильниками мінімалізму. Навпаки, подібні дизайнери часто прагнуть накопичилося вавилонську вежу інформації, що складається з важкої графіки, яскравих відео-ефектів і тому жахливо гальмують на повільних лініях.

Коли користувач клацає по якійсь із кнопок меню, то сторінка змінюється (частково) і там, де раніше знаходився якийсь контент, відображається новий. Для створення панелей навігації таких макетів, використовуються ефекти висунення і прокручування з поширених бібліотек JavaScript.

Головна перевага для користувача полягає в тому, що йому потрібно менше рухів тіла, щоб дістатися до необхідного контенту. Оскільки подібний підхід є досить новим, існує ймовірність того, що деякі читачі опиняться в замішанні, коли зіткнутися з незвичними механізмами навігації.

3. Багатостовпцеві макети

Макети з декількома колонками (більше трьох) не завжди є доречними. З іншого боку, при правильному використанні, багатоколоночних дизайн може по-справжньому полегшити відвідувачам перебування на сайті, оскільки надає (приблизно) більше інформації про те, які можливості приховані за конкретними пунктами меню і це дозволяє відвідувачам легше орієнтуватися на сайті.

В останні кілька років, ми спостерігали вибухове зростання самого різного контенту в Інтернеті, що викликало проблему дефіциту уваги, скорочення часу, який відвідувачі готові приділити сайту (докладніше можна прочитати в публікації на ReadWriteWeb). Не дивно, що дизайнери прагнуть відшукувати способи подавати інформацію, як можна більш компактно, щоб, тим самим, утримати відвідувачів на сайті, як можна довше і в той же час, допомогти їм якомога швидше знайти потрібний контент.

Одним із способів досягти цього, є використання макетів з декількома колонками, розташованими один за одним. Рішення цілком відповідне. В останні кілька років, роздільна здатність моніторів постійно зростає (хоча, широке розповсюдження нетбуків типу Eee PC компанії Asus може і вплинути на ситуацію), відкриваючи користувачам додатковий горизонтальний простір, а дизайнерам додатковий простір для роботи.

Результат: сьогодні все більше дизайнерів прагнуть використовувати максимальну кількість колонок. Ми спостерігаємо стійку тенденцію щодо, так званих, багатоколонних макетів, які часто представляють собою жорсткі макети на 850-1000 пікселів в ширину.

Багатоколонні макети використовується для оформлення журналів та портфоліо. Часто, щоб забезпечити структурний баланс, ієрархію і порядок, у цих макетах використовуються сітки.

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

Часто в цих цілях дизайнери вдаються до правила шнейдерман – «спершу, визнач загальну картинку, а потім обговори її подробиці» – насамперед пропонуючи користувачеві короткий огляд можливостей сайту, а подробиці надаючи щодо подальшого вимогу (яскравим прикладом подібного підходу можна назвати Mozilla Labs).

4. Насиченість ілюстраціями і високоякісної графікою

Будь-то домашня сторінка або професійний проект, ілюстрація стає настільки ж популярною у веб-дизайні, наскільки зараз є, яка домінує в ньому, друкарня. Дизайнери прагнуть виражати посил сайту за допомогою інтерактивних (відео-вставки) і графічних (ілюстрації та блоки вступів) елементів. Останнім часом, ілюстрації займають в оформленні значно більше простору, ніж раніше і звичайно є доповненням до, і без того химерною, друкарні, і, крім цього, вона стає більш помітною, більш проробленої і, таким чином, що більш запам'ятовується відвідувачам.

Іноді дизайнери вдаються до графіку, використовуючи її як фон, але також і в якості інших елементів. Застосовуються самі різні підходи: грандж, колаж і альбом, орнамент, ретро та акварель, органічні текстури і фото для фону.

5. Більше білого простору

Напевно, одним з найбільш передбачуваних, і в той же час вкрай вдалих, шляхів розвитку веб-дизайну в останні роки був шлях активного використання білого простору. Біле простір застосовується в оформленні багатьох сайтів і допомагає краще передати структуру сайту та його змісту.

По правді кажучи, ми ніколи раніше не зустрічали такої кількості відступів у блоках змісту і навігації. Відступи в 20-25 пікселів стають повсюдним захопленням і часто можна зустріти ще більш помітні відступи. Хочеться сподіватися, що ця тенденція стане правилом хорошого тону в оформленні сторінок.

6. Елементи «соціального» дизайну

Якщо ви знайомі з блоґосферою, то прекрасно знаєте, що мало блоґ не використовує які-небудь «соціальні» іконки чи соціальні блоки, що запрошують читачів розтрубити про прочитаної статті у всіляких соціальних мережах. Кожен автор любить трафік і визнання, що і