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.
In this lesson, we're going to examine the requirements for iOS App Launchers.
Now let's setup our document in Adobe Illustrator and ensure all of the settings are correct.
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.
Now let's finish up our iOS app launcher design by creating the water beneath the pin.
Now it's time to export our icon consistent with the iOS app launcher requirements.
Let's check out what Android has to say about designing app launchers.
This time, we'll step into Adobe Photoshop and setup our document correctly for our android app launcher.
Let's continue creating our lens and finish the primary elements.
Now let's begin designing the lens, which will require a series of ellipses and layer styles.
To make everything pop, let's add a glossy surface through 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.
Now let's present both of our app launchers onto 3D phones.
Thanks for making it to the end of this course. If you enjoyed the course, please rate it and provide a comment!
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:
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:
He is also an expert with the following software:
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.