Л Е НІ

Л Ю Б
О Ї У Н Д ІВ
М Т Р Е
-8 У
ТОП ИЗАЙН
Е Б -Д
В КЛ А
С
Н А 10-А
І ЄВ А ІН
ЛАК
1 Синемаграфіка, що походить від звичайних
фотографій, встигла стати одним з найбільш популярних
варіантів використання анімації. На синемаграфи цікаво
дивитися — саме тому вони приваблюють увагу.
Яскравим прикладом їх використання є сайт Ann Street
Studio (http://annstreetstudio.com/2013/09/02/butterfly/).
Зізнайтесь, повільний рух метелика та плавне
мерехтіння свічки змусило вас хоча б декілька секунд не
відривати очей від екрану. В цьому і полягає
призначення сінемаграфів — дивлячись на них,
користувачі довше перебувають на вашій сторінці.
2 Фонові анімації та відео набирають популярність. Це й не дивно. Якщо у користувача
є вибір — читати про особливості вашого продукту, або подивитись короткий ролик, як ви
думаєте, що він обере? Саме так, більшість користувачів захочуть переглянути відео. Це
легко довести на прикладі сайту Bukwild (
https://talentscollection.com/uk/materials/show/trendi-veb-dizaynu-2017)
3 Анімовані іконки або
графічні елементи також
можуть швидко привабити увагу
ваших відвідувачів. Цей ефект
особливо підходить для веб-сайтів з
довгою прокруткою (наприклад, сайт
Upturnhttps://www.upturn.org/ ).
4 Ще одна незвичайна ідея анімації —

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

(
https://talentscollection.com/uk/materials/show/trendi-
veb-dizaynu-2017
)
5 Модульні або карткові
шаблони.
Науковці стверджують, що мозок людини

може оброблювати лише до 9 (!) блоків

інформації. Тож, чому б не створити легко

керовані інформаційні блоки та привертати

увагу відвідувачів за допомогою модульних

або карткових дизайнів, як ось цей онлайн

путівник Visit London?

https://www.visitlondon.com/#Ryz8PbBvdv6
QQOSx.97
6 Асиметрична сітка дозволяє
розташувати фото та текстовий контент

усередині одного блоку, створюючи

ефект єдиної композиції, за рахунок

чого покращується сприйняття

Незважаючи на переваги цього

тренду, його потрібно використовувати

в міру, чергуючи симетричні та

асиметричні сітки та відстежуючи

врівноваженість композиції не тільки в

блоках, але й у межах усього сайту.

https://rino-pelle.com/
7 Мінімалізм
Досі залишається трендом, особливо в
галузі електронної комерції. Мінімалізм
вітається у всьому: у шрифтах,
фотографіях і навіть у контексті. Люди
втомились читати, їм потрібний релакс,
візуальне естетичне задоволення.
Основний посил: якнайменше деталей і
більше вільного простору.
https://sukinnaturals.com/products/hydrating-s
hampoo-500ml-hair-care
8 Градієнти
Свіжі кольори – ідеальний вибір для вдалого градієнта.

https://www.behance.net/gallery/84951725/Paul-Ilea-Film-Score-Composer-Producer-DJ-Perfo
mer
ДЯКУЮ ЗА УВАГУ!