+7(919)219-14-03
Персональный менеджер
Материальный дизайн

Материальный дизайн

Как тренд веб-дизайна 2020-2021 года

7 августа 2021 в 15:00

Примерно 3 года назад у нас в моде был плоский дизайн — флет. Для него характерны плоские элементы: нет никаких теней, градиентов, 3D, свечения, обводок. Дурным тоном было усложнять рисунок.

Из-за цикличности моды сейчас всё возвращается к материальному дизайну, который показывает, что объекты как будто находится в реальном мире. Такой эффект получается за счет градиентов, бликов, которые дают ощущение объема и теней.

Материальный дизайн

Например, на картинке кажется, что лист бумаги лежит сверху. Контраст идет на ощущениях. Одно дело, когда мы видим плоский монитор, экран телефона, и совсем другое — когда появляется ощущение, что над ними что-то есть. Такой эффект привлекает внимание, появляется контраст восприятия.

Еще несколько примеров материального дизайна:

Эффект вырезанной бумаги (papercut) — объекты как будто вырезаны из бумаги и наложены друг на друга. Этот тренд я не стал выделять отдельно, показываю как элемент материального дизайна. Смотрится очень необычно. Если добавить многослойность, то за счет правильных теней, градиентов, бликов создается нужный эффект.

Это еще неизбитый тренд в мире. Можно применять его как в полной мере, так и более сдержанно.

- ощущение трёхмерного объекта за счет правильных теней, градиентов, света. Это тоже относится к материальному дизайну.

- ощущение, что элементы парят в воздухе.

Материальный дизайн
Материальный дизайн
Материальный дизайн
Материальный дизайн

На рисунке скриншоты находятся где-то в другой плоскости, в отличие от основного экрана. И за счет этого они привлекают больше внимания.

Опять-таки мы видим градиенты, тени, лаконичные и сдержанные. Дополнительно сюда наслаиваются еще другие стили, цвета и летающие маленькие элементы от мемфиса, есть немного из неоморфизма и, конечно, материальный дизайн. Все это очень выгодно смотрится.

Материальный дизайн
Неоморфизм этот тренд мы разберем следующим. Подпишись, а то все пропустишь.


Подарок внутри! Подписка на обновление блога по Web-дизайну.
Бесплатный подарок для подписчиков нашего блога->
Курсы по Веб-дизайну!
* Поля, обязательные для заполнения
Нажимая "Подписаться", Вы принимаете условия обработки персональных данных.
Теги: Web-дизайн

Другие статьи блога

Заказать лендинг в Минске
Заказать лендинг в Минске
Геометрические конструкции "Нео-гео"
Геометрические конструкции "Нео-гео"
Продвижение сайтов в Курске
Продвижение сайтов в Курске

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "107.21.85.250" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "11041701be987a779aab038701091a81" }