Designing Documents 4 Key Concepts for Looking Fabulous Julia Romberger English 435/535.

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

Design Principles for the Electronic Portfolio. contrast To establish a hierarchy of importance or to focus a reader’s attention, make some things look.
contrast, repetition, alignment, proximity
Basic Design Principles for Creating Effective Visual Aids Created by: The University of North Texas in partnership with the Texas Education Agency.
Prepared by Sita Motipara PowerPoint Design Principles for Non-Designers By Christi Boggs University of Wyoming Ellbogen Center for Teaching and Learning.
Principles of design caroline burdett. repetition balance proximity simplicity contrast.
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.
Making Stuff Look and Work Better.  How quickly can you tell me who is playing at this concert?
The Four Basic Principles of Document Design Adapted from Robin Williams’ The Non-designer’s Design Book by Kelly Daniels.
Four Basic Design Principles
Design Principles Applying principles to create appealing and professional printed and electronic publications Principles of Information Technology 1Copyright.
What is Web Design?. Definition of Web Design  What is Web Design?  Wikipedia: “Web Design is a skill of creating presentations of content (usually.
Insert Title Here Insert subtitle or other text here Change font? (use 1 font, max 3 sizes) Add background color or gradient (under “Format”)
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
How to Recognize Good and Bad Design. In her excerpt, Robin Williams writes about how to recognize (and avoid) bad web design.
Copyright © Texas Education Agency, Principles of Information Technology Introduction to Desktop Publishing.
Principles of Information Technology
Principles By: Donna Deerfield Design. Design Principles Contrast Repetition Proximity Balance Unity Alignment Click on the pictures to review each principle.
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.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
General principles of publication design Magazine Design and Production COMM 3003.
Non-designer’s design principles Dr. Shuyan Wang.
Contrast Repitition Alignment Proximity Fonts Quizzzzz DESIGN PRINCIPLES AND FONT RULES
Introduction to Visual Rhetoric: The Basics Romberger.
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.
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.
Introduction to Visual Rhetoric. Visual Rhetoric Definition Is the “how to” of visual literacy Visual rhetoric applies the rhetorical situation to decision.
Design Principles By: Kimberly Fletcher Four Design Principles Contrast Repetition Alignment Proximity References.
Basic Design Principles Unlocking the Secrets to Creating Professional Documents.
Desktop Publishing CRAP.
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.
Creating an Effective Brochure Excerpted from The Non-Designer’s Design Book, 2 nd Ed. By Robin Williams. ©2004 Reprinted with permission of Pearson Education,
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?
…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.
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.
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Four important design principles to improve your work
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.
The Four Basic Principles
Principles of Information Technology
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
Web Design Techniques.
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.
C.R.A.P. Design Principles
Rules of Design.
Thursday
Design Principles 5-Apr-19.
Design Principles.
Adapted from The Non-Designers Design Book
Information Technology Committee
Action Items Background: Committee Involved: Action Requested:
Principles of Design Contrast Repetition Alignment Proximity
Presentation transcript:

Designing Documents 4 Key Concepts for Looking Fabulous Julia Romberger English 435/535

What are the four basic design principles?

4 basic design principles: n Alignment n Proximity n Repetition n Contrast

What is alignment?

This isn’t alignment.

This is alignment.

Alignment n Items on the page are lined up with each other, both horizontally and vertically. n There are three basic alignments: centered, left justified and right justified.

Don’t mix alignments Please. It is disorienting. It looks lousy. And it’s confusing.

What is proximity?

This isn’t proximity. This isn’t proximity either. or alignment

Proximity n Refers to the relationships that items develop when they are close together. n Implies items are related (for example, the bullets on this list appear related because they are in close proximity to each other).

What is repetition?

This is not repetition.

Repetition n Refers to the idea that designers should repeat certain elements to tie the disparate parts of a document together. n Makes it seem like the individual pages or slides are all part of the same document or presentation.

What design elements has this slide show repeated?

It has repeated: n Fonts n Colors n Placement n And more…

What is contrast?

This isn’t contrast. Nope. Not contrast either.

Contrast n Establishes a hierarchy of information n Can be obtained by manipulating font (style and size), color, background designs, etc. n Establishes a focal point

Where is the focal point on this page? n Is it this bullet? n How about this one? n Is it over here? n How about here?

Quick Review 4 basic design principles: n Alignment n Proximity n Repetition n Contrast

For more information: Consult Robin Williams’s The Non-Designer’s Design Book (Peachpit Press, 1994)