Mobile App UI Design for Beginners: Design a To-Do App

Irfan Rosandi, I Teach Design on Skillshare

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
31 Lessons (4h 40m)
    • 1. Intro

      1:16
    • 2. Sketch Basic - Applying Styles to Object

      3:35
    • 3. Sketch Basic - Masking

      4:58
    • 4. Sketch Basic - Plugins

      6:27
    • 5. Sketch Basic - Installing Sketch Plugins

      1:41
    • 6. Defining Brands

      6:53
    • 7. Designing Welcome Screen

      10:29
    • 8. Designing Sign Up Screen

      23:51
    • 9. Designing Sign Up Screen States

      10:42
    • 10. Designing Sign Up Success Message

      2:10
    • 11. Prototyping Sign Up Flow in Sketch

      4:18
    • 12. Designing Sign in Flow

      6:36
    • 13. Designing Main Screen Empty States

      20:35
    • 14. Designing Main Screen Content

      5:11
    • 15. Designing Main Screen Completed Tab Empty State

      2:56
    • 16. Designing Main Screen Completed Tab Content

      6:26
    • 17. Designing Add New Task

      9:43
    • 18. Designing Edit & Delete Task

      6:45
    • 19. Designing Report Screen Tab

      7:21
    • 20. Designing Report Screen Graph

      20:06
    • 21. Designing Slidemenu Header

      8:12
    • 22. Designing Slidemenu Items

      9:03
    • 23. Cleaning up Artboarts

      12:33
    • 24. Prototyping Full Flow in Sketch

      6:19
    • 25. Prototyping using Marvelapp - Part I

      31:57
    • 26. Prototyping using Marvelapp - Part II

      3:04
    • 27. Prototyping using Marvelapp - Part III

      7:42
    • 28. Sharing the App Prototype

      2:17
    • 29. Motion Interaction using Invision Studio - Part I

      13:25
    • 30. Motion Interaction using Invision Studio - Part II

      12:40
    • 31. Motion Interaction using Invision Studio - Part III

      11:14

About This Class

Have you ever wondered how to design a mobile app? or do you have mobile app idea in mind and want to translate it into a clickable mobile app prototype that you can share with your potential client or investor?

Hi, My name is Irfan, i am a UI/UX Designer with experience working with startups and also doing some design projects for fortune 500 companies.

In this class i want to share with you on how to create a mobile app design using some of the most popular design tools available at the moment, like Sketch, MarvelApp, and Invision Studio.

The project of this class is to create a simple to do list mobile app. This class is very practical, no prior design experience is required. Just follow along the video, and if you don't understand just ask me on class discussion :)

On the first part of the class, we cover the basic of using Sketch, like how to work with masking, how to apply a style to an object and also how to working with sketch plugin.

The 2nd part of the class, we start designing the mobile app UI using Sketch step by step, and after that we create a clickable prototype using MarvelApp so you can share your mobile app prototype later to your friends or users. And the last fun part, not only we create a clickable prototype, but we also learn how to create a fancy motion interaction using Invision Studio.

So, you want to learn to design a mobile app? let's join me in this class.