udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
3 ч 55 мин
Категория
FigmaКоличество уроков
42 Видео
Дата добавления
29 апр. 2020 г., 18:18
Язык
Английский
Дата выхода
15 мар. 2019 г., 21:15
Узнайте, как создать красивое и привлекательное мобильное приложение с Figma.Figma - это очень мощное приложение, работающее онлайн. Практически нет границ для использования Figma, так как вы можете разрабатывать в веб-браузере или через их настольное приложение для Windows и Mac. Figma напоминает Sketch и Adobe XD, но отличается большей мощностью, когда речь идет о совместной работе и гибком, быстро меняющемся дизайне.
Основы использования Figma
Этот курс посвящен проектированию пользовательского интерфейса с использованием мощных инструментов Figma. В первом разделе мы рассмотрим интерфейс Figma и узнаем, где находятся мощные инструменты, такие как ограничения для создания отзывчивых проектов и компоненты, которые помогут создать библиотеку элементов дизайна. Совместная работа в режиме реального времени — это еще одно важное преимущество Figma, которое позволяет тесно сотрудничать с командой на одном проекте.
Интерфейс и инструменты 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
Комментарии