OF THE TWO NEWSLETTERS BELOW WHICH WOULD YOU PICK UP FIRST? THEY ARE BOTH NICE AND NEAT. THE SOURCE OF CONTRAST IS OBVIOUS. A BOLDER TYPEFACE IN THE.

Slides:



Advertisements
Similar presentations
contrast, repetition, alignment, proximity
Advertisements

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.
Graphic Design Principles
Principles of design caroline burdett. repetition balance proximity simplicity contrast.
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
The four basic principles of design
Introduction to Design Principles The Wonderful World of Page Design Contrast / Repetition / Alignment / Proximity / Color Theory ENGL 106 Fall 2012.
Principles of Graphic Design
 Effective advertising is NOT an accident!  Effective advertising MUST be well designed!
Principles of Design CRAP or PARC.
The Non-Designer’s Design Book
Six Principles of Good Design
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Alignment… Chapter 5.
Design Principles From The Non-Designer’s Design Book Second Edition by Robin Williams.
Design Fundamentals COM 365 Newspaper Layout & Design.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
General principles of publication design Magazine Design and Production COMM 3003.
Creating visually attractive and appealing publications.
Non-designer’s design principles Dr. Shuyan Wang.
Excerpts taken from The Non-Designer’s Design Book, Third Edition by Robin Williams.
Chapter 6 Repetition…. Objectives (1 of 2) Reinforce the importance of the principle of repetition. Understand the effect of repetition in a design. Appreciate.
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)
0303 IAT 102 Graphic Design. Reminders: Draft 1 of project two – bring with you to Lab next week (see WebCT for requirements) If you do not have a team.
Design Elements and Principles
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
Design Principles 3.02 Design Principles revised 9/24/09.
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.
Design Principles… Alignment. The Principle of Alignment states, "Nothing should be placed on the page arbitrarily. Every item should have a visual connection.
0707 IAT 102 Graphic Design Design Basics Design Tools.
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,
Principles of Document Design Adapted from
Creating Basic Elements of a Newsletter Chapter 10.
Design Principles. Proximity “ Proximity, or closeness, implies a relationship.”
Basic Principles of Design. Design Basics Content & Form Content: subject matter, story, or information to be communicated to the viewer. Form: purely.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
JRN 302: Introduction to Graphics and Visual Communication - Proximity, contrast Tuesday, 11/9/15.
Design Principles Contrast Repetition Alignment Proximity Font Rules &
Design Principles 3.02 Understand business publications Slide 1.
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.
4 Basic Principles of Design  Proximity  Alignment  Repetition  Contrast Credit: Robin Williams.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather.
Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns.
Design Principles Definitions. Balance The equal distribution of the visual weight of elements on a page in order to achieve a pleasing and clear layout.
Desktop Publishing Business Cards Your LogoYour own footer.
Elements of Design ( Note: To hide or display these lecture comments, go to VIEW and click COMMENTS) These are principles that work not only in business.
Unit 7: Graphic Design.
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
CARP Four Principles of Design
Document Design is CRAP
Design Principles… Alignment. The Principle of Alignment states, "Nothing should be placed on the page arbitrarily. Every item should have a visual connection.
Design in Business Principle of Repetition Principle of Contrast.
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
Proximity, Alignment, Repetition & Contrast
Design Principles Review.
Four Design Principles
The four basic principles of design
The four basic principles of design
How to look good on paper in four easy steps
Presentation transcript:

OF THE TWO NEWSLETTERS BELOW WHICH WOULD YOU PICK UP FIRST? THEY ARE BOTH NICE AND NEAT. THE SOURCE OF CONTRAST IS OBVIOUS. A BOLDER TYPEFACE IN THE HEADLINES SUBHEADS IS USED. THE TITLE IS CHANGED FROM ALL CAPS TO CAPS/ LOWERCASE. A DARK BAND ACROSS THE TOP BEHIND THE TITLE REINFORCE THE CONTRAST. WOULD YOU AGREE THAT YOUR EYES ARE DRAWN TO THIS PAGE, RATHER THAN TO THE PREVIOUS PAGE?

NUMBER YOUR PAPER FROM 1 -4 WRITE THE ANSWER TO THE FILL IN THE BLANK QUESTIONS

1.CONTRAST 2.ORGANIZATION 3.NAMEPLATE 4.COLOR, SIZE

REPETITION HELPS ORGANIZE THE INFORMATION; IT HELPS GUIDE THE READER THROUGH THE PAGES; IT HELPS UNIFY DISPARATE PARTS OF THE DESIGN. REPETITIONS: BOLD TYPEFACE LIGHT TYPEFACE SQUARE BULLETS INDENTS SPACING ALIGNMENTS

THE BEST WAY TO IMPROVE YOUR VISUAL AWARENESS IS TO LOOK AT OTHER PEOPLE’S PAGES AND IDENTIFY WHAT WORKS AND WHAT DOES NOT WORK. ANSWERING THE QUESTIONS IN THIS QUIZ IS INTENDED TO SHARPEN YOUR VISUAL AWARENESS AMD SENSITIVITY. Number your paper from 1 to three. Name three of the five incidences of repetition in the figure on the right.

THE BEST WAY TO IMPROVE YOUR VISUAL AWARENESS IS TO LOOK AT OTHER PEOPLE’S PAGES AND IDENTIFY WHAT WORKS AND WHAT DOES NOT WORK. ANSWERING THE QUESTIONS IN THIS QUIZ IS INTENDED TO SHARPEN YOUR VISUAL AWARENESS AND SENSITIVITY.

FLUSH LEFT FLUSH RIGHT CENTERED JUSTIFIED ALIGNMENT IS A USEFUL PRINCIPLE FOR SINGLE-PAGE AND MULTIPLE-PAGE DESIGN. THE ALIGNMENT OCCURS WHEN VISUAL ELEMENTS LINE UP WITH OTHER VISUAL ELEMENTS ON THE PAGE. A GRID IS A NON PRINTED SYSTEM OF HORIZONTAL AND VERTICAL LINES THAT DIVIDES THE PAGE AND HELPS THE PAGE DESIGNER ALIGN ELEMENTS CONSISTENTLY. JUSTIFIED TEXT TENDS TO DEVELOP “RIVERS” OF WHITE SPACE IN THE COLUMNS. CONCRETE TEXT ALIGNMENT IS WHERE THE ARRANGEMENT OF THE TYPE TAKES ON THE SHAPE OF THE ACTION OR THE OBJECT BEING DESCRIBED. CENETERED ALIGNMENTS ARE EASY TO ARRAGE ON THE PAGE BUT HAVE A FORMAL SOMEWHAT DIGNIGIED FEEL TO THEM. PAGES THAT LACK A CLEAR ALIGNMENT SCHEME OFTEN SEEM CLUTTERED AND SLIGHTLY MESSY, EVEN IFOTHERWISE WELL DESIGNED. RUNAROUND ASYMMETRIC CONCRETE

EVEN A PIECE THAT HAS A GOOD START ON A NICE DESIGN MIGHT BENEFIT FROM SUBTLE ADJUSTMENT IN ALIGNMENT. STRONG ALIGNMENT IS OFTEN THE MISSING KEY TO A MORE PROFESSIONAL LOOK. CHECK EVERY ELEMENT TO MAKE SURE IT HAS A VISUAL CONNECTION TO SOMETHING ELSE ON THE PAGE. CAN YOU SEE ALL THE PLACES WHERE ITEMS COULD BE ALIGNED, BUT ARE NOT? I THERE ARE AT LEAST NINE!

THE BEST WAY TO IMPROVE YOUR VISUAL AWARENESS IS TO LOOK AT OTHER PEOPLE’S PAGES AND IDENTIFY WHAT WORKS AND WHAT DOES NOT WORK. ANSWERING THE QUESTIONS IN THIS QUIZ IS INTENDED TO SHARPEN YOUR VISUAL AWARENESS AND SENSITIVITY. NUMBER YOUR PAPER FROM 1-5. WRITE THE ANSWER TO THE FOLLOWING QUESTIONS.

SOMETIMES WHEN GROUPING LIKE ITEMS IN CLOSE PROXIMITY, YOU NEED TO MAKE SOME CHANGES, SUCH AS IN THE SIZE OR WEIGHT OR PLACEMENT OF TEXT OR GRAPHICS. THE IDEA OF PROXIMITY DOES NOT MEAN THAT EVERYTHING IS CLOSER TOGETHER, IT MEANS ELEMENTS THAT ARE INTELLECTUALLY CONNECTED, THAT HAVE SOME SORT OF COMMUNICATION RELATIONSHIP, SHOULD ALSO BE VISUALLY CONNECTED. NOT ONLY IS THIS PAGE VISUALLY BORING, BUT IT IS DIFFICULY TO FIND THE INFORMATION—EXACTLY WHAT IS GOING ON, WHERE IS IT HAPPENING, WHAT TIME IS IT, ETC. HOW MANY CONCERTS ARE IN THE SERIES? GROUP THE INFORMATION TOGETHER, THE SPACING BETWEEN THE THREE PERFORMANCES IS THE SAME. THE SUBSIDIARY INFORMATION IS FARTHER AWAY-YOU INSTANTLY KNOW IT IS NOT ONE OF THE PERFORMANCES.

THE BEST WAY TO IMPROVE YOUR VISUAL AWARENESS IS TO LOOK AT OTHER PEOPLE’S PAGES AND IDENTIFY WHAT WORKS AND WHAT DOES NOT WORK. ANSWERING THE QUESTIONS IN THIS QUIZ IS INTENDED TO SHARPEN YOUR VISUAL AWARENESS AND SENSITIVITY.

β- galactosidase (control) β- galactosidase (treated with β mercaptoethanol) β- galactosidase (treated with DNase)

alignment contrast proximity repetition

β- galactosidase (control) β- galactosidase (treated with β mercaptoethanol) β- galactosidase (treated with DNase)