The Four Basic Principles of Document Design Adapted from Robin Williams’ The Non-designer’s Design Book by Kelly Daniels.

Slides:



Advertisements
Similar presentations
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.
Advertisements

Business Card Design.
contrast, repetition, alignment, proximity
Interactive Power Point
Elements of Design: The 4 Basic 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.
The Four Basic Principles C ontrast R epetition A lignment P roximity.
Design Principles for PowerPoint
The Non-Designer’s Design Book
Introduction to Visual Literacy. Essential Questions: What does it mean to be a “Visually Literate Person” (VLP)? Why is it important for teachers and.
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.
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.
Basic Elements of Design
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
Basi c For MYP Technology Design Principles. Good Design Is As Easy as Learn the principles. They’re easier than you might think. 2. Realise.
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.
Principles of Document Design Adapted from
Basic Design Principles Unlocking the Secrets to Creating Professional Documents.
Desktop Publishing CRAP.
JRN 302: Introduction to Graphics and Visual Communication - Proximity, contrast Tuesday, 11/9/15.
Design Principles Contrast Repetition Alignment Proximity Font Rules &
PRINCIPLES OF DESIGN Proximity, Alignment, Repetition & Contrast.
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.
Introduction to Interactive Media 09: Good Design is CRAP.
Design Principles Allowing you to create more professional web pages.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
Index Contrast Repetition Alignment Proximity Font Styles Quiz Created by: Lauren Boresch.
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Desktop Publishing Business Cards Your LogoYour own footer.
Four important design principles to improve your work
The Four Basic Principles
CARP Four Principles of Design
Design Principles & Font Rules By: Megan Janke
Chapter 13: Professional Visual Aids
Principles of Graphic Design
The Principles of Graphic Design
The Principles of Graphic Design
The Elements of Design (SWITCH) Journalism 125.
Chapter 1 Introduction Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its.
Contrast Repetition Alignment Proximity
C.R.A.P. Design Principles
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Design Principles 8-Dec-18.
The Four Basic Principles
C.R.A.P. Design Principles
Rules of Design.
Thursday
Design Principles 5-Apr-19.
Design Principles.
The four basic principles of design
Adapted from The Non-Designers Design Book
Principles of Design Contrast Repetition Alignment Proximity
The four basic principles of design
How to look good on paper in four easy steps
Presentation transcript:

The Four Basic Principles of Document Design Adapted from Robin Williams’ The Non-designer’s Design Book by Kelly Daniels

Overview Proximity : Group related items together. Alignment : Every element should have some visual connection with another element on the page. Repetition : Repeat Visual elements of the design throughout the piece. Contrast : Elements should either be the same or very different. Avoid elements that are merely similar.

Proximity : Group related elements together GG Marquez Café Macando 100 Solidad Lane Bogota, Columbia Café Macando GG Marquez 100 Solidad Lane Bogota, Columbia Which is the better document design for a business card?

Alignment : Every item should have a visual connection with something else on the page. Café Macando GG Marquez 100 Solidad Lane Bogota, Columbia Café Macando GG Marquez 100 Solidad Lane Bogota, Columbia Now which card looks better?

Repetition : Repeat Visual elements of the design throughout the piece. Café Macando GG Marquez 100 Solidad Lane Bogota, Columbia Café Macando GG Marquez 100 Solidad Lane Bogota, Columbia Look what a little repetition of a bold font style can do.

Contrast : Elements should either be the same or very different. Avoid elements that are merely similar. Café Macando GG Marquez 100 Solidad Lane Bogota, Columbia Café Macando GG Marquez 100 Solidad Lane Bogota, Columbia The heading on the card on the left is a different font, but from a similar font family. This leaves most readers with a vague sense of unease. It doesn’t quite look right. If you’re going to use the principle of contrast, don’t be a wimp. Leave no doubt in the reader’s mind that you meant for these elements to be different. Learning about font families will help in achieving effective contrast.

You can apply these principles to any document. Use your judgment. Blood red text or Chiller font is not appropriate for every occasion, but the principle of contrast can be. This demonstration made use of a couple of fonts and a bold font style. When you introduce colors and graphic elements, these principles can be quite dramatic. Play around, have fun, save a conservative draft in case you screw something up.