![]() These additional hardware and software evolutions only compounded the importance of the design of an app icon, requiring increased design considerations (to preserve the integrity and recognizability of any app - and by extension its brand), while still maintaining the core design constraints. Elsewhere, system-wide notifications leveraged app icons (again, at varying sizes) to help provide instant, visual recognition as to the source of any given notification. For example, Spotlight’s UI featured app icons (at varying sizes) to help differentiate the display of mixed search results across third-party applications. The introduction of the Retina Display created an increase in hardware pixel density, which necessitated a jump in icon resolution requirements from 512 to 1024 square pixels.Īdditionally, growing software features in iOS called for increased usage contexts for an app’s icon. But it brought unity in curvature continuity across Apple’s overarching product design - a fusion of industrial and product design, where radii curvature in hardware and software became uniform.Īesthetic evolutions (or changes in vogue, depending on your personal outlook) weren’t the only changes in iOS app icon design. This new shape, if held next to the old one, would likely not be perceptibly different to any normal person not caught up in the drama of Apple’s yearly WWDC events. Along with these aesthetic changes, iOS 7 also altered the shape of the app icon, from a rounded rectangle to the “squircle”. ![]() The impetus towards platform-wide aesthetic simplification came when Apple announced iOS 7, which eschewed skeuomorphism for an idea known colloquially as “flat design”: no textures, simple gradients, geometric shapes, etc. Utility apps took on a more utilitarian style: a strong colored gradient, perhaps some gloss, and a single silhouetted shape representing the core idea of an app - for example, an envelope on a blue gradient to communicate “hey, this is a mail app”. Similar to the aesthetic of Mac OS X Aqua (and described by Steve Jobs), these icons on screen looked so good, you’d want to lick them.Īs time passed, some app icons started to wane from this skeuomorphic trend. ![]() This trend towards skeuomorphic, real-to-life visuals made designing an icon difficult without formal knowledge of design principles like form, light, proportion, etc. In fact, this kind of skeuomorphic effect was so ingrained into the aesthetic of iOS that a gloss effect was applied to third-party app icons by default at the system level - only through a configuration setting in Xcode could a developer opt out of this visual effect. Making an icon for a brewery? Make it look like a glass of beer: an overflowing froth of bubbles, amber coloring, and some condensation on the glass for good measure. ![]() Designing an icon representing a book? Make it look like a book: threaded stitching around the edges, a textured leather cover, and individually-visible sheafs of paper. The aesthetic used textures, gloss, and vibrancy abundantly. Some attributes of iOS app icons have evolved through the years to adapt to hardware and software improvements, but the core design constraints for creating an iOS app icon have remained unchanged: a square canvas, opaque colors, and masked corner radii (applied at the system level).įor the first few years, icon designs were “skeuomorphic”: an attempt to imitate real-life, three-dimensional objects on a two-dimensional screen. While competing mobile OS platforms have long provided more artistic freedom in the canvas for designing application artwork - freeform shapes, transparency, etc - iOS proves true freedom and creativity comes not from taking away constraints but by imposing them. Perhaps propelling its ubiquity, the shape of the icon was literally embedded on the iPhone hardware for years, serving as an affordance to communicate how users get back to their home screen - “press here to go to that screen with all the apps in this shape”. Since the iPhone’s public reveal in 2007, iOS applications have been primarily identified, embodied, and personified by a single piece of artwork: the app icon, a square piece of artwork with masked corner radii. Put a couple of them together on a grid, and you begin to see how recognizable the shape is. Like a logo, it has come to be associated with a single brand. I am republishing it here on my blog (with slightly modified imagery) for posterity’s sake. The following was originally written by me and published as a chapter in “The iOS App Icon Book”.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |