Learn Mobile App Design in Photoshop

Create a custom, pixel perfect flat or 3D app icon for your app with Photoshop. Learn with step-by-step video projects.
3.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
11 students enrolled
Instructed by Joanna Ngai Design / Graphic Design
Take This Course
  • Lectures 13
  • Length 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2015 English

Course Description

How to Make Pixel Perfect iOS & Android App Icons

With the popularity of mobile apps at the moment, especially in our daily lives, one thing that stands out is beautiful design in a crowded marketplace.  

Creating a delightful first impression for your mobile app is crucial as it will help strengthen your brand and stand out among the many other applications that are available. How do you draw a customer's eye to try out your app? 

I will teach you how to design eye-catching app icons for both iOS and Android so your app will be successful. 

First Impressions Matter

A great and well designed app icon will improve sales and bring in more attention to your app. Demonstrate that your app has top quality to by showcasing a relevant and beautiful icon that will give your users a great first impression. Making an original design from scratch will ensure that your unique design stands out from the competition.

Learn From an Expert

Joanna Ngai, a designer with industry experience in creating iOS and Android app, will take you through setting up your first photoshop file to creating beautiful realistic or flat app icons.

You will learn the basics of preparing a file to setting up all the correct specifications for either iOS or Android devices.

What You Will Learn

The following projects will consist of several tutorials will start with the basics for beginners.

We will work together to go through learning basic styles, textures, color choices in photoshops and how to create your first app icon.

Following lessons will explore the highly popular flat style as well as more advanced techniques for creating photorealistic app icons.

You will also be able to follow along as a I walk through several projects showing the techniques step by step, using methods that are easy to understand even for photoshop beginners.


We'll learn through step by step examples and video projects while I give you the resources necessary to succeed.

There are four major projects:

[1] iOS App Icon

[2] Android App Icon

[3] Flat Style App Icon

[4] Photorealistic App Icon

Want to become an expert in creating beautiful and unique app icons?

Let's get started!

What are the requirements?

  • Adobe Photoshop

What am I going to get from this course?

  • Over 12 Lectures and 1.25 hours of video content
  • Freebies such as high quality texture packages and tutorials
  • Project 1: Design an iOS App Icon
  • Project 2: Design a Android App Icon
  • Project 3: Design a Flat Style App Icon
  • Project 4: Design a Photorealistic App Icon
  • Insider tips on creating effective and efficient icon designs
  • Knowledge of app icon specifications for iOS and Android
  • Resources for every app icon project to help you succeed
  • Comprehensive knowledge of Adobe Photoshop for App Icon Design

Who is the target audience?

  • This course is meant for anyone interested in creating top quality app icons for iOS or Android. No prior photoshop experience is needed. This course will cover intermediate and advanced techniques in later lessons.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Getting Started

Welcome to my course on How to Design App Icons for iOS and Android. Even if you're not planning on becoming a professional designer or you haven't even opened up Photoshop, I'm here to help you get started.

Give me a few minutes of your time each day and I'll teach you everything I know about designing pixel perfect app icons. Let's go into the fun part and learn how to get started!

iOS and Android specifications to keep in mind as your start your Photoshop file.


An introduction to basic Photoshop tools for beginners.

Using the move tool, paint bucket, navigator and layers panel.


Key differences when designing for iOS and Android and how to design great app icons.

Section 2: iOS App Icon Project

Create your first iOS icon in this project - make a simple mail icon.

Introduction to gradient backgrounds.

Section 3: Android App Icon Project

Create your first Android icon - make a simple messaging icon.

Introduction to creating basic shadows.

Section 4: App Design Styling Principles

How to choose different color palettes and deciding your app's look and feel.


Creating leather, noise and metallic textures with layer styles and blending modes in Photoshop.

Attached as downloadable materials:

  • Leather, noise, metal texture

Continued: creating leather, noise and metallic textures with layer styles and blending modes in Photoshop.

Attached as downloadable materials:

  • Screenshots of all layer styles used in textures
Section 5: Flat Style App Icon Project

What's the difference between flat style and photorealism?


Creating a flat style app icon in Photoshop - make a trendy camera icon.


Continued: creating a flat style icon in Photoshop - make a trendy camera icon.

Design a long shadow effect popular with flat style icons.

Section 6: Photorealistic App Icon Project

Creating a photorealistic app icon in Photoshop - make a beautifully textured speaker with metallic and leather textures.

Section 7: Conclusion
1 page

Congratulations! You have almost finished the iOS and Android app design course! You will leave armed with the skills to successfully create your own beautiful, custom app icon in Photoshop.

In the final notes, let's review the basic tools and some free tutorials to help you keep learning and improving.

I'll also share some insider sites with lots of high quality texture packages and other freebies so you can design like a pro. Thanks for joining me on this course and growing your skill set as app icon designer!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Joanna Ngai, UX Designer

Joanna is a passionate advocate for conversations within the design community and sharing knowledge.

That's why she is excited to join the udemy's vast community and share her passion for creating pixel perfect mobile design and app design to the many students and learners eager to improve their skills. Her goals include bridging the gap between non-designers and designers while sharing insights from her individual experiences in the design industry.

Her curiosity in the creative field and prior experience in the design industry drives her to pursue pixel perfect design and develop better design practices to share with others.

Ready to start learning?
Take This Course