Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Front End > Design aesthetics for the web > Flashcards

Design aesthetics for the web Flashcards

1
Q

Aesthetics

A
  • a brand of philosophy that explores the concept of beauty and art
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Plato on beauty

A

beauty involves the pleasure brought on by the quality of beauty

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Aristotle on beauty

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

The concept of “taste” originates from…

A

Alexander Baumgarten’s Aesthetica (german)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

taste

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Kant on aesthetics

A
  • aesthetics is the subjective means by which one can judge and appreciate beauty
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Kant’s 3 principles of beauty (3)

A
  1. beauty is subjective
  2. beauty can shift over time
  3. beauty is dependant on context
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

elements of design

A
  • the basic component in creating and designing
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

principles of design

A
  • rules of thumb of design

- should always be considered but not always followed

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

8 elements of design (8)

A
  1. colour (hue)
  2. value (tone)
  3. texture
  4. shape
  5. form
  6. space and whitespace
  7. line
  8. type
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

8 elements of design (8)

**colour

**primary colours (3)

A
  1. red
  2. blue
  3. yellow
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

8 elements of design (8)

**colour

**secondary colours (3)

A
  1. green (yellow + green)
  2. orange (red + yellow)
  3. violet (green + blue)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

8 elements of design (8)

**colour

**tint

A

adding white to a colour

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

8 elements of design (8)

**colour

**shade

A

adding black to a colour

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

8 elements of design (8)

**colour

**monochromatic

A
  • is harmonious and trending

- same colour and various iterations, shades, and tints

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

8 elements of design (8)

**colour

**complementary colours

A

choosing colours at opposite ends of the colour wheel

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

8 elements of design (8)

**colour

**analogous colours

A

choosing colours adjacent on the colour wheel

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

8 elements of design (8)

**colour

**triad colours

A
  • choosing 3 colour that are of equal distance on the colour wheel
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

8 elements of design (8)

**value

A

the degree of lightness to darkness

20
Q

8 elements of design (8)

**texture

A
  • the surface quality of any shape or line
21
Q

8 elements of design (8)

**shape

A
  • any area bound by line, value, or colour
22
Q

8 elements of design (8)

**form

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

8 elements of design (8)

**space

A
  • the area between objects
24
Q

8 elements of design (8)

**line

A
  • marks, paths, mass, or edge which defines direction
25
Q

8 elements of design (8)

**type

A

the font you use

26
Q

principles of design (10)

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

principles of design (10)

**contrast

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

principles of design (10)

**emphasis

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

principles of design (10)

**balance

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

principles of design (10)

**unity

A

the pleasing arrangement of parts in a composition

31
Q

principles of design (10)

**pattern

A
  • a way to keep organization and harmony through repetition
32
Q

principles of design (10)

**movement

A
  • the suggestion of action or direction
33
Q

principles of design (10)

**movement

**parallax

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

principles of design (10)

**rhythm

A

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

35
Q

principles of design (10)

**proportion

A

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

36
Q

principles of design (10)

**simplicity

A
  • deals with the elimination of non-essential essence of form
37
Q

principles of design (10)

**gradation

A
  • a gradual change from one state to another
38
Q

thumb zone

A

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

39
Q

web safe fonts (3)

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

fonts (3)

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

form follows…..

A

FUNCTION

42
Q

form follow functions

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

using font tips (4)

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

5 rules of using the grid system (5)

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

the general heat map of eyes on a webpage is…

A

an F shape

Front End (5 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions