UI Design Basics: Design and Prototype Your First Mobile App

In this class I’m going to help you design your very first mobile app. We are going to do that by completing the class project together. As we go through the class I’m going to share with you the methods that I use to create the layouts, how I choose and manage fonts and colors, as well as some other tips and tricks. After we complete the design I will show you how to turn your designs into a prototype.

Once we have completed everything I’ll give you an assignment which will let you apply what you learned and add personal touch to it.

You don’t need any prior knowledge on this topic to follow this class, as I’m also going to teach how to use the software that I use to design apps.

By the end of this class you are going to have a solid foundation so you can start designing more apps and make your ideas become reality.

• Introdcution
• Platforms
• Planning
• Software Choice
• Adobe XD Workspace
• Typography
• Colors
• Getting Started
• Empty State
• Empty State Illustration
• Inputs
• Input States
• Designing The Main Screen
• Main Screen: Creating Lists
• Displaying Info
• Prototyping
• Sharing Your Work
• Adapting To Different Screens
• Assignment
• Resources
• Final Thoughts