Design Principles

Question 1

UX

Question 2

UI

Question 3

Heat Map Scanning Patterns

Question 4

Visual Hierarchy

Answer 4

Visual hierarchy is the arrangement of graphic elements in a design in order of importance of each element. The visual weight defines the importance of an element in a design’s hierarchy, communicating to a viewer’s eyes what to focus on and in what order.

Question 5

Negative Space

Question 6

Rule of Thirds

Question 7

Gestalt laws of visual perception - proximity,
similarity, continuation, symmetry, and closure.

Question 8

Typography types

Question 9

Typeface

Answer 9

A typeface is a group of alphabetic and numeric characters that
have been given a particular appearance and feel.

Question 10

Font

Answer 10

Fonts are specific implementations of typefaces.

Question 11

Tracking

Answer 11

Tracking is simply the spacing between letters.

Question 12

Kerning

Question 14

Typography Hierarchy

Question 15

What is the best root (base) font size?

Answer 15

16px

Question 16

What is the optimal paragraph length?

Answer 16

Between 40 and 80 characters.

Remember to include around 60–70 characters in
each line, and don’t go over that.

Question 17

What is the optimal leading space? (line height)

Answer 17

For paragraphs: 1.5
For headings: 2.5

Question 18

Text contrast colors

Answer 18

Dark grey text with very light gray background

Dark grey background with very light grey text