Дизайн мобильных приложений в Figma. UX/UI дизайн приложений

В этом уроке сделаем классный шот в портфолио по UX/UI дизайну мобильных приложений для Dribbble или Behance. Это приложение мы дизайнили на одном из марафоном по дизайну приложений. Чтобы не пропустить следующие — залетай по ссылкам внизу.

🔹 Ссылки из видео:

🔹 Навигация по видео:
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 и компоненты. Чтобы не удлинять урок, работу с компонентами разберём в отдельных видео:

#figma #ux #ui

[Аленка-мо]

Пол дня сижу- не могу оторваться. Браво! Только по делу, вообще без воды. Но, лично мне ну чуть-чуть по медленнее))) Я не тормоз, но как новичку тяжеловато вникать. А так с удовольствием смотрю, вникаю, записываю, плагины устанавливаю!! Спасибо Вам за Ваш труд!!

[wanderfull]

Как я рад что ты вернулся к этому. Следующие несколько часов пройдут очень интересно и полезно 🔥

[stavrovnick]

Спасибо большое за урок! Это гениально ❤️

[rina_kay]

Потрясающий урок! Раньше я смотрела видео по Фигме из серии: что за кнопки, где и что находится, для чего нужно, но без практики в одно ухо влетело, в другое вылетело. Поняла, что это не дело, нужно просто открывать урок «Создаем что-либо в Фигме» и повторять. Скажу сразу: было нелегко. Мне понадобилось не 25 минут, чуть поболее, но все получилось) Иногда приходилось отматывать, пересматривать. Сложность еще была в том, что у меня мак и шорткаты отличаются от винды, часто тупила, что и для чего, что тоже отнимало время, но все получилось)

P. S. до этого урока в Фигме ничего не делала ВООБЩЕ.
P. S.2. Запишите, пожалуйста, еще подобные уроки)

[greytea]

Спасибо большое за качественный урок. У меня все получилось пошагово сделать. Желаю большого развития вашему каналу!

[vikii_ivanova]

огонь! спасибо за разбор и доступ к материалам!

[Elizabeth-zrdj]

Огромное спасибо за урок!
Было очень полезно. Хотелось бы больше таких видео🔥
Они очень помогают в развитии навыков

[timofeyas]

Спасибо, это было не только полезно, но и залипательно. Зашла взять какой-то пример для вдохновения в варфреймах, в итоге прошла все этапы лёгкого и удобного дизайна. 😁

[FORSX]

Отличный темп, без воды и это супер, молоток. Карточку я бы сделал с автолаяутом чтобы высота была автоматическая и еще один автолауют чтобы между карточками был одинаковый отступ на автомате

[Олеся-юэч]

Спасибо большое за урок. Очень интересно, понятно и без воды🔥🔥🔥

[tretyakova_design]

Спасибо Саня!!! От души😁 Потренила, очень помогает отрабатывать скорость, чёткость и мышление. То есть, я прежде чем делать уже прокомментировала себе где и какие техники используются и потом просто проверяла права ли я) ну и респект за такую идею в целом!!!

[leralymar]

Спасибо большое за видео! Отметила для себя много полезных фишек)

[alisazhuravleva]

Спасибо за урок🔥 С радостью замечаю, что в процессе всё реже приходится ставить видео на паузу 😃

[Vffhb]

Спасибо за урок! Работка в Фирме, все понятно) Но смотрела на скорости 0, 75 )

[deportivoatleto]

спасибо автору канала, мега позитивный и поясняет граматно:)

[АнастасияКазакова-йр]

Спасибо! мне как новичку очень понравилось это лучшее что я находила!!!

[hollaOlga]

спасибо за урок и за сиходные материалы!

[vvtory]

Спасибо большое за такой полезный урок!❤

[vilen_polina]

Спасибо большое! Много нового для себя узнала)

[nosikalena]

Супер, сделала за 1, 5 часа. Спасибо за инфогрмацию. Пишите кто за сколько времени повторил, интересно посмотреть