Please enable JavaScript.
Coggle requires JavaScript to display documents.
UX Design - Coggle Diagram
UX Design
Elements of Design
Color Theory
Intro
Color Wheel
Temperature
Cool Colors
Warm Colors
Neutral Colors
Color Palette
Primary Colors
Secondary Colors
Tertiary Colors
HEX Triplet
RGB Color Model
Additive Color Model
Subtractive Color Model
Color Properties
Tone
Lightness
Tint
Value
Shade
Saturation
Hue
Opacity
Intro
Image Terminology
Image Placeholder
Hero Image
Ilustration
Thumbnail Image
Photograph
Ligthbox
Intro
Profile Picture
Avatar
Profile Placeholder
Icons
Identicons
Emojis
Image Properties
Image stretch
Image tile
Image fit
Background image
Image fill
Intro
Web resolution
Print resolution
Export size
Image overlay
Image mask
Alt text
Grid
Quilted grid
Masonry grid
Woven grid
Standard grid
Staggered
Staired
Aligned
Intro to Typography
Typeface
Serif
Sans-serif
Script
Slab Serif
Display
Monospaced
Handwriting
Intro
Font
Font Weight
Regular Fonts
Bold Fonts
Italic Fonts
Animation Theory & Motion
Intro
Animaition
Animation Timeline
Animation Keyframes
Animation Duration
Animation Delay
Linear Curve
Easing Curve
Ease-In Curve
Ease-Out Curve
Ease-In-Out Curve
Spring Animation
Bounce Animation
Icon Terminology
Intro
Types
Colored Icons
Duotone Icons
Outlined Icons
Filled Icons
Icon Container
Icon Grid
Icon Paddings
Icon Keylines
Icon Border Radius
Unique Icons
Universal Icons
Conflicting Icons
Intro to Shadows
Intro
Shadow
Directional shadow
Shadow x-axis
Shadow y-axis
Horizontal offset shadow
Vertical offset shadow
Hard shadow
Soft shadow
Inner shadow
Shadow blur
Shadow spread
Shadow elevation
Foreground color blending
Background color blending
Shadow grouping
Multiple shadows
Shadow stacking
Typographic Terms
Kerning
Tracking
Line Height (Leading)
Baseline
Alignment
Flush Left
Centered
Flush Right
Justified
Cap Height
Body
Cap Line
Typographic Hierarchy
Headline
Eyebrow Headline
X-Height
Mean Line
Intro
Getting Started
UI Design Elements
Intro
Color
Positive and negative space
Typography
Microcontent
Motion
Shadows
Imagery
Icons
Components
Layout
Common Designer Roles
Intro
UX Designer
UI Designer
Visual Designer
Product Desinger
Information Architect
Motion Designer
Interaction Designer
UX Researcher
UX Engineer
Ilustrator
UX Design Principles
Usability
Desirability
Findability
Accesibility
Usefulness
Credibility
Intro
Value-impact
What is UX Design?
Information architecture
The $300 million button
UX designer
The expression "user experience"
UX vs. UI design
UX design
Intro
The design thinking process
Design Principles & Practices
Atomic Design by Brad Frost
Intro
Atoms
Molecules
Organisms
Templates
Pages
10 Usability Heuristics by Jakob Nielsen
Match between the system and the real world
User control and freedom
Visibility of system status
Consistency and standards
Intro
Error prevention
Recognition rather then recall
Flexibility and efficiency of use
Aesthetic and minimalist design
Help users recognize and recover from errors
Help and documentation
Design Principles
Intro
Unity
-
example
Alignment
-
example
Proximity
-
example
Balance
-
example
Contrast
-
example
Emphasis
-
example
Repetition
-
example
Movement
-
example
Negative Space
-
example
Hierarchy
-
example
Proportion
-
example
Working in UX/UI Design
Design Layouts