Рассматриваем основую терминологию Web UI. Знакомимся с типовыми шаблонами Landing, Dashboard, Cards, List. Изучаем различия резиновых и фиксированных макетов. Подбираем типовые ширины макета для адаптации под разные устройства. Введение в понятие компонентной сетки.

Курс - Основые UI/UX Дизайна для web: https://www.youtube.com/playlist?list=PLFXz29rxgxB7cYXcuU5cRoacaBJPSyy85
Курс - Основы Веб-программирования: https://www.youtube.com/playlist?list=PLFXz29rxgxB5Ba55WjG-etZ15T78sH5Ob

Содержание:
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 - Компонентные сетки в веб-макетах