Flat дизайн или современный подход к дизайну сайтов

Что такое Flat дизайн? Включите ноутбук и посмотрите на интерфейс Windows 8. Microsoft Metro – это и есть классический образец плоского пользовательского интерфейса.

Впервые в интернете заговорили о Flat User Interface, когда вышла пресловутая Восьмерка. И если с последней все еще ничего не ясно, то, с подачи майкрософтовских дизайнеров, Flat UI прочно вошел в индустрию веб-разработки в качестве новейшего модного тренда.

Кому это нужно?

А вы не забыли о смартфонах и планшетах? Маркетинговая статистика показывает – сегодня много больше половины пользователей заходят на сайты именно с мобильных устройств. Не говоря уже о eCommerce – порядка 70% всех покупок в интернете совершаются с переносных девайсов.

Ставший уже привычным графический псевдо-трехмерный интерфейс не годится для небольших сенсорных экранов. Требуется универсальное дизайнерское решение. Вот почему в современных условиях разработка сайта ведется одновременно в двух направлениях – для стационарных и мобильных компьютеров.

Инфографика

Для смартфона и планшета необходимы четко очерченные силуэты, с разборчивым текстом. Плоский дизайн можно назвать гибридом инфографики и типографики. Информация подается не столько словесными описаниями, сколько интуитивно-понятными визуальными образами.

Инфографика чем-то напоминает популярные в Северной Америке комиксы. Последовательность картинок с минимальным сопроводительным текстом. Что-то такое происходит и с Flat интерфейсом – пользователь должен все понять по одним только изображениям, поскольку читать на миниатюрном экране, да еще в качающемся транспорте, довольно трудно.

Визуальные образы воспринимаются мозгом в 50 раз быстрее текстовой информации.

Одним из базовых элементов плоского дизайна является конкретная цветовая схема. И в этом прослеживается четкий маркетинговый след. Психологи утверждают, что цветовые решения оказывают мощнейшее влияние на уровень конверсии.

• Красный цвет активизирует физиологические процессы и возбуждает. Вот почему в супермаркетах активно эксплуатируются оттенки красного с целью увеличить продажи.
• Розовый соответствует романтизму и нежности. Продаете женскую одежду и белье? Окрасьте стены модного бутика в Pink.
• Зеленый успокаивает, вызывает доверие. Вы заметили, что в банках очень много зеленого?
• Синий способствует мышлению и пониманию сложных вещей. Рекомендовано к применению в книжных магазинах и техномаркетах.

Почему Flat дизайн лучше

На небольших сенсорных дисплеях объемные формы, визуальный шум и масштабируемые тени затрудняют восприятие и собственно сенсорное управление – гораздо удобнее тыкать пальцем в четко очерченный, контрастный силуэт, чем в аморфные структуры. Так ведь можно и не туда нажать – риск подписаться на короткий номер и потерять все накопленное непосильным трудом! Наконец, это просто модный тренд.

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

К сожалению, миром правят не художники и поэты, а политики. Сегодня американцы прекратили обслуживать кредитные карты Visa и MasterCard. Сотни тысяч вкладчиков оказались без средств. Кое-кто не смог вернуться домой из далеких стран. Где гарантии, что уже завтра не перестанут работать наши сайты на серверах WordPress?

Вот почему нужно выводить деньги из офшоров, а сайты публиковать на местных хостингах. Разработка сайтов в Санкт-Петербурге, Москве или другом городе РФ – отличное решение для эффективного и безопасного бизнеса в стремительно меняющемся, непредсказуемом мире.