Principles of Design

Learning Objective

Today we will Determine what are the Principles of Design and how they affect art and design in general.

​​Class Norms and Procedures

• Phones, Airpods/earphones in backpack/bags

  • Don't have a backpack/bag, Mr. Luna can hold them

  • IF you don't want to do either of the above,

    • DON'T BRING THEM TO MY CLASS

• Food, Drinks and Candy in backpack or bags

• Put backpacks and bags by the printers

Graphic Design | LUNA

Principles of Design

​Class Norms and Procedures

• NO Talking to friends WHILE I'm Talking,

  • NO TALKING WHILE I'M TALKING

• Stay at your seats at all time, ask me if you need to get UP

  • DO NOT OPEN THE DOOR, I'll do that.

• Only 1 restroom pass per period.

  • Take more than 10 minutes, can't go for 5 PERIODS

• NO Inappropriate language, this includes the N-WORD. 😡

Graphic Design | LUNA

Principles of Design

​​Dad Joke of the Day

If you have 8 apples in one hand and 6 oranges in the other, what do you have?

• you say: "What do we have sir?"

Graphic Design | LUNA

Principles of Design

​​Dad Joke of the Day

BIG HANDS!!!

• Laugh!!! but make it sound real.

Graphic Design | LUNA

Principles of Design

Multiple Choice

Does a good design make a product more attractive and therefore it would sell better?

• No, people just buy what they like (or want).

• Yes, if it looks good then more people will buy it.

What is Layout & Composition?

Layout refers to the way in which we arrange the elements on a page which makes up the content of a design. The aim of layout is both to convey the message correctly and to present information in a logical, coherent way making the important elements stand out.

What is Layout & Composition?

Composition is the arrangement or placement of visual elements in a piece of artwork. You might consider this exactly the same as the “layout” of a piece(a term you hear a lot in graphic design). Composition is essentially the same thing.

What is Layout & Composition?

Composition is when the arrangement or placement of visual elements in a piece of artwork. You may consider this exactly the same as "layout" of a piece(a term you hear a lot in Graphic Design). Composition is essentially the same thing.

The Four Basic Principles

The key to mastering layout and composition is to think like a designer. Luckily, it's easier than it sounds. There are four basic principles that can help you transform your work and sharpen your eye for design. Keep them in mind during your next project, and look for ways to apply them.

Multiple Choice

What is Layout?

• the arrangement or placement of visual elements in a piece of artwork

• the way in which we arrange the elements on a page which makes up the content of a design

• the elements that are closer together are perceived to be more related than elements that are farther apart

Multiple Choice

What is Composition?

• the arrangement or placement of visual elements in a piece of artwork

• the elements that are closer together are perceived to be more related than elements that are farther apart

• the way in which we arrange the elements on a page which makes up the content of a design

Multiple Select

Choose the 4 principles of design that we just talked about.

• Proximity

• Alignment

• Color

• Contrast

• Repetition

PROXIMITY

The principle of Proximity is when the elements that are closer together are perceived to be more related than elements that are farther apart.

Proximity helps us organize objects by their relatedness to other objects. Proximity is the strongest principle for indicating relatedness of objects, helping us understand and organize information faster and more efficiently.

Proximity's Relationships with Connections

• Proximity can create relationships between visual elements in a composition, create relevance, hierarchy; create organization and structure.

• Proximity can also be used to suggest no relationship between elements, to break organization and structure.

Multiple Choice

What is Proximity?

• the placement of visual elements so they line up in a composition

• the elements that are closer together are perceived to be more related than elements that are farther apart

• a reminder that every project should have a consistent look and feel

​

​​Candy Battle Royal

Graphic Design | LUNA

Principles of Design

​

​​Candy Battle Royal Winner

Graphic Design | LUNA

Principles of Design

Poll

Choose Wisely

Alignment

ALIGNMENT

Alignment is the placement of visual elements so they line up in a composition.

In design, we use alignment to organize elements, to group elements, to create balance, to create structure, to create connections between elements, to create a sharp and clear outcome.

Two alignment principles:

• Edge alignment 

• Center alignment

In design, one should try and avoid the appearance of having made arbitrary decisions. When visual elements are out of alignment, it is noticeable, and can devalue a piece of work if done unintentionally.

Multiple Choice

What is Alignment?

• one item is different from another

• reminder that every project should have a consistent look and feel

• the placement of visual elements so they line up in a composition

Multiple Select

What are the 2 types of alignment principles?

Only choose 2

• Internal alignment

• Central alignment

• Edge alignment

• Serious alignment

CONTRAST

Contrast simply means that one item is different from another. In layout and composition, contrast can help you do many things, like catch the reader's eye, create emphasis, or call attention to something important.

Contrast - 2 Purposes

• The first purpose is to create a point of interest on the page. If a page is interesting to look at, it is more likely to be read.

• The second purpose is to organize information.

Multiple Choice

What is Contrast?

• simply means that one item is different from another

• reminder that every project should have a consistent look and feel

• elements that are closer together are perceived to be more related than elements that are farther apart

Multiple Choice

Contrast has 2 purposes, one is to organize information, what is the other one?

• Have elements line up together.

• Create a point of interest on the page.

• Communicate what will be set up on the right.

REPETITION

Repetition is a reminder that every project should have a consistent look and feel. This means finding ways to reinforce your design by repeating or echoing certain elements.

The ultimate goal is to make an impression.

It could be said that repetition in design is a type of brainwashing. The more we see of something the more we familiarize with it, thus remember it. Whether we like it or not, repetition is impressionable. It’s human nature to find comfort and attraction to familiarity.

Multiple Choice

What is Repetition

• the elements that are closer together are perceived to be more related than elements that are farther apart

• a reminder that every project should have a consistent look and feel

• the placement of visual elements so they line up in a composition

Multiple Choice

Choose 1 of the 4 Principles of Design that you think is the most interesting

(Only choose 1)

• Proximity

• Alignment

• Contrast

• Repetition

Open Ended

Choose 1 of the 4 principles of design and give me a brief description of that principle.

Example:

Contrast is when one....

Alignment is the...

Proximity is when the...

Repitition is a...

Review-What are the 4 Principles of Design

• Proximity - Elements that are closer are related.

• Alignment - Visual elements are lined up

• Contrast - items are different from others

• Repetition - A consistent feel and look

Soccer is better than American Football.

My opinions are always FACTS!

Unpopular Opinion