Learn UI/UX and Mobile App Design in Photoshop

Jestoni Esteban, Graphic Designer • Online Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
28 Videos (3h 2m)
    • Overview of the course

    • What is UI?

    • Best practices for UI Designs

    • What is UX?

    • Best practices for UX Designs

    • Design brief

    • Getting ideas/Inspiration

    • Wireframing

    • Setting up the workspace

    • Common Tools- part 1

    • Common Tools- part 2

    • Splash screen

    • Sign In- part 1

    • Sign In- part 2

    • Menu- part 1

    • Menu- part 2

    • Items- part 1

    • Items- part 2

    • Items_01

    • Cart

    • Checkout

    • Thank you screen

    • Product info

    • Product info_01

    • Side Menu

    • Mobile App Prototype

    • Start making money

    • Conclusion


About This Class

Learn to Design 10 Mobile Screens and earn passive income today!

Do you want to earn some extra money? Are you looking for another career and would like to work from home? This course is the best course for you.

Thousands of applications have been made every year and if you love to design and want to earn at the same time now is the right time. This course is designed to teach you about mobile app design and how to earn money from doing freelancing. it's about designing an app that works great and with user experience in mind. I will teach you how to maximize your talent and build your confidence.

What you will learn in this course?

  • User Interface and User Experience
  • Research, Design and Wireframing
  • Adobe Photoshop Tools
  • Where to get freelancing projects
  • Mobile Screen Prototyping

In this course we will use the common designing program Adobe Photoshop. I will show you the common tools we need to design mobile screens.

Course Overview

First we're going to learn the fundamentals of UI/UX together with the best practices. After that we'll get the important information about the application we're going to design. Once we get the background info we'll start the planning and wireframing to make sure we fill in all the gaps of our screens. Then the Adobe Photoshop, I will show you how to use the tools and after that we are going to start designing our 10 mobile screens from scratch.

The fun part

To make sure we get all the screens right I will teach you how to make a prototype of your mobile screens using a free program. Before we finish the course I will show you how to generate an income designing mobile screens. See you in the course.

19 of 20 students recommendSee All

This course is really amazing...i learned a lot not only for improving my skills in mobile app design but also in making making money online...Thanks Esteban...Highly recommend this course...
This class is good for beginners in Photoshop. It's useful to see other designer work flow, you can get quiet a few valuable tips. The downside is that the instructor works on PC, and sometimes I would have to google shortcuts for Mac (he mentions only PC's shortcuts). I found it strange that the instructor doesn't use Ps artboards in this tutorial. I find the work with artboards much more effective for designing apps. He also didn't show how to preview your app on your phone. The final app needs some UX improvements. But this tutorial is great for learning Photoshop for designers.





Jestoni Esteban

Graphic Designer • Online Instructor

Hi. My name is Jestoni. I'm a graphic designer and online instructor. I've been in the designing for seven years.

I make a living by doing graphic designs on the internet and love to communicate with different clients around the globe. I also love to teach and share my knowledge and experience to everybody. Here in skillshare, I make project-based design classes, meaning you will learn a lot in a single class and able to create your own design after taking it.

With great knowledge and a wide range of experience, I am now equipped with talent and unique style in designing that I love to share with my students and aspiring designers.