Effective iOS & Android App Icon Design
4.6 (28 ratings)
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.
1,948 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Effective iOS & Android App Icon Design to your Wishlist.

Add to Wishlist

Effective iOS & Android App Icon Design

In this course, learn how to design spectacular app launchers for both iOS & Android using Photoshop & Illustrator.
4.6 (28 ratings)
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.
1,948 students enrolled
Created by Gary Simon
Last updated 9/2014
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Design & Deploy Effective App Launcher Icons
  • Design Android App Launchers
  • Design iOS App Launchers
  • Present App Launchers on 3D Phones
  • Understand Official iOS & Android App Launcher Specifications
  • Use Adobe Photoshop to Design App Launchers
  • Use Adobe Illustrator to Design App Launchers
View Curriculum
  • Adobe Photoshop or Adobe Illustrator

Design Beautiful iOS & Android App Launcher Icons

Learn how to design effective app launcher icons for both iOS and Android. App launchers are the little icons that smartphone users click on to access an app. It's absolutely important that you understand how to design these icons effectively so that they're conceptually relevant, unique and stand out.

Follow along as expert designer & course instructor Gary Simon takes you through two full app launcher design projects.

The first project is an iOS app launcher for a fictional GPS app. You will use Adobe Illustrator to complete this project.

In the second project, create a highly graphical Android app launcher for a fictional surveillance app. Adobe Photoshop will be used this time to create this project.

You will also learn how to impose the app launcher graphics onto phones, which is great for presenting the icons to clients or showcasing on your portfolio!

Who is this course for?

Anyone who wants to take on the challenge of designing app launchers for either iOS and Android. Gary Simon teaches in such a way that a beginner can understand.

Why Photoshop and Illustrator?

You can use Photoshop or Illustrator to design app icons. Gary Simon has decided to include app launchers in both applications for those who might have access to only one application.

Who is the target audience?
  • Beginner to Intermediate
Students Who Viewed This Course Also Viewed
Curriculum For This Course
13 Lectures
iOS Icon Design in Adobe Illustrator
5 Lectures 31:42

In this lesson, we're going to examine the requirements for iOS App Launchers.

Preview 05:04

Now let's setup our document in Adobe Illustrator and ensure all of the settings are correct.

Preview 06:52

The primary element in the visual hierarchy of our app launcher is the location pin. In this lesson, we're going to design this pin along with highlight and shadow elements.

Designing the Pin

Now let's finish up our iOS app launcher design by creating the water beneath the pin.

Finishing the Background

Now it's time to export our icon consistent with the iOS app launcher requirements.

Exporting our Icon
Android Icon Design in Adobe Photoshop
7 Lectures 39:36

Let's check out what Android has to say about designing app launchers.

Android App Launcher Specifications

This time, we'll step into Adobe Photoshop and setup our document correctly for our android app launcher.

Setting up our Document

Let's continue creating our lens and finish the primary elements.

Designing the Lens (Part 2)

Now let's begin designing the lens, which will require a series of ellipses and layer styles.

Designing the Lens (Part 1)

To make everything pop, let's add a glossy surface through reflections.

Glares & Reflections

Now let's take a look again at the Android app launcher specifications and export our launcher graphic appropriately for the various screen densities.

Exporting our Icon

Now let's present both of our app launchers onto 3D phones.

Presentation on a Phone
Course Overview
1 Lecture 00:57

Thanks for making it to the end of this course. If you enjoyed the course, please rate it and provide a comment!

About the Instructor
Gary Simon
4.4 Average rating
2,462 Reviews
40,744 Students
11 Courses
Professional Freelance Designer & Course Instructor

Gary Simon is a professional freelance graphics and web designer with well over a decade of experience. Having served over a thousand clients, Gary understands many facets of the design industry.

He has also been a course instructor for several of the top online education websites, teaching a wide range of topics including:

  • Web Design
  • Graphic Design
  • Mobile / GUI Design
  • 3D
  • Motion Graphics

Gary began designing websites in 2000, and just a few years later started focusing on identity design. From that point on, Gary grew a large clientele that allowed him to fully develop skills that extend beyond design alone.

The following is a list of web technologies in which Gary is proficient:

  • HTML & CSS (Responsive)
  • JavaScript & jQuery
  • XML
  • PHP
  • MySQL

He is also an expert with the following software:

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe After Effects

Gary began teaching his skills to others after releasing a single logo design tutorial, which has since garnered over a million views. In 7 years, Gary has released over 200 video tutorials and 20+ video courses. On his Youtube channel alone, his videos receive a half million views monthly. He enjoys connecting with students and helping them develop their skills on an on-going and frequent basis.