Visual Design Elements

Question 1

Shape

Answer 1

Used to create UI elements and design assets

Straight edges= formal, serious
Rounded edges=fun, friendly

Question 2

Color

Answer 2

Defines product’s aesthetic and creates organized design, makes elements stand out

Color psychology

Question 3

Texture

Answer 3

Surface of an object

Used to attract or deter attention to areas of interface

Question 4

Space

Answer 4

Negative/ white space

Blank area around objects like images, text, and buttons
-lessens visual noise

Proximity

Question 5

Form

Answer 5

3D effect-> object has mass
-makes elements pop

Design without form= flat design

Question 6

Typography

Answer 6

Fonts and how we style them

Color, style, size, readability, and spacing

Question 7

Layout

Answer 7

How elements are arranged on a page

Question 8

Viewing patterns

Answer 8

How our eyes move across the screen

2 patterns: F (top left, move to right, move to left side, then to right, continues) and Z (top left, move right, diagonally down left, left to right)

Question 9

Common web layouts

Answer 9

Grid: works for pages with many similar elements (organized-> easy to scan)

Single-Column: good for text-heavy pages

Split: divides page into 2 separate sections (ex: info and action)