Elements of Design: The 4 Basic Principles.

Slides:



Advertisements
Similar presentations
Welcome to Module 1 In this lesson you will learn the basic principles of design: Balance, Proximity, Alignment, Repetition, Contrast and White Space.
Advertisements

Design Principles By: Jonathan Gross. CONTRAST IT’S WHAT MAKES A READER LOOK AT THE PAGE IN THE FIRST PLACE BECAUSE IT GETS THE READERS ATTENTION. WHEN.
Business Card Design.
contrast, repetition, alignment, proximity
Graphic Design Principles
Good and Bad Design. Contrast Contrast with color Contrast with images Contrast with fonts Contrast with size Contrast is one of the best ways to add.
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
Four Basic Design Principles
The four basic principles of design
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
 Effective advertising is NOT an accident!  Effective advertising MUST be well designed!
Principles of Design CRAP or PARC.
Design Principles for PowerPoint
The Non-Designer’s Design Book
Six Principles of Good Design
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO GRAPHIC DESIGN MOVEMENT, BALANCE, UNITY, CONTRAST, EMPHASIS, LINE, AND COLOR.
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Effective Graphic Design
Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.
Design Principles From The Non-Designer’s Design Book Second Edition by Robin Williams.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
General principles of publication design Magazine Design and Production COMM 3003.
Non-designer’s design principles Dr. Shuyan Wang.
Excerpts taken from The Non-Designer’s Design Book, Third Edition by Robin Williams.
Basic Elements of Design
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)
Four Principles of Design Dr. Allene Cooper. I gratefully acknowledge the ideas and words of Robin Williams which I’ve used liberally in this presentation.
Lesson 4: Design Principles
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
from The Non-Designer’s Design Book by Robin Williams
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
Design in Business Principle of Repetition Principle of Contrast.
Principles of Document Design Adapted from
Basic Design Principles Unlocking the Secrets to Creating Professional Documents.
Desktop Publishing CRAP.
Design Principles EDUC 6307: Design of Print Based Media Summer 2009 Ranelle Woolrich.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
4 Basic Principles of Design. Proximity When several items are in close proximity to each other, they become one visual unit rather than several separate.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
Design Principles Contrast Repetition Alignment Proximity Font Rules &
A Principle of Design.  The principle of proximity states that you group related items together, move them physically close to each other, so the related.
C R A P ONTRAST EPETITION ALIGNMENT ROXIMITY good design has By Kate Hansen - Adapted from Robin Williams The Non-Designer’s Design Book.
4 Basic Principles of Design  Proximity  Alignment  Repetition  Contrast Credit: Robin Williams.
Design Principles Allowing you to create more professional web pages.
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns.
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Four important design principles to improve your work
A graphic design principle
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
Design Principles & Font Rules By: Megan Janke
The Principles of Graphic Design
The Principles of Graphic Design
Document Design is CRAP
Design in Business Principle of Repetition Principle of Contrast.
Contrast Repetition Alignment Proximity
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Design Principles 8-Dec-18.
C.R.A.P. Design Principles
Design Principles 5-Apr-19.
Proximity, Alignment, Repetition & Contrast
Four Design Principles
Design Principles.
Six Principles of Good Design
Adapted from The Non-Designers Design Book
How to look good on paper in four easy steps
Presentation transcript:

Elements of Design: The 4 Basic Principles

Four Elements of Design Contrast Repetition Alignment Proximity

This ad was taken right out of a newspaper. Problems: all caps information is in one big chunk too hard to read The Non-Designer’s Design Book by Robin Williams

Principle of Contrast …really different! If two items are not exactly the same, then make them different… …really different!

Contrast: Add visual appeal creates organization Prevents skimming… it’s what makes a reader look at the page.

Contrast: add visual interest contrasting type, color, size, line thickness, shape, space, etc. Contrast is the beginning place for the eye.

Use of color in type for contrast. Traditional Home, July 2005

Creating Contrast: Large type with small type, graceful oldstyle font with a bold san serif font, a thin line with a thick line, a cool color with a warm color,

smooth texture with a rough texture, horizontal element with a vertical element, widely spaced lines with closely packed lines, large graphic with a small graphic.

W I M P — not a contrast. 12-point type with 14-point type D O N ’ T BE A W I M P 12-point type with 14-point type Half-point rule with one-point rule ― not a contrast. Dark brown with black ― not a contrast. — not a contrast.

The Non-Designer’s Design Book by Robin Williams

CONTRAST

Principle of Repetition Repeat some aspect of the design throughout the entire piece. For example, adding a thick line at the top and bottom of a page.

The repetitive element may be: a bold font a thick rule (line) a certain bullet color a design element

Repetition can be thought of as “consistency”. The Non-Designer’s Design Book by Robin Williams

The Oprah Magazine, March 2007 Repeating Color The Oprah Magazine, March 2007

The Oprah Magazine, March 2007 Repeating Color The Oprah Magazine, March 2007

The Oprah Magazine, March 2007 Repetition The Oprah Magazine, March 2007

Principle of Alignment Nothing should be placed on the page arbitrarily (randomly). Every item should have a visual connection with something else on the page.

Alignment: Always find something else on the page to align with, even if the two objects are physically far away from each other.

Alignment: Use only one text alignment per page. Avoid centering text – choose a stronger alignment/connection.

The Non-Designer’s Design Book by Robin Williams

The Non-Designer’s Design Book by Robin Williams

The Non-Designer’s Design Book by Robin Williams

Alignment: Remember people tend to read from upper left to lower right in a Z pattern. Avoid filling the four corners and center of a page.

Alignment is what tells the reader that even though these items are not close, they belong to the same piece.

Where does the ad direct your eye?

And this one?

The Non-Designer’s Design Book by Robin Williams

Principle of Proximity Group related items together. Move them physically close to each other, so the related items are seen as one cohesive group rather than a bunch of unrelated bits.

Proximity creates one visual unit rather than several separate units creates organization and reduces clutter

Use the element proximity to separate items that are different and unite those that are similar.

White Space… unite elements separate elements encourages reading creates a sense of openness

White space isn’t always white.

Another excellent use of white space.

Remember this flier? The Non-Designer’s Design Book by Robin Williams

Contrast Repetition Alignment Proximity The Non-Designer’s Design Book by Robin Williams

Design Pitfalls to Avoid: Rivers of white space. Rivers of white space. Rivers of white space. Rivers of white space. Rivers of white space. Rivers of white space. Rivers of white space. Design Pitfalls to Avoid: too much text, not enough white space and graphics rivers of white space

More Design Pitfalls to Avoid: widows - fewer than seven characters on the last line of a paragraph. Example: The word itself is only 6 characters on a line by itself. orphans - the last line of a paragraph at the top of a new column or page. Example: Nothing should be place on the page randomly. Every items should have a visual connection with something else on the page. A reader’s natural tendency is to read from upper left to lower right. Generally, use one of the four alignment choices on a page: left, right, centered, or justified. Align separate elements on a page in the same way. page 1 page 2