В этом уроке сделаем классный шот в портфолио по UX/UI дизайну мобильных приложений для Dribbble или Behance. Это приложение мы дизайнили на одном из марафоном по дизайну приложений. Чтобы не пропустить следующие — залетай по ссылкам внизу.
Ссылки из видео:
— Марафоны в ТГ:
t.me/study_kvo— Марафоны в ВК:
vk.com/study_kvo— Саня Кво в Инсте:
@sanya_kvo— Исходники из урока:
design-figma.ru/md/youtube_files— Курс по UX/UI дизайну:
sanya-kvo.ru/uxuiНавигация по видео:
00:00 — Начало урока
00:25 — Как скопировать исходники
02:20 — Дизайн фильтров категорий через Auto Layout
06:16 — Дизайн карточки
10:28 — Наполнение остальных карточек
12:27 — Дизайн навигации Tab Bar
13:50 — Применение эффекта Background Blur
15:16 — Дизайн второго экрана приложения
16:40 — Дизайн блока с видео через Auto Layout
18:36 — Дизайн тегов через Auto Layout
22:40 — Кнопка
22:55 — Лайфхак с изменением непрозрачности слоя
22:37 — Финальный финал
Кстати, несмотря на то, что мы дизайним два экрана, даже на них можно обкатать работу со стилями в Figme, Auto Layout и компоненты. Чтобы не удлинять урок, работу с компонентами разберём в отдельных видео:
—
Компоненты часть 1—
Компоненты часть 2