Skip to content

Medium & production · Screen

App & OS interface

Operating-system and mobile interfaces.

A design choice in Stylogeny’s vocabulary, under medium & production: what technology shaped it?

styles make it: 36
as a defining choice: 8
as a usual one: 17
now and then: 11
avoid it: 0

Styles defined by it 8

For these styles it is one of the choices that make the style.

Emoji Pictographic Language1997–present · East Asia, Global / networkedPictographs typed as characters and set inline in running text.
Skeuomorphic UI2000–2013 · Global / networkedInterface design that imitates physical materials and objects (stitched leather, linen, wooden shelves, brushed aluminium, felt, paper and glass) so that digital tools look and behave like their real-world counterparts.
Frutiger Aero2004–2013 · Global / networkedThe glossy, optimistic look of consumer technology from the mid-2000s to the early 2010s, retrospectively named in 2017 by the Consumer Aesthetics Research Institute after Windows Vista's Aero interface and Adrian Frutiger's humanist sans.
Flat Design2010–2016 · North America, Global / networkedAn interface and illustration language that stripped screens of simulated materials, replacing bevels, gloss and textures with solid fields of colour, clean sans-serif type and reduced pictograms.
Material Design2014–present · North America, Global / networkedGoogle's design system, launched in 2014, which reintroduced controlled depth to flat design through the metaphor of 'material': sheets of digital paper and ink that sit at defined elevations, cast consistent shadows and move with meaningful motion.
Neumorphism2019–2021 · Global / networkedA short-lived interface trend in which controls are extruded from, or pressed into, a background of the same colour and modelled only by paired soft shadows.
Claymorphism & Soft 3D2020–present · Global / networkedA soft, toy-like 3D look from product design around 2020, given the name 'claymorphism' in a December 2021 article by Michał Malewicz.
Glassmorphism2020–present · Global / networkedAn interface style of translucent, frosted panels floating over vivid, blurred backgrounds, so that depth and hierarchy come from layered transparency.

Styles that often use it 17

A characteristic choice: usual in these styles, though not essential.

Styles that use it now and then 11

An occasional choice in these styles.

It often goes with

Choices that the styles making it make more often than the atlas as a whole.

Web & CSSin 30 of 36
Icons & pictogramsin 23 of 36
Rounded & pillin 18 of 36
3D renderin 14 of 36
Warm & approachablein 22 of 36
Motion & broadcastin 15 of 36

Other choices in medium & production