Design aesthetics for the web

Question 1

Aesthetics

Answer 1

• a brand of philosophy that explores the concept of beauty and art

Question 2

Plato on beauty

Answer 2

beauty involves the pleasure brought on by the quality of beauty

Question 3

Aristotle on beauty

Answer 3

it is a function of art to bring about the experience of beauty

Question 4

The concept of “taste” originates from…

Answer 4

Alexander Baumgarten’s Aesthetica (german)

Question 5

taste

Answer 5

where one judges the beauty of an object by the senses–taste, touch, sight, sound, smell

Question 6

Kant on aesthetics

Answer 6

• aesthetics is the subjective means by which one can judge and appreciate beauty

Question 7

Kant’s 3 principles of beauty (3)

Answer 7

1. beauty is subjective
2. beauty can shift over time
3. beauty is dependant on context

Question 8

elements of design

Answer 8

• the basic component in creating and designing

Question 9

principles of design

Answer 9

• rules of thumb of design

- should always be considered but not always followed

Question 10

8 elements of design (8)

Answer 10

1. colour (hue)
2. value (tone)
3. texture
4. shape
5. form
6. space and whitespace
7. line
8. type

Question 11

8 elements of design (8)

**colour

**primary colours (3)

Answer 11

1. red
2. blue
3. yellow

Question 12

8 elements of design (8)

**colour

**secondary colours (3)

Answer 12

1. green (yellow + green)
2. orange (red + yellow)
3. violet (green + blue)

Question 13

8 elements of design (8)

**colour

**tint

Answer 13

adding white to a colour

Question 14

8 elements of design (8)

**colour

**shade

Answer 14

adding black to a colour

Question 15

8 elements of design (8)

**colour

**monochromatic

Answer 15

• is harmonious and trending

- same colour and various iterations, shades, and tints

Question 16

8 elements of design (8)

**colour

**complementary colours

Answer 16

choosing colours at opposite ends of the colour wheel

Question 17

8 elements of design (8)

**colour

**analogous colours

Answer 17

choosing colours adjacent on the colour wheel

Question 18

8 elements of design (8)

**colour

**triad colours

Answer 18

• choosing 3 colour that are of equal distance on the colour wheel

Question 19

8 elements of design (8)

**value

Answer 19

the degree of lightness to darkness

Question 20

8 elements of design (8)

**texture

Answer 20

• the surface quality of any shape or line

Question 21

8 elements of design (8)

**shape

Answer 21

• any area bound by line, value, or colour

Question 22

8 elements of design (8)

**form

Answer 22

• the overall mass of shapes in your design and how it relates to other objects

Question 23

8 elements of design (8)

**space

Answer 23

• the area between objects

Question 24

8 elements of design (8)

**line

Answer 24

• marks, paths, mass, or edge which defines direction

Question 25

8 elements of design (8)

**type

Answer 25

the font you use

Question 26

principles of design (10)

Answer 26

1. contrast
2. emphasis
3. balance
4. unity
5. pattern
6. movement
7. rhythm
8. proportion
9. simplicity
10. gradation

Question 27

principles of design (10)

**contrast

Answer 27

• the position of 2 or more elements by way off different shape, colour, line, tone, etc….to show emphasis

Question 28

principles of design (10)

**emphasis

Answer 28

• when attention is focused on a single area with the design

Question 29

principles of design (10)

**balance

Answer 29

• when there is a feeling of equality, weight, distance, distribution of the elements on a page

Question 30

principles of design (10)

**unity

Answer 30

the pleasing arrangement of parts in a composition

Question 31

principles of design (10)

**pattern

Answer 31

• a way to keep organization and harmony through repetition

Question 32

principles of design (10)

**movement

Answer 32

• the suggestion of action or direction

Question 33

principles of design (10)

**movement

**parallax

Answer 33

• a type of scrolling where the background moves slower than the objects on the screen
• gives an illusion of 3-d depth

Question 34

principles of design (10)

**rhythm

Answer 34

when 1 or more elements are repeated enough to have a distinct rhythm

Question 35

principles of design (10)

**proportion

Answer 35

the visual relationship in term of their size, position, or dominance

Question 36

principles of design (10)

**simplicity

Answer 36

• deals with the elimination of non-essential essence of form

Question 37

principles of design (10)

**gradation

Answer 37

• a gradual change from one state to another

Question 38

thumb zone

Answer 38

the area that mobile users can reach comfortable by the thumb(s)

Question 39

web safe fonts (3)

Answer 39

1. cross platform
2. already on a user’s device
3. limited option

Question 40

fonts (3)

Answer 40

1. platform indépendant
2. do not need to be pre-installed on a user’s device
3. hundreds of options

Question 41

form follows…..

Answer 41

FUNCTION

Question 42

form follow functions

Answer 42

• when developing, remember that the look and feel is the result of the requirements of the function

Question 43

using font tips (4)

Answer 43

1. think in contrast
2. play with scale
3. match text and tone
4. be courageous!

Question 44

5 rules of using the grid system (5)

Answer 44

1. choose a grid, any grid (bootstrap, 960 grid, etc)
2. work with ratios
3. align everything
4. use whitespace
5. think responsive

Question 45

the general heat map of eyes on a webpage is…

Answer 45

an F shape