+7(919)219-14-03
Звоните прямо сейчас
Материальный дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

Неоморфизм
Неоморфизм
Как перестать опаздывать
Как перестать опаздывать
Словарь веб дизайнера
Словарь веб дизайнера

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(14) "35.172.224.102" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "33c16f3ad6d1034ddd0f46fabbd2bc8e" }