HomeApplicationGraphic design

How to Create Interesting App Icons

App Icons are the first thing the users notice. This is the your first and last chance to grab users' attention among millions of apps competing for attention in app stores. You want to make sure your design gets your potential users'...
Method 1 of 3:

Basic Design Guidelines

  1. How to Create Interesting App Icons Picture 1How to Create Interesting App Icons Picture 1
    Remember the magical formula: Icons must be recognizable and beautiful. Being beautiful will ensure that the users notice it for the first time. Being recognizable will help you when your user will come back or search for your app. Know that when users see an app icon, they instantly create an opinion about the quality of the app. First impression matters! So make it as powerful and attractive as possible.
  2. How to Create Interesting App Icons Picture 2How to Create Interesting App Icons Picture 2
    Use symbols and shapes. E.g., blue box with an enclosed 'f'- Facebook, a small flying bird against blue background- twitter, Cursive 'P' against red- Pinterest, and a comical robot - Android. All these icons capitalize on the power of symbol and shapes. These are simple yet beautiful and recognizable. Don't go for complicated designs unless you can pull it off well.
  3. How to Create Interesting App Icons Picture 3How to Create Interesting App Icons Picture 3
    Color it carefully. Colors say a lot about your app in particular and business in general. Use colors carefully. Don't make it clownish. Try not to use more than three colors. Know a little about color psychology. Green is usually associated with nature. Red is romantic, Blue signifies peace and orange oozes energy. Purple is royal. Similarly, know how colors choice is determined by gender, age, and region.
  4. How to Create Interesting App Icons Picture 4How to Create Interesting App Icons Picture 4
    Don't clutter. Remember simplicity is a virtue in visual arts and design.  Don't use long string of texts. Similarly, don't use photos unless you are a rock star or Hollywood celebrity.
  5. How to Create Interesting App Icons Picture 5How to Create Interesting App Icons Picture 5
    Make sure your icon is related to the product you are selling. For example, use heart symbol for dating and matchmaking app. Computer or cellphone for cellphones and gadgets. Eateries can have food symbols. Religious symbols are universally recognized, so bank on this phenomenon.
  6. How to Create Interesting App Icons Picture 6How to Create Interesting App Icons Picture 6
    Consider the iOS. Google has laid out icons design guideline for developers. This has led to more unified icons. Apple on the other hand already had the "squircle" design for their native apps, and has always been very rich aesthetically, which led to synchronized designs by others, too.
Method 2 of 3:

Android Icons

  1. How to Create Interesting App Icons Picture 7How to Create Interesting App Icons Picture 7
    Use grids and basic shapes: The basic shapes and grid let you focus on each element in the consecutive layers e.g., lighting, shading, color, geometry, etc.
  2. How to Create Interesting App Icons Picture 8How to Create Interesting App Icons Picture 8
    Light carefully. According to Google's guide, lighting is like cutting and folding a paper. Think of this as origami. Fold the paper into any shape and then illuminate (light) it.
  3. How to Create Interesting App Icons Picture 9How to Create Interesting App Icons Picture 9
    Observe the shadows. According to above analogy, note how edges create shadows and where. Shadows give depth to 2D image.
  4. How to Create Interesting App Icons Picture 10How to Create Interesting App Icons Picture 10
    Color according to their suggestions. According to Google's outline, the color opacity is 54% on lit background. Inactive background will be 26% opacity-wise. On black background, opacity is 100% and inactive icon will have 30% opacity.
  5. How to Create Interesting App Icons Picture 11How to Create Interesting App Icons Picture 11
    Dig into any other details. Google's icon guideline further delineates other elements such as geometry, strokes, human iconography, etc.
Method 3 of 3:

Apple Icons

  1. How to Create Interesting App Icons Picture 12How to Create Interesting App Icons Picture 12
    Use universal imagery. For example, movie related app can use a clapper board. Instead of using some obscure or less known aspects of movie making e.g., coloring, sound dubbing, etc.
  2. How to Create Interesting App Icons Picture 13How to Create Interesting App Icons Picture 13
    Don't use photo or screenshot. Photos hardly look good on icons and the whole point of using them is lost when seen at small sizes.
  3. How to Create Interesting App Icons Picture 14How to Create Interesting App Icons Picture 14
    Shun transparency, embrace Opacity. Transparent icons rarely look good. Most of the time they get merged into bright background.
  4. How to Create Interesting App Icons Picture 15How to Create Interesting App Icons Picture 15
    Don't use iOS similar icons. iOS users are very sophisticated breed of people. They have been using different iOS applications religiously. Making icons very similar to those of the native iOS apps will drive them away from your app instantly. Moreover, you may end up with copyright issues.
  5. How to Create Interesting App Icons Picture 16How to Create Interesting App Icons Picture 16
    Have multiple icons of different sizes for multiple devices. Users have different devices which will have different rendering. Refer to the Apple Image and Icon size table on Apple's website.
  6. How to Create Interesting App Icons Picture 17How to Create Interesting App Icons Picture 17
    Have a large version of your app for App Store Display. This can be richer and more detailed, though no visual effects can be applied.
    1. The larger icon should measure 1024 x 1024 pixels. It needs to be named iTunesArtwork@2x. For @1x devices, create app icon using 512 x 512 pixels and named iTunesArtwork.
5 ★ | 1 Vote
iconsuseappicon

You should read it

Maybe you are interested

Graphic design