Sunday, December 11, 2016

OUGD504 - Studio Brief 02 - App Icon Specifications

Alongside the design for the app itself, an icon also needed to be created. The icon would be used on a phone screen as well as online in the app stores. Apple has a set of specifications and suggestions to which all app icons should adhere to in order to make them both compatible for all devices and successful within the app market. The icon for the NHS 11 app was made according to these specifications:



Every app needs a beautiful and memorable icon that attracts attention in the App Store and stands out on the Home screen. Your icon is the first opportunity to communicate, at a glance, your app’s purpose. It also appears throughout the system, such as in Settings and search results.

Embrace simplicity
Find a single element that captures the essence of your app and express that element in a simple, unique shape. Add details cautiously. If an icon’s content or shape is overly complex, the details can be hard to discern, especially at smaller sizes.

Provide a single focus point
Design an icon with a single, centred point that immediately captures attention and clearly identifies your app.

Design a recognisable icon
People shouldn’t have to analyse the icon to figure out what it represents. For example, the Mail app icon uses an envelope, which is universally associated with mail. Take time to design a beautiful and engaging abstract icon that artistically represents your app’s purpose.

Keep the background simple and avoid transparency
Make sure your icon is opaque, and don’t clutter the background. Give it a simple background so it doesn’t overpower other app icons nearby. You don’t need to fill the entire icon with content.

Use words only when they’re essential or part of a logo
An app’s name appears below its icon on the Home screen. Don’t include nonessential words that repeat the name or tell people what to do with your app, like "Watch" or "Play." If your design includes any text, emphasise words that relate to the actual content your app offers.

Test your icon against different wallpapers
You can’t predict which wallpaper people will choose for their Home screen, so don’t just test your app against a light or dark colour. See how it looks over different photos. Try it on an actual device with a dynamic background that changes perspective as the device moves.




Every app must supply both small and large app icons. The small icons are used on the Home screen and throughout the system once your app is installed. The large icon is used by the App Store.