Skeuomorphism
Give it that early iPhone look, where buttons look like real buttons and notes look like actual notebooks.
- Use the physical reference to clarify an interaction
- Keep light, material, and depth internally consistent
- Preserve readable labels and digital accessibility
- Apply detail to a small number of important objects
- Let digital behavior stay efficient even when the appearance is familiar
When to use it
- Music and instrument interfaces
- Games and playful tools
- A focused control with a useful physical analogy
- Brand experiences built around craft or material
When NOT to use it
- Cover an entire work tool in decorative textures
- Copy a physical limitation that makes the digital task slower
- Use realistic shading without clear interaction states
- Assume a physical reference is familiar to every audience
Slide to unlock, page-turning calendars, and other physical references helped first-generation touchscreen users understand unfamiliar actions.
iOS 5 and 6 used yellow paper, wooden shelves, green felt, leather, and other detailed scenes across built-in apps.
Apple removed most leather, linen, and realistic texture, and the wider industry quickly moved toward flatter interfaces.
Neumorphism and spatial platforms brought back glass, depth, and physical material, usually as a supporting effect rather than the whole interface.
Focused skeuomorphic interface with one useful physical analogy, internally consistent material and lighting, stitched leather or linen used sparingly, glossy controls with clear labels, realistic but restrained shadows