Основні стилі веб-дизайну, блог алексея Фомічова

Основні стилі веб-дизайну, блог алексея Фомічова
Починаючи свій шлях в якості розробників сайту, багато початківці задають мені питання, що стосуються дизайну сайту. Сьогодні я починаю ряд публікацій на цю тему.

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

Які перші думки у вас виникають при слові веб-дизайнер?

Я думаю і, напевно, не помилюся в 90% випадків, це людина яка малює сайт. Насправді це не так. В англомовному секторі Інтернету - це людина, яка проектує, створює, верстає в HTML. Чому в Runete багато хто думає, що веб-дизайнер займається тільки графічною оболонкою сайту, - я не знаю, хоча сам колись думав так само.

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

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

Простежуючи розвиток сайтів в Runete, дивуєшся різноманітності і в деякому роді недосконалості багатьох сайтів, так як вони створені любителями. Хоча це не заважає цим сайтам бути популярними.

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

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

Тому будемо розбиратися разом. Мені здається все, що притаманне дизайну в звичайному житті, притаманне і веб-дизайну. Як ви розумієте в дизайні існує дуже багато художніх напрямків починаючи від романського стилю (10 - 12 століття) і закінчуючи постмодернізмом кінця 20 століття.

Я ж хочу виділити для вас кілька напрямків (стилів) в інтернеті, які успішно використовуються: мінімалізм, інформаційний дизайн, дизайн в бізнес-стилі, промостіль, Веб-2, дизайн в стилі флеш. У всіх цих стилях можуть бути використані і художні напрями дизайну. Кожен з цих стилів успішно застосуємо і розширено багатьма професійними дизайнерами.

Хочу привести ряд сайтів, які відповідають цими напрямками.

www.lenta.ru - новинний портал Lenta.Ru

Дизайн в стилі Веб-2

Дизайн в стилі флеш

Давайте розглянемо кожен з цих напрямків окремо.

Дизайн в стилі мінімалізму

Основи мінімалізму зводяться до мінімуму використовуваних засобів при створенні сайту.
Простота і логічність - ось основа мінімалізму.

Що визначає даний напрямок:

1. Білий фон, чорний текст.
2. Відмова від графіки.
3. Присутність обмеженої кількості шрифтів (максимум 2).
4. Мінімальна оформлення: піксельні значки, тонкі лінії.
5. Текстова навігація.
6. Ретельна робота над контентом, так як кількість інформації на сайті величезна.
7. Чітка модульна сітка (кожен з блоків розміщений з урахуванням юзабіліті).

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

Бізнес-стиль прийшов до нас «з-за бугра» і служить для продажу будь-якого товару або послуги.

Дизайн в стилі Веб-2

Веб-2 новий напрямок в дизайні сайтів. В основному це поняття виникло в результаті виходу статті Тіма Про Рейлі, в якій він описав розвиток великого числа сайтів об'єднаних деякими загальними принципами і технологіями.

Що передувало розвитку Веб-2:

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

Що визначає дизайн Веб-2:

Дуже цікавий стиль, в якому проявляється весь талант і професіоналізм дизайнера. Він спрямований на створення дуже барвистих сайтів, напрямок яких - презентація товару або послуги.

Промостіль і презентаційний дизайн нерозривно пов'язані.
Що визначає такий дизайн:

Дизайн в стилі Флеш.

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

Можна виділити наступні характерні напрямки, в яких працюють дизайнери:
- мінімалізм;
- футуризм;
- інтерактивний журнал.

Що стосується взаємодії з відвідувачами, то розділяють флеш-сайти на:
1. Статичні
2. Сайти більш-менш живі
3. Динамічні сайти (живі сайти)

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

Схожі статті