Synonyms: visual communication design, communication design, visual design
Do not index
Definition
Graphic design is the practice of arranging type, images, color, and space to communicate a message. It covers areas such as logos, brand identities, posters, packaging, and digital interfaces.
In UX, these skills appear in visual design, including typography, color, icons, spacing, and hierarchy. Graphic design often produces a fixed visual artifact, while UX/UI design applies visual decisions to interactive experiences.
Use cases
Graphic design principles help make interfaces clear, consistent, and visually coherent.
Weak hierarchy: Equal visual weight across headings makes important information harder to find.
Poor readability: Text placed over an image lacks sufficient contrast.
Brand inconsistency: Different teams apply visual guidelines differently across products.
How it's used in practice
Build a type system: Define a small set of text sizes and weights for a consistent hierarchy.
Establish visual hierarchy: Use size, weight, color, and spacing to distinguish primary and secondary content.
Use a grid: Align elements consistently across screens and breakpoints.
Validate accessibility: Check typography, contrast, and other visual choices against accessibility requirements.
🪄
Pro-tip: Blur a screenshot of your interface. If the visual structure becomes confusing, your hierarchy may need work.
Challenges & limitations
Aesthetic bias: Attractive interfaces can receive favorable reactions even when usability problems remain.
Static-design mindset: Designers coming from print may overlook interactive states such as loading, errors, and empty states.
Subjective feedback: Visual decisions often attract personal preferences, making objective design principles important for evaluation.
