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

vintage

Реалістичний веб-дизайн, скеуоморфізм

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

Веб 2.0 стиль

З появою Windows Vista використання стільникових кнопок та ефектів скла на веб-сайтах також швидко зросло. Стиль Web 2.0 найкраще характеризується глянцевими блискучими кнопками, закругленими кутами та відбиттям світла. Крім того, на такому веб-сайті зазвичай можна знайти градієнти, блики та прогнозовані тіні. Роль кольорових значків, значків, табличок та інших графічних елементів, які виділяються із вмісту, полягає у тому, щоб закликати до важливої ​​інформації, такі як акції, ціни, послуги, знижки. Стиль також характеризується зі смаком розділеним колонтитулом та/або колонтитулом.

Вінтаж, ретро-стилі

Гранж стиль

Еквівалент пошарпаного, рваного, стилю хіпі, веб-дизайну, схожого на графіті. Існує якась похоть, відчуття свободи, саме тому веб-сайти для молоді - напр. рок-групи, паби, тату-салони - це дійсно підходить. Фони пошарпані, строкаті, а відмітна палітра складається з земляних тонів, можливо, з одним яскравим кольором лідера. Основна відмітна риса - неправильний, брудний, розмитий фон, найчастіше на основі якоїсь природної фактури: каменю, цегли, паперу, полотна тощо. У більшості випадків основою стилю гранж є тьмяні кольори, коричневий, бежевий, сірий або чорний. Крім того, використовується один або два яскравих кольори акценту. Дизайн часто перекидається мальованими елементами, що робить все це вражаючим та художнім.

Мінімальний дизайн

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

Плоский дизайн

Матеріальний дизайн

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

Квартира 2.0

Спочатку квартира відкидала все, що було характерно для скеуоморфізму, однак через кілька років дизайнери почали переправляти звідти деякі прикраси, а також підбирати інші предмети для поліпшення зручності використання. Графіка відображає вогні, тіні та градієнти, роблячи зображення більш яскравим. В результаті незначних змін, квартира стає трохи більш грайливою. Так з’явився «майже плоский», який можна назвати плоским 2.0.

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