MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)

Slides:



Advertisements
Similar presentations
YEARBOOK Layout and Design.
Advertisements

Pre-instructional Strategy: Pretest. Questions: 1) Which business card on the left is easier to read? a)Business Card A b)business card B 2) Which business.
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
2011 AECT International Convention Tired of PowerPoint? Using research-based and theory-grounded guideline in selecting Web 2.0 tools for effective and.
Alignment. Nothing should be placed on the page arbitrarily Every item should have a visual connection with something else on the page.
Interactive Power Point
Elements of Design: The 4 Basic Principles.
Graphic Design Principles
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
Multimedia Design Adam Huntington ETE 261 1/30/09.
Four Basic Design Principles
The four basic principles of design
The Four Basic Principles C ontrast R epetition A lignment P roximity.
?v=4k4mkL70E3g.  Business Cards are often considered to be the strongest marketing tool for a company.  Business cards.
Principles of Design CRAP or PARC.
The Non-Designer’s Design Book
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
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.
Non-designer’s design principles Dr. Shuyan Wang.
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
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
The basic Principles of Design The following is a brief overview of the principles of design. Although they are discussed separately, they are really interconnected.
from The Non-Designer’s Design Book by Robin Williams
0707 IAT 102 Graphic Design Design Basics Design Tools.
South Carolina EdTech 2011 Unplugged Unwired Enhancing Instructional Value with Graphics Applying Visual Learning Principles to Your Classroom Presentations.
Design in Business Principle of Repetition Principle of Contrast.
Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
Basic Design Principles Unlocking the Secrets to Creating Professional Documents.
Desktop Publishing CRAP.
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.
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.
PRINCIPLES OF DESIGN Proximity, Alignment, Repetition & Contrast.
Editing for Visual Design TECM 4190 Dr. Lam. Why is design so important? Intimately tied with decision making Impacts perceptions well beyond “looking.
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.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
Graphic Design Allanagh Sewell Instructor, Computer Science Department Southeastern Louisiana University.
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
…so I typed in “bad design” in Pinterest …. The basic of all design: FORM FOLLOWS FUNCTION.
Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns.
TECM 3200 Dr. Lam. Project 1: Designing/developing a professional website  Web design process  Content on the web  Laying out your website.
Desktop Publishing Business Cards Your LogoYour own footer.
Four important design principles to improve your work
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
CARP Four Principles of Design
Design Principles & Font Rules By: Megan Janke
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
Chapter 1 Introduction Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its.
Design in Business Principle of Repetition Principle of Contrast.
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.
The Four Basic Principles
C.R.A.P. Design Principles
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:

MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)

Contrast  Avoid elements on the page that are merely similar.  If the elements (type, colour, size, line thickness, shape, space, etc.) are not the same, then make them very different.  Contrast is often the most important visual attraction on a page.

Contrast Nice and neat - but doesn’t attract attention. Eyes are drawn to this page rather than previous page.

Contrast Which resume would you rather read? Why?

Repetition  Repeat visual elements of the design throughout the piece.  You can repeat color, shape, texture, spatial relationships, line thicknesses, sizes, etc.  This helps develop the organization and strengthens the unity.

Repetition When you get to the end, does your eye just wander off the card? You know where this card begins and ends!

Repetition Headlines and subheads are a good place to start creating repetitive elements. Take a consistent element and make it stronger.

Repetition Have fun - pull an element out of a graphic and repeat it!

Alignment  Nothing should be placed on the page arbitrarily.  Every element should have some visual connection with another element on the page.  This creates a clean, sophisticated, fresh look.

Alignment Typical Report Cover Changing the alignment gives it a more professional, sophisticated look Dull, Dull!

Alignment Left and centered alignment on same page - no connection to each other Combination of left and right alignment frames this page with an invisible line.

Alignment Centered - rather dull. If you’re going to center text, make it obvious! Experiment with uncentering a block of centered text. Make centered text more dramatic some other way!

Proximity  Items relating to each other should be grouped closely together.  When several items are in close proximity to each other, they become one visual unit rather than several separate units.  This helps organize information and reduces clutter.

Does your eye stop 5 times? Where do you start reading now? With this card you know were to begin and were to end Proximity

The End