Four Basic Design Principles

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.
Basic Design Principles for Creating Effective Visual Aids Created by: The University of North Texas in partnership with the Texas Education Agency.
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.
The Four Basic Principles of Document Design Adapted from Robin Williams’ The Non-designer’s Design Book by Kelly Daniels.
Learning C.R.A.P. Design Principles in Preparation for your OPR English 307: Business Writing Amy C. Kimme Hea.
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.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
WEB DESIGN TIPS FOR DESIGNING A WEB PAGE. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!
4 design principles for web publishing (the non-designer’s web book, by robin williams) Leong Lee, Ph.D. University of Missouri (MS&T) Assistant Professor,
DESIGN PRINCIPLES.
Design Principles for PowerPoint
Introduction to Visual Literacy. Essential Questions: What does it mean to be a “Visually Literate Person” (VLP)? Why is it important for teachers and.
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.
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
Effective Graphic Design
Design Principles From The Non-Designer’s Design Book Second Edition by Robin Williams.
General principles of publication design Magazine Design and Production COMM 3003.
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.
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.
The Principles Of Design P.A.R.C.. Why do we need the principles? They bring order and organization They make it attractive. They make it interesting.
Jeep Ad Lego Ad From p. 15 of The 4 Principles of Design, by Robin Williams.
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.
Web Design Basics What is a good web site from a design standpoint?
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
TECM 3200 Dr. Lam. Project 1: Designing/developing a professional website  Web design process  Content on the web  Laying out your website.
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
Graphic Design—The Law of C.R.A.P.
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
The Principles of Graphic Design
The Principles of Graphic Design
Document Design is CRAP
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
Design Principles 5-Apr-19.
Design Principles.
Six Principles of Good Design
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:

Four Basic Design Principles From The Non-Designer’s Design Book (Robin Williams, 2004)

The Principle of Proximity Items relating to each other should be grouped together One visual unit versus several separate units Helps organize information, reduce clutter

Example - Proximity

The Principle of Alignment No page object is positioned arbitrarily Every element visually connected to other elements via invisible lines

Example - Alignment

The Principle of Repetition Some aspects of the design should be repeated throughout the entire piece Formatting option, bullet, color, graphic, spatial relationships…etc. Also known as “consistency” For web design – especially important for navigation

Example - Repetition

The Principle of Contrast Significant differentiation makes elements more visually engaging Cool and warm colors Text formatting Line spacing Vertical and horizontal alignment

Example - Contrast