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

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.
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
Graphic Design Principles
“OUT,OUT” ROBERT FROST.
Love ‘em and hate ‘em....  Pedagogical  Directional.
Four Basic Design Principles
The four basic principles of design
C.R.A.P Contrast The elements being very different from one element to the next. For example the title font size would be very large and the text information.
The Four Basic Principles C ontrast R epetition A lignment P roximity.
Design Principles for PowerPoint
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Introduction to Visual Literacy. Essential Questions: What does it mean to be a “Visually Literate Person” (VLP)? Why is it important for teachers and.
Principles of Visual Design TECM 4250 Dr. Lam. Set 1.
Today’s Class Silent Reading & Homework checked Good News Any questions regarding the Vocab packet? Discussion of “Out, Out--” and “Our Other Sister” Group.
Six Principles of Good Design
One Pager. What It Does Connects the verbal with the visual. It connects literature’s thoughts to your thoughts. It appeals to verbal, visual, auditory,
Effective Graphic Design
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)
Contrast Repetition Alignment Proximity Serif San Serif Quiz
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
Design Principles - CARP Contrast Alignment Repetition Proximity Fonts Quiz.
Contrast If two things are not the same then you should make them different. Contrast Draws you eye to the page. Big Title Small aftermath Dark Background.
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.
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.
Macbeth After Movie Warm Up April 21 st, Warm-Up  What are the three things that the apparitions/ghosts tell Macbeth? How do they come true? 
 Design Principles Lets learn about “CRAP” By: Lindsey Derber December 7, 2011.
Principles of Document Design Adapted from
Desktop Publishing CRAP.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
Jeep Ad Lego Ad From p. 15 of The 4 Principles of Design, by Robin Williams.
PLAGIARISM
Design Principles Contrast Repetition Alignment Proximity Font Rules &
Design Principles 3.02 Understand business publications Slide 1.
Tomorrow and Tomorrow Macbeth’s Lament Them Bones By Alice in Chains.
PRINCIPLES OF DESIGN Proximity, Alignment, Repetition & Contrast.
Design Principles Allowing you to create more professional web pages.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
Creating Metaphors Classroom Instruction that Works Identifying Similarities and Differences.
…so I typed in “bad design” in Pinterest …. The basic of all design: FORM FOLLOWS FUNCTION.
Index Contrast Repetition Alignment Proximity Font Styles Quiz Created by: Lauren Boresch.
Desktop Publishing Business Cards Your LogoYour own footer.
Four important design principles to improve your work
Visual Design and White Papers. Review Contrast Repetition Alignment Proximity Dominant element Use color to your advantage Dollar rule Usability test.
A graphic design principle
Contrast Repetition Alignment Proximity
The Four Basic Principles
Creating Metaphors Classroom Instruction that Works
Design Principles & Font Rules By: Megan Janke
Document Design is CRAP
The Elements of Design (SWITCH) Journalism 125.
Embedding Quotations.
Design Principles Proximity Font
Contrast Repetition Alignment Proximity
C.R.A.P. Design Principles
Design Principles Rvsd. Feb 2016
TODAY’S NEWS SSR – Collect Mentor Agreements
The Four Basic Principles
C.R.A.P. Design Principles
Six Principles of Good Design
The four basic principles of design
"Is this a dagger which I see before me…? (Act 2, Scene 1)
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:

Introduction to Principles of Design

Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Contrast One of the most effective ways to add visual interest to a page.

Contrast

Repetition You can repeat colors, shapes, textures, line thicknesses, fonts, sizes, graphic concepts, etc. This develops the organization and strengthens the unity.

Repetition

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

Alignment

Alignment

Alignment Activity “ Bad ” version

Alignment Activity “ Good ” version

Proximity Items relating to each other should be grouped close together. This helps organize information, reduces clutter, and gives the reader a clear structure.

Proximity

Putting It All Together

Basic Design Principles- Recap Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Typography Sans Serif –No “ feet ” at the end Use for titles, subtitles, and headings e.g. Arial Sans Serif –No “ feet ” at the end Use for titles, subtitles, and headings e.g. Arial Serif – Letters have “ feet ” Easier to read; best for body text e.g. Times New Roman Serif – Letters have “ feet ” Easier to read; best for body text e.g. Times New Roman

Typography Use to add emphasis and personality to text: Use to add emphasis and personality to text: “ Life ’ s but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an idiot, full of sound and fury, “ Life ’ s but a walking shadow, a poor player that struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an idiot, full of sound and fury, Text signifying nothing. ”

What is X-height ?

The big news about leading

Tracking for you and me

Ligatures and Kearning