Complete Mobile App Design Course - UX and UI Design [2024]

Learn everything you need to design fabulous mobile apps with Figma for the first time. This complete course “Complete Mobile App Design Course - UX and UI Design [2024]” has over 100 video lectures that explain app design and equip you with the tools to work in large IT companies. At the end of the course, you will know how to make a perfect job application, and your journey in the job market will be easy.

An exciting thing to know for a UI designer is that the salary rate is usually impressive, and some designers can be paid up to $100,000 per year. Plus, being in high demand for UI designers, you receive job offers directly on LinkedIn, so you will not have to go job searching. Finally, no office environment is needed to work with a computer and Internet connection, which allows you to decide where you work.

Another skill under this category that is vital in app development is creating the design system, which is also covered in the course “Complete Mobile App Design Course - UX and UI Design [2024]. And interesting learning depends on you – you will get the design system with the value of $149 without any cost, and you will see what a typical day working in a giant IT company looks like. Last but not least, I will teach you how to properly apply for a job to help you begin your new occupation. Take the first step towards becoming a new you and a truly remarkable mobile app designer!

Complete Mobile App Design Course - UX and UI Design [2024] Table of Contents:

1. How much do you earn as a UI designer (02:47)
2. What are my chances of getting a job after this course? (01:43)
3. The problem with other courses (01:21)
4. Different working models explained (02:28)
5. What do you get in this course? (01:45)
6. What is UX and what is UI design? (02:23)
7. The History of UI and UX Design (02:00)
8. Neuromorphism vs. Flat Design (02:07)
9. Why is mobile app design more relevant than web design? (02:03)
10. What is native app development? (02:09)
11. Why we need to evolve as designers? (01:18)
12. Which devices can you do UI design for? (02:04)
13. What makes app design special? (01:39)
14. Microinteractions (00:59)
15. Current app trends (02:01)
16. Heatmaps (01:18)
17. What is Atomic Design and why should you use it? (02:11)
18. System Typography (00:45)
19. What is eye tracking? (01:51)
20. Book recommendations (01:13)
21. What is accessibility? (01:15)
22. Which areas of a smartphone are particularly important? (01:28)
23. Typical iOS icons, Android icons and custom icons (01:57)
24. Touch ID and Face ID (01:39)
25. What is a MVP? (01:22)
26. $149 Design System for free (00:01)
27. What is a Toggle? (01:23)
28. What is a Button? (02:38)
29. What is an Icon-Button? (01:10)
30. What is a Top-Navigation? (01:46)
31. What is a Message? (01:09)
32. What is a Menu? (01:04)
33. What is an Avatar? (01:12)
34. What is a Notification? (01:18)
35. What is an Input-Field? (02:51)
36. What is a Bottom-Navigation? (01:30)
37. What is a Page-Indicator? (00:51)
38. What is a Line-Item? (01:00)
39. What is a Badge? (01:00)
40. What is a Chip? (00:50)
41. What is a Segmented-Control? (00:41)
42. What is a Tab-Control? (01:03)
43. What is a Coach-Mark? (01:05)
44. What is a Tooltip? (00:51)
45. What is a Card? (00:55)
46. What is a Loading-State? (01:45)
47. What is a Keyboard? (01:00)
48. What is the Status-Bar? (01:20)
49. What is a Home Indicator? (00:52)
50. What is an Alert? (01:24)
51. What programs do you use? (01:14)
52. What is mobbin.com? (01:20)
53. What is the 4 Pixel Grid System? (01:35)
54. What is Radius? (01:36)
55. What is Typography? (01:42)
56. How do you create accessible colors? (01:16)
57. What is a Shadow? (01:11)
58. What is an Illustration? (00:57)
59. What is an App-Icon? (01:29)
60. Create a new Project in Figma (01:13)
61. Basic Tools - top (01:10)
62. Basic Tools - left side (02:16)
63. Basic Tools - right side (01:09)
64. Position, Size, Rotation and Corner Radius (01:41)
65. Define colors (01:15)
66. Define border (01:30)
67. Blur Effect (00:35)
68. Export (02:09)
69. Constraints and Sticky Nav (02:41)
70. Defining Drop/Inner Shadow (01:59)
71. Gradient Styles (02:31)
72. Color Styles (02:31)
73. Creating Image Backgrounds (03:33)
74. Masks / Subtract Selection (01:46)
75. Booleans (01:02)
76. Vector Mode (01:02)
77. Creating a layout grid (03:05)
78. Auto Layout (02:20)
79. Advanced auto layout (01:42)
80. Fonts and Styles (01:53)
81. Set Text Styles (01:52)
82. Components (02:26)
83. Variants (03:00)
84. Nested instances (02:21)
85. Text property (00:46)
86. Boolean property (00:52)
87. Instance property (01:00)
88. Tokens Numbers (03:59)
89. Tokens Color (02:17)
90. Dark Mode with Selection Colors (02:33)
91. Set Team Library (01:28)
92. Ellipse Arc Circle (01:06)
93. Hug content and resizing (02:02)
94. Figma sections (01:17)
95. Resize layers (01:11)
96. View layer outlines (01:00)
97. Circular lines (01:25)
98. UI wireframe (03:04)
99. Interactive animated components (03:00)
100. Animated button prototype (01:31)
101. Animated layers (Navigate to / Back) (02:08)
102. Animated layers (Overlay - Bottom Sheet) (02:27)
103. Video in Figma (02:39)
104. Unsplash - images in Figma (00:59)
105. UI kits (02:15)
106. Plugins (01:06)
107. Prototype Pro Settings (02:58)
108. Share Prototype (01:13)
109. Prototype horizontal (01:27)
110. Parallax prototyping in Figma (02:48)
111. iPhone 15 Mockup (00:43)
112. Preparation for everyday work (06:59)
113. Collaborate with other employees (01:23)
114. What hierarchies exist in the team? (01:37)
115. What do recruiters value? (01:57)
116. What does the perfect application look like? (02:54)
117. How do you best prepare for a job interview? (01:13)
118. Congratulations, what's next? (00:43)

Who is this course for?

1. Any entry-level bird that dreams of becoming a Mobile App Designer.

Click on the links below to Download Complete Mobile App Design Course - UX and UI Design [2024]!