Тренди веб-дизайну змінюються щороку. Якісь елементи відживають своє, а інші знову набирають популярності. Змінилася і сама роль сайту як платформи. Тепер сайт має чи не кожна компанія, бренд і магазин. Він створюється як візитівка, блог, каталог, інформаційний ресурс чи інше. А веб-дизайнер — одна із найпопулярніших і найбільш затребуваних професій останніх років. Простежимо історію розвитку цього напрямку людської діяльності.
З чого все починалося?
Перший сайт з’явився ще в 1991 році. Це була веб-сторінка без зображень, створена за стандартом HTML. Пізніші версії HTML дозволяли покращувати зовнішній вигляд, але про дизайн тут нема що сказати. Революційна поява Flash-анімації дозволила зробити віртуальну графіку інтерактивною, що перевернуло веб-дизайн з ніг на голову. На початку 2000-их з’явилася технологія CSS, яка дозволила розділяти контент і дизайн як окремі складові. Сайт наповнюють гіфками, фотографіями, візуально виділеними посиланнями, з’явилася можливість обирати колір і розмір шрифту.
На той час припадає і поява Javascript. Використовуючи цю мову програмування, дизайнери могли створювати анімацію без Flash, вираховувати дані. Завдяки Javascript з’явилися і стали популярними інтегровані меню, які випливали на екрані, елементи навігації почали рухатися на верх сторінки, в моду ввійшли блискучі кнопки, закруглені кути і градієнти. І основною ознакою появи цієї мови програмування є орієнтованість на користувача, а саме на створений ним контент: особисті профілі, фотоальбоми.
Поява перших соцмереж припадає на 2003–2005 роки. Саме тоді розвивається технологія Web 2.0, з’являються мультимедійні формати і дизайн у стилі глянцевого пластику.
Ера Flash закінчується з виходом HTML5. Завдяки йому тепер можна розміщувати динамічні відео та інший мультимедійний контент, не обтяжуючи при цьому сам сайт. Робота над стандартом HTML5 продовжується досі.
У 2010 році з’являється тенденція до мінімалізму, простоти і плоскості у веб-дизайні. Першими, хто створив сайт у такому стилі, стала компанія Apple. Цікаво те, що їхній сайт, який з’явився ще у 1996 році, завжди був наче першовідкривачем та створював тренди. З 1998 року структура сайту майже не змінилася, а акценти робили саме на продажах конкретних продуктів.
Тому й не дивно, що тренд на мінімалізм у 2010 підтримали і Microsoft, кардинально змінивши свій інтерфейс. Стають модними «плоскі» кольори і прості елементи. Це швидко підхопили всі, почалася ера мінімалізму, і не лише у веб-дизайні.
Від мінімалізму до екстремального мінімалізму
До 2020 року тренд на мінімалізм трансформувався і змінювався. Зараз повертається мода на «плоский» дизайн, проте з’являються hero-images (масштабні зображення чи фото), анімація та сміливі контрастні кольори. Головний акцент веб-дизайну зміщується. Тенденції взяли вектор мобільної адаптивності, іншими словами, mobile first. Зараз саме версія сайту для мобільних пристроїв є визначною.
Важливими елементами сучасного веб-дизайну стають: візуальний простір на сайтах, яскраві, сміливі кольори окремих блоків, темна тема, геометричні форми та сінемографи — фото чи ілюстрації з частковою анімацією.
Все нове — це часто забуте старе. Популярні на початку 2000-х кольорові градієнти знову стають трендовими, як і яскраві сміливі кольори. Тільки все це набуває тепер більш сучасної та мінімалістичної форми. Наприклад, неонові або інші кричущі відтінки першого чи другого планів служать для привернення уваги та запам’ятовування. Щоб дизайн буквально кидався у вічі аудиторії, дизайнери поєднують яскраві, дещо навіть футуристичні кольори.
Трендом стала і темна тема сайтів, застосунків та інтерфейсів. Її вже використовують для своїх продуктів Instagram, Apple, Android, Telegram. Виглядає мінімалістично, стильно і сучасно. Саме завдяки цій темі яскраві і світлі кольори проявляються по-новому, а різні дизайн-елементи стають ключовими, хоча при світлій темі вони були майже непомітні. Плюси темної теми є не лише в дизайні — це також знімає навантаження з очей, коли гаджет використовують в умовах низького освітлення, економить заряд акумулятора для OLED- і AMOLED-екранів.
Сміливість дизайнерів проявляється не лише у комбінуванні незвичних кольорів, а й у формі та наповненні. Гіфки відійшли в минуле, тепер трендом є часткова анімація. Відео-контент також віджив своє: через об’ємність відеофайлів сайти довго завантажувалися, тим самим втрачалася значна частка можливих покупців. Мікро-взаємодія анімації додає певної родзинки та активності сайту, дозволяє користувачу зрозуміти головну ідею продукту.
Окремо важливо виділити ілюстрацію та сторітелінг у веб-дизайні. Розповідь відіграє важливу роль у дизайні. Саме те, як легко і просто історія на сайті поведе за собою користувача, залежить, чи зрозуміє він ваш продукт і чи захоче його купити. Розповідь та ілюстрація є взаємодоповнюючими елементами у проєктуванні сайту. Якщо раніше достатньо були лише написати декілька статей про продукт, то зараз йому потрібно створити правдиву історію з емоційними прив’язками та якорями.
Все це приводить нас до того, що перш за все важливою є функціональність інтерфейсу. Кожен елемент підбирається залежно від його функції. Якщо дизайн привертає увагу, то функціональність спрощує роботу користувачам.
Автор: Лілія Галка
