Що таке Flat дизайн? Увімкніть ноутбук і подивіться на інтерфейс Windows 8. Microsoft Metro — це і є класичний зразок плоского користувача інтерфейсу.

Flat дизайн або сучасний підхід до дизайну сайтів

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

Кому це потрібно?

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

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

Інфографіка

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

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

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

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

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

Чому Flat дизайн краще

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

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

На жаль, світом правлять не художники і поети, а політики. Сьогодні американці припинили обслуговувати кредитні картки Visa та MasterCard. Сотні тисяч вкладників опинилися без коштів. Дехто не зміг повернутися додому з далеких країн. Де гарантії, що вже завтра не перестануть працювати наші сайти на серверах WordPress?

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