UI Design

This page is generated. Do not edit it by hand — run scripts/atlas-vocab.py.

part of Design · tier 2 · Image · 1,867 pieces of work carry it · 4 crafts it is confused with

The craft, and who hires it

Bought for app and website design, e-commerce experiences, and design systems — sold inside 'UX & UI / Design systems' capability groups (Work & Co, benchmark §7-C) rather than as standalone screens.

Designing user interfaces — screens, layouts, and interactive elements for digital platforms — where the visual and structural design of the interface itself is the craft.

Tag it when…

Tag when designed interface craft is the content: app/web screens, product-UI mockups, or stills where the screen's design is what the piece presents. The interface must be the subject, not incidental scenery.

Never tag it when…

Never tag incidental screen capture inside a film — a UI walkthrough passage in a demo or customer-story film is a MOMENT, not an asset-grain UI Design tag (the canon §3 Sol case). 'UI Animation' is a LENS, not a craft leaf (benchmark Q1 — no studio sells it); interface build/engineering goes to Web / Interactive Development (Creative Technology). Whole-product definition goes to Product Design.

Easily mistaken for 4 other crafts

Every other page suggests neighbours by similarity. This one navigates by difference: each line names the craft this is confused with, and the rule for telling them apart.

• design product design — The screen's design = UI Design; the product's overall definition = Product Design
• design iconography — An icon SET as the work = Iconography; screens that contain icons = UI Design
• creative technology web interactive development — Designing the interface = UI Design; building/engineering it = Web / Interactive Development
• design graphic design — Marketing graphics ABOUT an app are Graphic Design; the interface itself is UI Design

At what size it applies

ASSET tag when the item IS interface design — screens as the piece. A UI/screen beat inside a demo, tutorial, or customer-story film is a MOMENT (product-demo shelf territory); the film keeps its own craft.

Pieces that settle the definition

• You asked, ChatGPT voice answered. — image 2 — Product-UI screen presented as the content itself (DB-verified link, is_primary)
• Reminder: Mother's Day is this Sunday. Swipe for chats that can help you make sure that day is special for the moms in y — image 4 — App-interface layout as the piece (DB-verified link, is_primary)
• Dream job loading … — image 5 — Interface design carried as the asset's visible craft (DB-verified link, is_primary)
• From upgrading your daily routines to getting to know yourself better, try these in ChatGPT, and let us know what you le — image 5 — Product-UI showcase still (DB-verified link, is_primary)

Where to look next

• The whole services tree — the services index.
• Every other vocabulary — the vocabulary index.
• How work gets credited to a craft — the entities chapter.