tag
illustration
Drawn artwork inside an interface, and the styles it is drawn in.
32 terms across 5 categories · all tags
component
- Identicon
A generated default avatar derived deterministically from an identifier, so the same account always gets the same abstract pattern without uploading anything.
pattern
- Diegetic interface
An interface that exists inside the fiction it serves, so the character can see and use it too, rather than being drawn on top of the world for the player alone.
aesthetic
- Afrofuturism
A style that pictures technology through the African diaspora, combining cosmic imagery, textile and mask pattern, gold and indigo, and geometric ornament used structurally.
- Art Nouveau
A turn of the century style of whiplash curves, botanical line ornament, muted jewel tones, and lettering drawn to fit the frame rather than set on a grid.
- Biophilic design
A style that borrows from the natural world on purpose, using earthy greens and clays, organic silhouettes, botanical imagery, and slow ambient motion to make a screen feel less mechanical.
- Corporate Memphis
The flat vector illustration style of bright, faceless people with long bendy limbs and small torsos that spread across tech marketing from 2017.
- Digital collage
A composition assembled from cut-out photography, torn paper edges, scanned texture, and type set at odd angles, so the page reads as pasted up rather than laid out.
- Fictional user interface
The screen graphics style invented for film, television, and games: dense readouts, targeting reticles, and animated telemetry that look computational without computing anything.
- Frutiger Metro
The flat vector cousin of Frutiger Aero: gradient color blocks, bloom and glow, silhouetted figures, swooshes and abstract flourishes, without the glossy water and grass.
- Hand-drawn UI
A style whose lines wobble as if sketched by hand, used to signal that a diagram or wireframe is provisional rather than finished.
- Hyperreal 3D
Rendered objects pushed past photographic realism, with physically based materials, sharp specular detail, and studio lighting, floated over an otherwise plain interface.
- Isometric illustration
Art drawn on a fixed axonometric grid so depth reads without perspective, with parallel edges and no vanishing point.
- Kawaii UI
A cute style of pastel fills, rounded everything, oversized eyes and blush marks, sticker and mascot characters, and hand-lettered or bubbly rounded type.
- Low poly
A 3D style that keeps the polygon count low enough to see, so surfaces read as faceted triangles under flat shading instead of smooth curves.
- Memphis design
The 1980s Memphis Group look of clashing pastels, squiggles, confetti dots, and terrazzo shapes scattered across a layout.
- Mid-century modern
A 1950s and 60s style of muted mustard, teal, and burnt orange, tapered organic shapes, textured paper grounds, and friendly geometric sans type.
- Pixel art UI
An interface drawn on a visible pixel grid, with bitmap type, hard aliased edges, and icons kept at their original low resolution.
- Pop art style
A comic and advertising style of flat primary color, heavy black outlines, printed dot shading, speech balloons, and bold condensed capitals.
- Psychedelic style
A 1960s poster style of vibrating complementary color, warped and interlocking lettering that fills its own shape, kaleidoscopic symmetry, and liquid distortion.
- Solarpunk
An optimistic ecological future style of daylight palettes, plant growth over structure, stained glass colour, art nouveau curves, and visible solar and wind technology.
- Steampunk
A Victorian industrial style of brass, riveted plate, wood, and leather, with gauges, cogs, and valve controls standing in for ordinary interface widgets.
motion
- Confetti burst
A short particle celebration thrown across the screen to mark a completion, decorative by design and the first thing reduced motion should drop.
- Gooey effect
Blurring a group of shapes and then crushing the blur back to a hard edge so overlapping elements merge into one liquid silhouette as they move apart and together.
- Line drawing animation
An SVG stroke that appears to draw itself by animating its dash offset along its own length, used for signatures, check marks and illustrated line art.
- Lottie
A JSON format for vector animations exported from design tools and played natively on the web and mobile, so complex motion ships without video.
- Particle background
An ambient decorative background of many small moving agents: drifting dots, linked constellations, flocks, or starfields animating behind the page content.
surface
- Halftone
Rendering tone as a grid of dots that vary in size, borrowed from print and used to give flat interface art a comic or newsprint feel.
- Holographic foil
A finish that shifts hue with viewing angle, imitating foil, soap film, or a CD surface with banded rainbow gradients over a pale metallic ground.
- Organic blob
A soft irregular shape with no straight edges, used as a background accent or image mask to soften a strictly rectangular layout.
- Scanlines
Thin repeating dark lines laid over an interface to imitate the raster of a cathode ray tube screen, often with a slight curve and flicker.
- Specular highlight
The bright reflection drawn on a surface to say it is glossy, placed where a light source would strike a curved object.
- Terrazzo
A background pattern of small irregular chips scattered on a plain field, copied from poured stone flooring and used flat and multicolored behind interface content.