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

1. Материальный веб-дизайн

МАТЕРИАЛЬНЫЙ ВЕБДИЗАЙН
Выполнила: Ларченкова И. А
Группы: ДЗГбзу-15-1
Проверила: Лукина О. Г

2. Пример элементов сайта сделанного с привлечением агентства Хьюдж

ПРИМЕР ЭЛЕМЕНТОВ САЙТА СДЕЛАННОГО С ПРИВЛЕЧЕНИЕМ АГЕНТСТВА
ХЬЮДЖ

3. Пример элементов сайта сделанного с привлечением агентства Хьюдж

ПРИМЕР ЭЛЕМЕНТОВ САЙТА СДЕЛАННОГО С
ПРИВЛЕЧЕНИЕМ АГЕНТСТВА ХЬЮДЖ

4.

Дизайнерский тренд скевоморфизма в
оформлении меню смартфона
После долгих лет взаимодействия с
цифровым миром для многих пользователей
реалистичность сенсорных кнопок теряет
свою актуальность.

5.

Пример насыщения графики
Насыщенная цветовая палитра, четко
прорисованные границы изображений,
заметная типографика и белый фон помогают
создать захватывающий пользовательский
опыт.

6.

Пример расположения
интерактивных объектов

7. Объекты, имеющие прозрачные материалы с градиентом, не отбрасывают теней.

ОБЪЕКТЫ, ИМЕЮЩИЕ ПРОЗРАЧНЫЕ МАТЕРИАЛЫ С ГРАДИЕНТОМ,
НЕ ОТБРАСЫВАЮТ ТЕНЕЙ.

8. один пример игры на пропорциях. Крупный шрифт и большая картинка сайта Unlisted Collection переводят наш взгляд вправо.

ОДИН ПРИМЕР ИГРЫ НА
ПРОПОРЦИЯХ. КРУПНЫЙ ШРИФТ И
БОЛЬШАЯ КАРТИНКА САЙТА
UNLISTED COLLECTION ПЕРЕВОДЯТ
НАШ ВЗГЛЯД ВПРАВО.
The Peach Design — вот яркий
пример создания акцента с
помощью различия в размерах
элементов.

9.

Сплющивание и растяжение
Сплющивание и выявление и всплывание

10. Варианты выделения объекта светотенью

ВАРИАНТЫ ВЫДЕЛЕНИЯ ОБЪЕКТА
СВЕТОТЕНЬЮ

11. Пример теней функциональных объектов с их привязкой

ПРИМЕР ТЕНЕЙ ФУНКЦИОНАЛЬНЫХ ОБЪЕКТОВ
С ИХ ПРИВЯЗКОЙ

12.

Ускоренный сайт с адаптивным дизайном

13.

Шрифты Roboto и Noto для
Android и Chrome OS