Смотрите прямо здесь, на удобной скорости (кнопки под видео).
Скорость
Экран это не картинка, откуда ни возьмись появившаяся. Это конструктор. Начинаем с примитивов, кнопка, иконка, аватар, поле ввода. Из примитивов собираются функциональные блоки, шапка, карточка счёта, меню. Из блоков собирается экран. Так работают все дизайнеры и разработчики, это не ноу-хау, а принцип, как мы строим дом.
О чём урок
1
Три уровня сборки. Примитивы, функциональные блоки, экран. Как дом, фундамент, каркас, крыша, потом уже детали.
2
Пример банковского приложения. Роман разбирает пошагово, из каких примитивов и функциональных блоков он собран.
3
Три категории блоков. Стандартные (скелет), предметные (мышцы), уникальные (характер). У каждой своя роль.
4
Стандартные блоки. Шапка, навигация, подвал, поиск, форма, список, обратная связь. Есть у 99% продуктов.
5
Предметные блоки. Календарь, плеер, корзина, карта, отзывы. Зависят от типа продукта, определяют его сущность.
6
Уникальные блоки. Фишки-запоминалки. Пример игры в Яндекс.Еде. Не выдумывать ради того, чтобы были. Должны быть функциональными.
Что заберёте за урок
Понимание, что любой экран собирается из трёх уровней, а не рисуется целиком.
Каталог стандартных блоков, что обязательно есть у 99% продуктов.
Предметные блоки под ваш конкретный продукт, календарь, плеер, карта, корзина.
Разбор нестандартного блока. Игра в Яндекс.Еде как пример уникальной фишки.
Правило «функциональность важнее фишечности», уникальность ради уникальности не работает.
Готовая карта блоков для вашего проекта, с которой пойдёте собирать экраны.