udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
3 ч 55 мин
Категория
FigmaКоличество уроков
42 Видео
Дата добавления
29 апр. 2020 г., 18:18
Язык
Английский
Дата выхода
15 мар. 2019 г., 21:15
Дата обновления
29 апр. 2026 г., 07:40
Освойте Figma с нуля и научитесь создавать современные, удобные и визуально привлекательные мобильные приложения. В этом курсе вы шаг за шагом разберёте процессы UI/UX-дизайна, научитесь работать с инструментами Figma и создавать полноценные прототипы, готовые к презентации клиентам или разработчикам. Figma — это гибкий онлайн‑сервис, который стал стандартом индустрии благодаря своей кроссплатформенности и мощным возможностям для командной работы.
Что вы изучите в курсе
Курс помогает быстро освоить интерфейс Figma и разработать собственные проекты, используя продвинутые возможности инструмента. Вы узнаете, как создавать адаптивные интерфейсы, компоненты, дизайн‑системы и интерактивные прототипы, которые выглядят и работают как реальные приложения.
Погружение в интерфейс Figma
В первых уроках вы изучите структуру рабочей области Figma, освоите ключевые инструменты и научитесь эффективно организовывать свои проекты. Особое внимание уделяется таким возможностям, как:
- Constraints — ограничения для создания адаптивных интерфейсов;
- Components и вариации — основа любой дизайн‑системы;
- Совместная работа — редактирование дизайна в реальном времени с командой;
- Работа со слоями, стилизацией и структурированием файлов.
Продвинутые инструменты и рабочие процессы
Курс также включает практические уроки по созданию взаимодействий, анимаций и интерактивных прототипов. Эти навыки помогут вам правильно представлять свои идеи и тестировать сценарии пользовательского пути.
Практический проект: приложение «Рецепты Шеф-Повара»
После освоения основ вы перейдёте к созданию полноценного мобильного приложения. Этот практический проект позволит вам отработать навыки и создать портфолио‑работу, демонстрирующую навыки UI/UX-дизайнера.
Основные этапы разработки
- Создание структуры интерфейса с использованием нескольких артбордов;
- Разработка уникальных иконок и визуальных элементов;
- Работа с изображениями и типографикой, подготовка контента;
- Связь экранов в интерактивный прототип с анимациями и переходами.
В результате вы не только освоите Figma, но и получите уверенность в создании профессиональных дизайн‑макетов для мобильных приложений — от первых набросков до полностью собранного и интерактивного прототипа.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:00:35Introduction to the Course
- Урок 2. 00:01:07Using the Exercise Files
- Урок 3. 00:00:19Section Introduction
- Урок 4. 00:00:49What is Figma?
- Урок 5. 00:00:31Where to find Figma
- Урок 6. 00:01:22The Start Screen
- Урок 7. 00:17:01The Menu Bar
- Урок 8. 00:13:22The Tools Panel
- Урок 9. 00:05:55The Layers and Pages Panel
- Урок 10. 00:03:56The Components Panel
- Урок 11. 00:06:30The Team Library Panel
- Урок 12. 00:12:02The Design Panel
- Урок 13. 00:02:58The Prototype Panel
- Урок 14. 00:02:32The Code Panel
- Урок 15. 00:01:39Creating a New Project and File
- Урок 16. 00:02:46Importing Sketch Files
- Урок 17. 00:03:42Working with Teams
- Урок 18. 00:01:45Working with Templates
- Урок 19. 00:06:06Working with Frames
- Урок 20. 00:17:59Working with Shapes
- Урок 21. 00:07:49Drawing Icons using the Pen Tool
- Урок 22. 00:03:44Drawing Shapes Using the Pencil Tool
- Урок 23. 00:07:34Working with Text
- Урок 24. 00:06:39Masking Images and Shapes
- Урок 25. 00:07:47Importing Icons and other Graphics
- Урок 26. 00:06:28Working with Color
- Урок 27. 00:06:15Working with Styles
- Урок 28. 00:20:51Setting up Components
- Урок 29. 00:10:30Using Constraints for Responsive Design
- Урок 30. 00:02:05Working with Version Control
- Урок 31. 00:03:54Designing a Slide-out Menu
- Урок 32. 00:11:49Designing an on-screen Overlay
- Урок 33. 00:12:29Designing a comments section
- Урок 34. 00:05:17Designing Multiple Artboard States
- Урок 35. 00:03:20Give this design it's own unique personality
- Урок 36. 00:06:46Creating a prototype
- Урок 37. 00:00:44Viewing your prototype on a mobile device
- Урок 38. 00:01:13Live device preview
- Урок 39. 00:01:19Sharing your design
- Урок 40. 00:01:17Allowing others to comment on your design
- Урок 41. 00:04:05Exporting graphics and assets
- Урок 42. 00:00:35Next Steps
Автор - udemy
Комментарии