Designing App Icons

Michael Flarup, Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Lessons (1h 51m)
    • 1. Introduction

      3:17
    • 2. Class Project

      5:08
    • 3. What is an App Icon?

      4:43
    • 4. Process

      6:18
    • 5. Tools

      13:00
    • 6. Rendering: Part 1

      15:35
    • 7. Rendering: Part 2

      11:22
    • 8. The Four Aspects of App Icon Design

      1:16
    • 9. Scalability

      11:06
    • 10. Recognizability

      11:49
    • 11. Consistency

      5:30
    • 12. Uniqueness

      10:46
    • 13. Finding your Personal Style

      5:25
    • 14. Wrap Up

      5:37

About This Class

Join designer Michael Flarup on a journey of how to create the single most important visual aspect of your product: the app icon.

Creating that one, singular piece of graphic design that users will interact with first each time they see a product can be an intimidating task. A beautiful, identifiable and memorable app icon can have a huge impact on the popularity and success of an app. But how exactly does one make a ‘good’ app icon? What does that even mean?

This class will give you ways to talk about and judge iconography as well as hands-on experience of creating that all important visual asset. We’ll cover initial concepts to export of final files.

Michael will walk you through:

  • The deliveries and tools involved in app icon design using Photoshop
  • The five core aspects of successful icon design
  • Examples and deconstruction of each aspect and how to work with them in your projects
  • How to use Smart Object templates in Photoshop to generate many icon sizes

Who is this class for?

This class is for everyone interested in becoming a better designer. Icon design is a great primer on design in general and the content you’ll learn can in many ways be applied to other areas of design. You’ll need a basic understanding of how design tools like Photoshop work.

Materials
You’ll need Photoshop or a similar design tool to participate in this class. Michael will be using his free template that you can download from https://applypixels.com/resource/ios-12-app-icon-lite. The template makes the job easier, but isn’t required to participate and get something out of the class.
There's also a premium version of the template available for sale over at applypixels.com but again, not needed to participate in the class.

You’ll walk out with a solid foundation of icon design theory and the tools involved in delivering successful app icons.