Blueprint vs Skeuomorphism

ブループリント / スキューモーフィズム

Blueprint comes from Technical Expression and Skeuomorphism from UI Expression. Both are read here as style. They are reached for with some of the same intent, which is where they get confused.

Blueprint

Instead of a finished object it shows the lines of the thinking behind it, communicating structure and possibility.

Skeuomorphism

Borrows cues from real materials and tools to make unknown interactions understandable. It names the principle, so Aqua and Brushed Metal are what the principle looked like when one company shipped it.

BlueprintSkeuomorphism
Eraindustrial2000s–2010s
FamilyTechnical ExpressionUI Expression
KindStyleStyle
CuesWhite lines on blue / Dimensions / Sections / Handwritten notesLeather, metal, paper / Dimensional shadows / Real-world metaphors / Fine textures
Best used forVisualizing concepts, design and process · Structural credibility for products and architectureExplaining new interactions through familiar tools · Crafted, tactile experiences
TypeMonospace plus drafting-style handwritingA humanist face suited to the purpose
CompositionOrthographic views, sections, dimension lines tied to real informationAdopt the structure of the real tool
MaterialDeep blue, white lines, fine paper grainPrecision texture only where it serves function
CautionNo fake drawings as decoration. Bind everything to actual structure and thought.Ornament must not bury the interaction. Expect generations who don't share the metaphor.

IndexStyle