Тема 4. Стилі веб-сайтів

1. Класичний стиль

Найбільш затребуваний в веб-дизайні - класичний стиль.

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

1. Чітка структура

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

2. Увага на логотип.

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

3. Нейтральні кольори

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

2. Стиль web 2.0.

Як приклади сайтів, представників стилю Web 2.0, можна назвати такі добре знайомі назви, як Youtube, Twitter, Facebook, Myspace. Це приклади великих соціальних мереж, які об'єднують мільйони користувачів по всьому світу.

У цій добірці, підготовленій Yourinspirationweb , ми звернемо увагу саме на графічну складову, на підставі якої можна віднести веб-сайт до стилю Web 2.0.

1. Простота і легкість.

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

2. Закруглені кути

Web 2.0 надає перевагу плавним вигинам у вигляді округлих і м'яких форм. Виглядає симпатично і не так жорстко, як прямокутні краї.

3. М'яке світіння

Дуже успішно використовується локальне м'яке світіння для того, щоб привернути увагу до певної області на сайті.

4. Активний, живий колір

Особливо популярні світло-блакитний і зелений відтінок. Для фону використовуються переважно пастельні тони, а для акцентів на значущі елементи - активні, живі кольори.

5. Відображення й тіні

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

6. Призовні кнопки

Завдання такої кнопки - спонукати користувача вчинити будь-яку дію. Тому важливо, щоб кнопка привертала увагу.

7. Симпатичні іконки

Як правило, іконки використовують для ефективної візуалізації предметів або дій. Плюс це ще й прикраса для сайту.

8. Чітке, строге лого

Логотип, написаний чітким і строгим шрифтом, плюс зовсім невеликий візуал - таким чином користувачеві передається тільки потрібна інформація.

3. Стиль гранж

Гранж - один з найкреативніших та кумедних стилів у веб-дизайні. Він дає широкі можливості для експерименту, пробувати різні графічні елементи, і при цьому немає необхідності дотримуватися строгих форм і правил. Дизайнери з Yourinspirationweb розглянули 4 основних складових стилю гранж. Саме наявність одного або декількох таких елементів і визначає приналежність до цього стилю. Розглянемо їх по порядку.

1. Гранжева палітра кольорів.

В гранжевім дизайні живі і динамічні кольори, як правило, замінюються на більш приглушені і матові. Типові кольори - це бежевий, коричневий, чорний і сірий. Гранж уникає пастельних тонів, а також типових кольорів стилю Web 2.0.

2. Текстура і візерунки.

Можна сказати, що це основоположний елемент для стилю гранж. Для бекграунду використовуються різні «неохайні» візуальні елементи, як то зображення сталевої арматури, розірвані джинси, дерев'яні поверхні, а також поверхні з різними шумами і потертостями. Тут величезне поле для експериментів. Головне, щоб це було доречно.

3. Реалістичні деталі.

Гранж, як і стиль hand made, має слабкість до всякого роду рукотворним штучкам. Це можуть бути стікери, полароїдні знімки, обривки паперу, шматочки канцелярського скотча, скріпки. А також такі елементи, як ляпки, плями, бризки і розводи на поверхні.

4. Гранжеві шрифти.

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