Статті
Скевоморфізм у дизайні: живий чи мертвий?
Звідки взявся скево, як опинився в дизайні та чи застосовується досі
27 березня, 2019
Олексій Чернов
Арт-директор
Ми любимо тексти без помилок. Якщо ви їх знайшли, виділіть фрагмент і натисніть Ctrl + Enter.

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

Читайте також: 5 маловідомих ресурсів для саморозвитку дизайнера.

Історія сходження

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

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

Дизайн калькулятора в першій iOS. Зображення: appleinsider

У веб-дизайні навпаки: скево зійде на трон ще не скоро. Аж занадто багато обмежень цьому перешкоджало. То малюнків не повставляти через обмеження, то флеш заб’є все анімацією. Розквітом же скево в інтерфейсах та в інтернеті можна вважати 2006-2008 роки, коли зародився дизайн мобільних інтерфейсів. Там скево пробув аж до 2013-2014 року, сидячи на троні як єдиний можливий варіант.

Приклад сайту в скево. Зображення: tavry

Історія поразки

У 2013 році на п’яти скево починає наступати плаский дизайн і мінімалізм. Замість скляних іконок і тяжких шапок, які повторюють дерев’яні вивіски магазинів, – плоскі квадратні кнопки, ніяких тіней. Поле для роботи дизайнера стає покресленим прямокутними сітками, строгість практично у всьому. Текст, зображення, кнопка. Текст, зображення, кнопка. І так із сторінки в сторінку, із додатка в додаток.

Приклад сайту в стилі Flat. Зображення: www.kasper.by

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

Робочий стіл iOS у скевоморфізмі та флеті (зліва направо). Зображення: iphones

Заміна на час. Змішання жанрів.

Уже в 2014 році з’являється «Матіріал дизайн» від компанії Google. Він починає не просто конкурувати з флет, а витісняти його, причому досить сильно. Екосистема Google за наступні пару років примудриться не просто практично вбити плоский дизайн, а й насадити свою екосистему майже по всьому світу.

З «Матіріалом» Google приносить нові правила. Відтепер існують поняття про цифровий папір і цифрові чорнила. Знову приходять тіні, що дають відчуття взаємодії з реальним предметом, а не просто з прямокутником. У папері є свої правила. Тепер він обмежений рамками телефону, а отже це ще один крок до відродження скевоморфізму.

Приклад слоїв у Material Design. Зображення: mirowo

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

Приклад дизайну сайту в семі-флет. Зображення: theultralinx.com

Де ти був, скево?

Десь півроку тому з одним із колег мова зайшла про циклічність у світі дизайну. Зазвичай короткий термін у моді це 4 роки, а потім починають відбуватися зміни: щось старе, але в новій формі. У цей же час я вирішив з’ясувати, як там скево, чи живий? Найсмішніше, що думав я про це, сидячи перед монітором, на якому були відкриті «Цифрова музична студія» і з десяток плагінів під неї. Я зрозумів, що скево не тільки нікуди не йшов, а ще й не на жарт розвивався всі ці 4 роки. Я почав шукати інформацію на цю тему.

Приклад інтерфейсу програми BiasFX2 у скевоморфізмі. Зображення: www.pluginboutique.com

Приклад інтерфейсу програми BiasFX2 у скевоморфізмі. Зображення: ask.audio

По слову «скевоморфізм» україномовний Google видає всього 2-3 статті про його відродження, а все інше – радість від того, що він загинув. В англомовному секторі все зовсім по-іншому. Пишуть про його відродження, пророкують йому повноцінне повернення з 2019 року. Скево за цей час навчився бути гарним, мінімалістичним, що не напружує, але таким же глянцево привабливим. Як говорив Джобс: «Іконку має хотітися лизнути». Просто погляньте, як всі ці 4 роки виглядали деякі інтерфейси.

Приклад інтерфейсу програми Guitar Rig 5 у скевоморфізмі. Зображення: articulo.mercadolibre.com

Приклад інтерфейсу програми Kontakt 5 у скевоморфізмі. Зображення: articulo.mercadolibre.com.ve

Приклад елементів у скевоморфізмі. Зображення: dribbble.com

Приклад елементів у скевоморфізмі. Зображення: www.dtelepathy.com

Веб та «інтернет речей», які відродили скевоморфізм

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

Приклад інтерфейсу Apple watch. Зображення: golos.ua

Далі ж все максимально ясно. У веб дуже проникає 3D – це скевоморфізм. Розвивається доповнена реальність. Це теж плюс до скево. Ми знову хочемо бачити у себе інтерфейси, схожі на оточуючі нас предмети. Ми так влаштовані, так інтуїтивно зрозуміло. Нам подобається, коли в електронній книзі можна перегорнути сторінку. До речі про книги: погляньте, як прекрасно скево влився в Google books і дизайн Apple books.

Приклад інтерфейсу з елементами скево в iBooks. Зображення: iphoneparadise.com

Що хочеться сказати?

Здається, скево дасть відмінний копняк всій індустрії. Тому що це дозволяє не тільки зробити інтерфейси більш звичними, але і розширити кордони, створювати більш масштабні і прекрасні сайти. Дасть більше простору для дизайну в цілому. Розробників це підштовхує розробляти нові технології в Web, 3D, AR, VR – і все це тільки тому, що ми знову хочемо бачити більш «справжні» інтерфейси. Якщо не відчувати, то хоча б бачити текстуру паперу, на якій ми читаємо, і стрілки на годинниках. Так що удачі тобі, Скево. А я піду зроблю якийсь скевоінтерфейс для вебу.


Раніше Telegraf.Design розповідав, які подкасти будуть цікаві дизайнерам.

avatar
Олексій Чернов
Арт-директор
Колонка

У нас є ще дещо для вас

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: