ID-2050 The “Design” Lecture. Today Document Design Information Design Tufte’s “Data Maps” BREAK Graphical Excellence in practice.

Slides:



Advertisements
Similar presentations
contrast, repetition, alignment, proximity
Advertisements

Alignment. Nothing should be placed on the page arbitrarily Every item should have a visual connection with something else on the page.
Center for Professional Communication
Graphic Design Principles
Cartographic Principles: Map design
Preparing Business Reports
Format for Ease of Access Importance Design Principles Design Elements.
Designing Pages and Screens Comm Arts II Mr. Wreford.
Four Basic Design Principles
Design Principles 3.02 Understand business publications.
DESIGNING DOCUMENTS And page layout. What is document design?  Refers to page layout, that is, where the visuals and information are placed on a page.
Page Design / Style Guide Importance Design Principles Design Elements.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Design Principles 3.02 Understand business publications Slide 1.
-Susan Kleinmann, President, Kleinmann Communication Group, LLC.
Designing Documents, Slides, & Screens
Visual Design The good kind of VD © Colin Stewart, 2009.
William H. Bowers – Designing Look and Feel Cooper 19.
Chapter 13. Designing the Document © 2004 by Bedford/St. Martin's1 Seven Characteristics of Technical Communication Addresses particular readers. Helps.
Design Principles for PowerPoint
Document and Web design has five goals:
the rhetorical situation  audience  purpose  context design principles  contrast  repetition  alignment  proximity.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Principles of Good Presentation Slides & Graphics November 21, 2008 Adapted from slides used by Katie Kopren.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
With Microsoft Office 2007 Intermediate© 2008 Pearson Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Office 2007 Intermediate.
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.
Introduction to Web Page Design. General Design Tips.
Visual Design Design Skill Simplicity Design Skill.
Page Design and Elements
MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)
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,
3.02 Understand business publications
Design Principles 3.02 Design Principles revised 9/24/09.
Designing Reader- Focused Documents C H A P T E R 10.
Introduction to Visual Rhetoric. Visual Rhetoric Definition Is the “how to” of visual literacy Visual rhetoric applies the rhetorical situation to decision.
Page Design and Elements TECO 63 M. Reber Page Design Helps readers understand information Indicates hierarchy of ideas and concepts Helps readers.
Design Principles 3.02 Understand business publications.
Desktop Publishing CRAP.
DESIGN & CRAP WRA AGENDA Time for Questions CRAP(py) Discussion Introduction to Module 2 Updating you course page.
Design Principles Contrast Repetition Alignment Proximity Font Rules &
Design Principles 3.02 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
ID-2050 Lecture #5. Assignments #5 and #6 1.Introduction Moves Background Outline 3.Literature Review/Annotated Bibliography 4.Project Cover Page.
Introduction to Interactive Media 09: Good Design is CRAP.
Design Principles 5.01 Understand business publications Slide 1.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
Design Principles Mrs. Levi. Think about it…… Who creates advertisements? Why do they look like that?
Design Principles 3.02 Understand business publications.
…so I typed in “bad design” in Pinterest …. The basic of all design: FORM FOLLOWS FUNCTION.
Four important design principles to improve your work
Page Design and Elements
Chapter 13: Professional Visual Aids
Document Design is CRAP
Visual Rhetoric and Design ~created by CSU Instructor Jenny Levin ~
Design Principles Proximity Font
Contrast Repetition Alignment Proximity
Presentation Title – 54pt
Presentation Title – 54pt
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Additional Information
The good, the bad, & the ugly…
DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.
Rules of Design.
Thursday
Design Principles.
Principles of Design Contrast Repetition Alignment Proximity
Presentation transcript:

ID-2050 The “Design” Lecture

Today Document Design Information Design Tufte’s “Data Maps” BREAK Graphical Excellence in practice

Document Design Attributes of a “good” document… Design Principles Choice of Visual Structure Pagination Margins Fonts Spacing Headings

“Good” Design

Design Principles Contrast Color, icons, white space, headings… Proximity Text and figures, related topics… Repetition Consistent elements Alignment Consistent: Left, Right or Center Overall Impression Cover, 1 st impression, thumb-through

Trimbur’s Principles Group Similar Items Together Align Visual Elements Use repetition and contrast Add visual Interest

Visual Structure Pagination and alignment Margins and White Space Fonts, emphases and sizes Paragraph Spacing and indents Headings Graphics – tables and figures

Tufte’s Information Design

Theory of Data Graphics Graphical Excellence Data Density Graphical Integrity Lie Factor Data Ink vs. Chartjunk Multifunctioning Graphical Elements Multidimensional Visuals

Graphical Excellence

Graphical Crappiness

Tufte’s Principles serve a clear purpose show the data focus on substance avoid distortion contain dense information simplify the complex allow multiple levels of interpretation integrate with verbal descriptions Graphical displays should:

Tufte’s Favorite Graphics: Data Maps Time-Series Space-time Narrative Designs Relational Graphics

Data Maps Dense Multivariate Multidimensional

GIS Maps

Venice Reminders Culture project update Populate Web Pages Meetings with me Meetings tomorrow: snow Midterm (not up to XV) on Wed. Questions and Videos Photos and Passports Killer Graphs and Slides

Boston Reminders Boston Trip update Populate Web Pages Calls to Sponsors? Meetings tomorrow: snow Draft #1 + Contract Review Next Week: Draft #2 Killer Graphs and Slides Class with PR on Monday