Visual Design Principles

Question 1

Visual Design Principle #1 - Spacing

Answer 1

Have areas without content (whitespace)
Margins, gutters, column spacing, etc.

Question 2

Macro white space

Answer 2

Space between major layout elements (margin)
Helps with control of information

Question 3

Micro white space

Answer 3

Space within content elements (line spacing)

Question 4

Visual Design Principle #2 - Grouping

Answer 4

There should be space between unrelated items, and related items should be in close proximity

Question 5

Law of Proximity

Answer 5

People perceive things that are close together as related to one another

Question 6

Visual Design Principle #3 - Simplicity

Answer 6

Don’t overwhelm users with visual clutters
- Hide infrequently used information
- Provide clean default interface

Question 7

C.R.A.P. design principles

Answer 7

Contrast, Repetition, Alignment, Proximity

Question 8

Contrast

Answer 8

Color, weight, size, shape

Question 9

Repetition

Answer 9

Maintain consistency in ways of presenting information

Question 10

Alignment

Answer 10

Place elements in association with some invisible guidelines

Question 11

Proximity

Answer 11

Place related objects in groups with one another