Brian Coleman

  • Home
  • ABOUT
  • SERVICES
  • PORTFOLIO
  • BLOG
  • Contact

Tutorial: Designing and Exporting Your App Icon

After coding your app it’s time to make that killer icon that’s going to make your app stand out from the rest in the store. There are many things to consider to designing the best icon to fit your app.

Tips to Designing the Best App Icon

1. If your app is an already established brand, then it’s best to use that brand recognition in the icon by using the logo (i.e. Facebook, Twitter, Digg, etc..). If you don’t have a big brand then your icon should represent what the app does. Instagram is a good example since it shows that it’s a camera app.
2. Stay away from using text that’s longer than one word within the icon. It makes it very difficult to read when it’s sized down for the iPhone. It may read well in the 1024×1024 version of the icon, but test it on the phone to see if it’s still legible.
3. The design and colours of the icon should mimic the look of the app. It gives the experience that it’s truly a miniature representation of the app. When the user taps on the icon to open the app it should be a fluent transition of style.
4. Try to make your icon original. Since there are so many apps out there, yours may stand out if it looks different than the other ones in your category.
5. Emotion. You want your user to get an emotional connection to your app through the icon. You’ll notice that most of the top games all have a character or animal representing their game. That gives an emotional connection through the characters expression.

Icon Inspiration

Below are a couple links to collections of nice icons to give you an idea:
What Do the Top 100 Paid App Icons Have in Common?
iOS Icon Gallery
Icons Feed
iOS App Icon Designs (iOSpirations)
40 Brilliant iPhone & iPad Application Icons
45+ Fantastic iOS App Icon Designs for Inspiration

Exporting your Icon

Once you have designed your fabulous icon, you’ll need to export it to all the sizes required by Apple.

This is the best Photoshop template for creating iOS App Icons:
PixelReport’s App Icon Template
appicontemplatev2
With this template, you can see what your icon will look like in situation, within the app store and on the springboard. Then with a simple action all icons are saved out for you including in the proper naming conventions required.

Tutorial: Setting an Event in iCalTutorial: Setting up a Jenkins Automated Build Server for iOS
Brian Coleman

Manager, Mobile Development at Rogers Communications with over 15 years of multifaceted experience including development, design, business analysis and project management working directly with clients in a consulting capacity throughout the full software life cycle.

March 6, 2013 Tutorialsdesign, ios, tutorial
Follow Me
    
Categories
  • About Me
  • Frameworks
  • My Apps
  • News
  • Strategy
  • Swift
  • Tools
  • Tutorials
  • tvOS
  • Uncategorized
  • Videos
  • Watch
Archives
  • May 2016
  • January 2016
  • October 2015
  • July 2015
  • May 2015
  • April 2015
  • March 2015
  • November 2014
  • October 2014
  • September 2014
  • July 2014
  • June 2014
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
Recent Posts
  • Classix for iPhone, iPad & Apple TV
  • Tutorial: How to test your app for IPv6 compatibility
  • Tutorial: Testing SSL using Charles Proxy on an iOS Device
  • Tutorial: 3D Touch – Quick Actions in Swift
  • tvOS Tutorial: Top Shelf in Swift
Featured Apps
Classix
Sportsnet
TAGS
tutorialswiftios8iosobjective-cvideogamesstrategynewsframeworkappsmonitizefacebookwatchappleios7toolstvosios9apiprovisionsocialtutorialsbooksdesignbookiapIPv6iTunes Connect
Search
TAGS
tutorialswiftios8iosobjective-cvideogamesstrategynewsframeworkappsmonitizefacebookwatchappleios7toolstvosios9apiprovisionsocialtutorialsbooksdesignbookiapIPv6iTunes Connect
ABOUT
Brian is a Lead iOS/tvOS Developer from Toronto with over 18 years of multifaceted experience including development, design, business analysis and project management.

FOLLOW ME
    
Email Subscription
Sign up for my newsletter to receive the latest news and tutorials posted.

Enter your email address:

2023 © Brian Coleman