#
No entries yet.
A
Animation / Motion DesignDesignAnimation and motion design in interfaces use movement to guide attention, provide feedback, indicate transitions, and add personality. Effective motion is purposeful, performant, and respectful of user preferences.Atomic Design (Atoms / Molecules / Organisms)DesignAtomic Design is a methodology for creating design systems by breaking interfaces into a hierarchy of components: atoms (basic elements), molecules (simple combinations), organisms (complex sections), templates (layouts), and pages (specific instances).
B
Brand GuidelinesDesignBrand guidelines are the official rulebook for how a brand should be presented across every medium, covering logo usage, color values, typography, tone of voice, and application examples.Brand IdentityDesignBrand identity is the visible and tangible expression of a brand: its logo, colors, typography, imagery, voice, and all visual and verbal cues that distinguish it from competitors.
D
Design HandoffDesignDesign handoff is the process of transferring finalized designs from designers to developers for implementation. The goal is to bridge the gap between design intent and code with minimal misinterpretation.Design SprintDesignA Design Sprint is a five-day process developed by Google Ventures for answering critical business questions through design, prototyping, and testing with real users. It compresses months of work into a week.Design SystemDesignA design system is a collection of reusable components, patterns, and standards governed by clear principles. It is the single source of truth for teams building digital products at scale.Design TokensDesignDesign tokens are platform-agnostic variables that store design decisions like colors, spacing, typography, and shadows. They bridge design and code by replacing hardcoded values with named references.
E
Emotional DesignDesignEmotional design is the practice of creating products that elicit specific emotional responses from users, building connection, delight, and loyalty. Don Norman's framework divides it into three levels: visceral, behavioral, and reflective.Empty State / Error State / Loading StateDesignThese are three critical non-happy-path UI states. Empty states appear when there is no data to show. Error states handle failures. Loading states indicate that content is being fetched. Designing all three determines how resilient a product feels.
H
No entries yet.
I
No entries yet.
J
No entries yet.
K
No entries yet.
M
MicrointeractionsDesignMicrointeractions are small, contained moments of interaction that accomplish a single task. Examples include toggling a switch, seeing a like animation, or pulling to refresh. They add personality, feedback, and polish.Mobile-First DesignDesignMobile-first design is a strategy of designing for the smallest screen first, then scaling up to larger screens. It forces prioritization of essential content and features, leading to better experiences on every device.MockupDesignA mockup is a high-fidelity, static visual representation of a design that shows what the final product will look like, including colors, typography, imagery, and layout.
N
No entries yet.
O
No entries yet.
Q
No entries yet.
R
No entries yet.
S
No entries yet.
U
UI (User Interface)DesignUI is the visual layer people interact with on a screen: buttons, menus, icons, layout, colors, and typography that together form the interface of a website, app, or device.UX (User Experience)DesignUser Experience (UX) is the totality of how a person feels when interacting with a product, service, or system. It covers every touchpoint from first impression to ongoing use.
V
Visual DesignDesignVisual design is the craft of shaping a product's appearance using typography, color, spacing, imagery, and layout to support usability, hierarchy, and brand identity.Visual HierarchyDesignVisual hierarchy is the arrangement of design elements in order of importance, guiding the viewer's eye through content using size, color, contrast, spacing, and positioning.
W
Web FontsDesignWeb fonts are typefaces loaded by a browser from a server or CDN so that text renders in a chosen typeface rather than falling back to system defaults. They make brand typography possible on the web.White Space / Negative SpaceDesignWhite space (or negative space) is the empty area between design elements. It is a deliberate design tool, not wasted space. It improves readability, creates visual breathing room, and signals importance.WireframeDesignA wireframe is a low-fidelity, structural blueprint of a page or screen that shows layout, content hierarchy, and functionality without visual design details like color or typography.
X
No entries yet.
Y
No entries yet.
Z
No entries yet.