UI Дизайн веб-страниц. Типовые макеты Landing, Dashboard, Cards/List layout. Пороги адаптации ширины
Рассматриваем основую терминологию Web UI. Знакомимся с типовыми шаблонами Landing, Dashboard, Cards, List. Изучаем различия резиновых и фиксированных макетов. Подбираем типовые ширины макета для адаптации под разные устройства. Введение в понятие компонентной сетки.
Курс - Основые UI/UX Дизайна для web: • Основы UI/UX дизайна
Курс - Основы Веб-программирования: • Web-программирование - Семестр 1
Содержание:
00:00 - Вступление
00:28 - Типовые виды шаблонов макета (Landing, Dashboard, Cards и т.д.)
07:45 - Структура шаблона страницы: Header, Footer, Main content
12:05 - Типовые разрешения экранов и типы устройств
16:30 - Способы адаптации макета под разные ширины (резиновый, колоночный)
26:30 - Пороги адаптации макетов
31:00 - Примеры макетов Figma, которые учитывают ширину экрана
39:25 - Примеры макетов Photoshop
41:10 - Компонентные сетки в веб-макетах
