Home Page Icon
Home Page
Table of Contents for
I. Visual Design Principles
Close
I. Visual Design Principles
by Joel Marsh
Designing effective interfaces
I. Visual Design Principles
1. Visual Weight (Contrast and Size)
Contrast
Depth and Size
2. Color
Meaning
Recede or Advance
Keep Wireframes Simple
Combine Visual Principles
3. Repetition and Pattern-Breaking
Breaking a Pattern
Combine Your Principles
4. Line Tension and Edge Tension
Line Tension
Edge Tension
Combine Your Principles
5. Alignment and Proximity
Alignment
Proximity
6. Using Motion for UX
If Motion Makes People Wait, It’s Bad
Motion Is Noticed First
Straight lines point in a direction
Curved lines make people follow the curve
II. Wireframes and Prototypes
7. Z-Pattern, F-Pattern, Visual Hierarchy
The Z-Pattern
F-Pattern
Why Is This Important?
Create a Visual Hierarchy
8. Layout: Page Framework
Footers
Navigation
Huge Submenus Are Never a Good Idea
tl;dr
9. Layout: The Fold, Images, and Headlines
The Fold
Images
Headlines
tl;dr
10. Layout: The Axis of Interaction
Find the Edges
11. Forms
One Long Page or a Few Short Pages?
Input Types
Labels and Instructions
Preventing and Handling Mistakes
Speed versus Mistakes
12. Primary and Secondary Buttons
Primary Buttons
Secondary Buttons
Importance Is a BIG Exception
Special Buttons
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Designing effective interfaces
Next
Next Chapter
1. Visual Weight (Contrast and Size)
Part I.
Visual Design Principles
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset