Lesson 3.1 Flashcards

1
Q

is the principle of arranging elements to show their order of importance

A

Visual hierarchy

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

Visual-design principles inform us how design elements such as _ go together to create well-rounded and thoughtful visuals.

A

line,
shape,
color,
grid, or
space

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

Is a very basic but crucial principle that can give elements more importance than others and help draw the viewer’s eye towards a certain area. By increasing the scale of an element, you can immediately attract the viewer’s attention.

A

Sizing

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

QUICK TIPS FOR CREATING VISUAL HIERARCHY WITH SIZE

A
  1. Use scale and contrast to save space
  2. Complement size with minimalism
  3. Make important text stand out
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

The range of sizes from smallest to largest will determine the scalability of the page, so playing around with one affects them all.

A
  1. Use scale and contrast to save space
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Designs accent size well and give them more weight. The more _ grows as a design technique, the more we see single, grand-scale elements taking center stage.

A
  1. Complement size with minimalism
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Size doesn’t just apply to buttons and images – you can draw attention to certain pieces of text by making them bigger, too.

A
  1. Make important text stand out
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

can be used similarly to size and weight to give importance to elements in your design. Brighter _ are typically going to grab the viewer’s attention much more than dull, non-saturated colors.

A

COLOR AND CONTRAST

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

(or color circle) is a circular combination of 12 different colors. There are three primary colors, three secondary colors and six tertiary colors on the_

A

color wheel

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

Primary colors (or base colors) are the foundation stone of the color world. There are three primary colors:

A

red,blueandyellow

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

Are the derivatives of primary colors. A _ combines two primary colors in definite proportions. There are three _on the color wheel, formed by the combination of primary colors.

A

Secondary color

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

The combination of primary and secondary colors yields _ ones. Are also known as intermediate colors. There are six _ colors on the color wheel:yellow-orange,red-orange,red-violet,blue-violet,blue-greenandyellow-green.

A

Tertiary Colors

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

RULES OF COLOR COMBINATION

A

Analogous Color Scheme
Complementary Color Scheme
Triadic Color Scheme

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

is one of the most widely used schemes as it comprises primary, secondary and tertiary colors. The rule for this color scheme is very simple: you have to select three adjacent colors on the color wheel.

A

Analogous Color Scheme

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

is based on the concept of contrast. Its simple rule is to choose two opposite colors on the color wheel to create a _.

A

Complementary Color Scheme

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

also has simple rules to follow when creating the combination. The rule for this color combination states that you have to select three colors on the color wheel equidistant from each other.

A

Triadic Color Scheme

17
Q

you can create an illusion of distance and separation in your elements to help bring focus to the areas that are important in your designs.

A

PERSPECTIVE

18
Q

Whitespace is a term used to describe the negative _ between elements in a design. It can be used to group elements together or separate them to give them greater importance.

A

Spacing

19
Q

From the visual-psychological school of thought from the early twentieth century, led to the discovery that users tends to perceive elements placed close together as having similar functions.

A

Gestalt principles

20
Q

Quick Tips for Creating Visual Hierarchy with Space

A
  1. Use variety
  2. Take advantage of grouping properties
  3. Limit elements per page
  4. Don’t overdo It
21
Q

Many designers avoid white space because they think it’s boring… and it certainly can be.

A
  1. Use variety
22
Q

Grouping elements together suggests similarity.

A
  1. Take advantage of grouping properties
23
Q

While you should modify the amount of space for content, no matter what type of site you have, you should always avoid clutter.

A
  1. Limit elements per page
24
Q

There’s a fine line between minimalism and dullness.

A
  1. Don’t overdo It
25
Q

12 visual hierarchy principles

A

1) Size Impacts Visibility
4) Fonts Organize Design
8) Alignment Directs Eyes
11) Lines Suggest Movement
12) Grids Organize a Design

2) Perspective Creates an Illusion of Depth
3) Color and Contrast Draws Attention
5) Space Provides Emphasis and Movement
6) Proximity Suggest Relationships
7) Negative Space Emphasizes
9) Odd-Numbered Groups Create Focus
10) Repetition Unifies a Composition