C.R.A.P. 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

2011 AECT International Convention Tired of PowerPoint? Using research-based and theory-grounded guideline in selecting Web 2.0 tools for effective and.

Elements of Design: The 4 Basic Principles.

Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.

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.

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

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.

Introduction to Visual Literacy. Essential Questions: What does it mean to be a “Visually Literate Person” (VLP)? Why is it important for teachers and.

Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity.

Principles of Visual Design TECM 4250 Dr. Lam. Set 1.

Many years ago, an American nightclub had a fire in which over 400 people died due to a simple design flaw. What was it and how were regulations changed.

The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.

Effective Graphic Design

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.

Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES

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

Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,

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.

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.

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.

Basic Design Principles Unlocking the Secrets to Creating Professional Documents.

Desktop Publishing CRAP.

Jeep Ad Lego Ad From p. 15 of The 4 Principles of Design, by Robin Williams.

With a focus on screen design and CRAP. The Joshua Tree Epiphany.

Design Principles Contrast Repetition Alignment Proximity Font Rules &

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.

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.

…so I typed in “bad design” in Pinterest …. The basic of all design: FORM FOLLOWS FUNCTION.

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

(Than your supervisor)

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

Previously Covered Material

Document Design is CRAP

The Elements of Design (SWITCH) Journalism 125.

Relationship Elements & Principles

Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.

The Four Basic Principles

The good, the bad, & the ugly…

C. R. A. P. To set up 20 seconds: Go to TRANSITIONS menu. Then choose 00:20.00 for length “After…”. You can also choose a duration such as for.

C.R.A.P. Design Principles

To set up 20 seconds: Go to TRANSITIONS menu. Then choose 00:20

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:

C.R.A.P. Design Principles Adapted from http://bit.ly/sjnw & Robin Williams “Non-Designers Design Book”

Contrast Elements that aren’t the same should be very different so they stand out. Making them “slightly different” confuses the user into seeing a relation that doesn’t exist.

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. 1. Headings and subheadings. 2. Colors 3. Rules 4. Images 5. Graphical elements & logos

Repetition Before After

Repetition

Alignment Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page.

Alignment Examples Left alignment No alignment

More alignments Centered alignment Right alignment

Proximity Elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different.

Before After

Before After

Fonts

Activity: rebuild this page Instructor information Lisa Dawley, Ph.D. lisadawley@boisestate.edu My hobbies include raising koi, playing World of Warcraft, traveling, and imagining the impossible. *Classes: EdTech 512, EdTech 597