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.
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:
 iOS App Icon
 Android App Icon
 Flat Style App Icon
 Photorealistic App Icon
Want to become an expert in creating beautiful and unique app icons?
Let's get started!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
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:
Continued: creating leather, noise and metallic textures with layer styles and blending modes in Photoshop.
Attached as downloadable materials:
|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|
|Lecture 13||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!
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.