Статті
Яким був вебдизайн у 2020 році
Тренди змінюються не настільки часто, як про них пишуть
10 грудня, 2020
Ярослав Леоненко
Дизайнер, ex Art Director у The23

2020-й — рік-несподіванка, рік імені всіх інтровертів, найгірший рік в історії за версією журналу Time. Чи був у 2020-му вебдизайн, на який ми заслужили? Ярослав Леоненко каже, що вебдизайн цього року і не проривний, і не катастрофічний. Тренди, закладені в минулих роках, продовжували розвиватись. Знайшлось місце і для мінімалізму, і для яскравих кольорів і для акцентів на типографії, і для 3D. Якісний дизайн так само лишається в тренді, і це головне.

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

Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image

Хтось почне кричати — «вони однакові!». Кожен з цих дизайнів, по своєму цікавий.

Кольори

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

Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Типографія

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

Також часто цього року зустрічався прийом з розміщенням картинок всередині текстового блоку. Виглядає цікаво і допомагає краще передавати сенс прочитаного.

Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image

Якщо ви затятий прихильник чогось одного, UX або UI, то ви не робите хороший дизайн, ви удаєте, що робите хороший дизайн.

3D та інші інноваційні технології

3D використовували в сайтах ще частіше. Технології створення та впровадження стали доступнішими, більше дизайнерів та ілюстраторів освоїли 3D редактори, чи то Blender, чи 3DMax або ж Cinema4D. І не важливо як 3D власне потрапить на сайт — за допомогою WebGL, Lottie Animation, Sequence, у формі відео чи простої картинки з паралаксом — виглядає це круто. Технології доповненої реальності, захоплення руху й ігрові прийоми можуть дозволити собі не всі. Але вони активно тестуються і потроху впроваджуються, особливо в додатках.

Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image

Раджу дивитися в бік технологій, навіть якщо ви поки що не використовуєте їх у своїй роботі. Тримайте руку на пульсі. Я б радив вивчати їх і розбиратися в 3D редакторах і Shark AR.

Tilda змінила ринок

Наразі Tilda ​— найпопулярніший конструктор сайтів на території колишнього СНД. Що швидше розвиватиметься платформа, що зручнішою і просунутішою ставатиме, то більше клієнтів і фахівців переходитимуть на її використання. За власною волею чи за наказом ринку. Окрім того, скоро з’явиться унікальне розширення ANNEXX, для роботи в Zero block — туди додадуть багато того, чого раніше не вистачало дизайнерам.

Мінімалізм

«Мінімалізм», «міні-мінімалізм», «ультра-мінімалізм», «мульти-мінімалізм». Досить «мінімалізм» подавати як тренд. Це давно вже звичні речі для нормального акуратного дизайну.

Те, що економить час і гроші

Часто буває, що статична картинка має зрозумілий і працездатний вигляд, але на практиці не працює. Бо людський мозок не може утримати велику кількість інформації й ідеально продумувати складні процеси. У 2020/2021 дизайнер зобов’язаний володіти навичками, які допоможуть йому оживляти свої інтерфейси, тестувати та виявляти проблеми ще до того, як все піде в реалізацію, і компанія чи клієнт витратять гроші. Figma, Sketch, Framer X, Origami Studio, InVision, After Effects, Principle — до вашої уваги.

Незвичайний захопливий контент

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

Дуже цікаво спостерігати, як дизайнери експериментують, створюють щось незвичне. Але багато з таких незвичних сайтів користувачі не розуміють. Ці витребеньки часто заважають, і добре, якщо юзеру «ну нормально». Це прокляття надивленості дизайнерів, а також бажання зробити крутіше, ніж минулого разу чи краще, ніж інші. Варто старатися робити круто і робити для людей. Якщо є бажання ставати кращим, потрібно братися за те, чого не вмієш і вирішувати завдання, для яких потрібні нові знання. Розвиток і вивчення нового — найкращий тренд будь-якого року.


Telegraf.Design живе за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.

avatar
Ярослав Леоненко
Дизайнер, ex Art Director у The23
Колонка

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