Visual Design Basics Creating Effective Handouts, Flyers and Brochures.

Slides:



Advertisements
Similar presentations
Print design
Advertisements

Elements of Design: The 4 Basic Principles.
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
Document Design: Basics and Typography Technical Communication, DAHMEN.
1.01 Investigate typefaces and fonts.
Typography and Space for Web Design Important Issues From Web Style Guide.
Elements of Visual Interface Design. Overview Layout Grid Systems Visual Flow Typography Typefaces Typographic Guidelines Colour Basics Materials & shape.
DTP Notes.
Design Principles for PowerPoint
CS 1308 Computer Literacy and the Internet. PowerPoint Considered Harmful  One of Dijkstra’s last s  Why did he feel this way?
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Desktop Publishing Your Guide to Concepts and Terminology.
Visual Literacy Robert Braden “Visual literacy is defined as the ability to understand and use images, including the ability to think, learn and express.
Visual Literacy Staff Development Presentation Kipps Elementary School November 2009 Presented by Juliane Meek.
Document and Web design has five goals:
Microsoft PowerPoint.
Introduction to Visual Literacy. Essential Questions: What does it mean to be a “Visually Literate Person” (VLP)? Why is it important for teachers and.
Six Principles of Good Design
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.
IS1824: Introduction to Internet Multimedia Lecture 7: Style 1 (Layout and Colour) Rob Gleasure
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Effective Graphic Design
Tips on making a Corporate Identity By Jennifer L. Bowie & You!
Design and Layout Making Things Look Good. Why Worry About Design? Do you want to make your printed pages look better, but don’t know how? Can you tell.
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Design Tips for Effective PowerPoint Use Presented by: Susan Dobbs Krissy Malone Sue Sikora CAT 520 Fall 2005.
Non-designer’s design principles Dr. Shuyan Wang.
Brochure Content and Design. Starting Out Generate thumbnails Consider formats Content should determine design: What is the main idea or focal point?
Basic Elements of Design
Introduction to Visual Rhetoric: The Basics Romberger.
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.
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
Introduction to Visual Rhetoric. Visual Rhetoric Definition Is the “how to” of visual literacy Visual rhetoric applies the rhetorical situation to decision.
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
User Documentation. Documentation Guidelines  Break the documentation down by tasks  Plan for an audience  State the purpose of the document  Organize.
DESKTOP PUBLISHING. WHAT IS DESKTOP PUBLISHING BASICS OF GRAPHIC DESIGN The elements of graphic designThe elements of graphic design ““ The principles.
Posters, Magazines, Websites
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
Visual Rhetoric and the Common Core Amy Jo Southworth Bay Shore High School
Design Principles Contrast Repetition Alignment Proximity Font Rules &
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,
Design Principles Allowing you to create more professional web pages.
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
TGJ3MO COMMUNICATIONS TECHNOLOGY DESIGN AND LAYOUT PRACTICES - USING PHOTOSHOP ELEMENTS WORKING WITH F O N TS.
Digital Communications I Mrs. Britt.  Using a computer with page layout and graphic editing software to create publications that are professional looking.
Effective Poster Design: The Non-Designer’s Design Book by Robin Williams Dec 2010.
Desktop Publishing Business Cards Your LogoYour own footer.
Visual Design and White Papers. Review Contrast Repetition Alignment Proximity Dominant element Use color to your advantage Dollar rule Usability test.
The Four Basic Principles
How to Make a Simple but Effective PowerPoint Presentation
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
Visual Literacy “Visual literacy is defined as the ability to understand and use images, including the ability to think, learn and express oneself in terms.
Principles of Graphic Design
The Principles of Graphic Design
The Principles of Graphic Design
Document Design is CRAP
Design Principles Proximity Font
The Art of Type 9/17/2018.
Defining Desktop Publishing
CS 1308 Computer Literacy and the Internet
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
CS 1308 Computer Literacy and the Internet
TYPOGRAPHY (a teeny tiny introduction)
CARP Principles By [put your name here].
The good, the bad, & the ugly…
Desktop Publishing.
Defining Desktop Publishing
GROUP 4 PROFED06. Definitio n Advantage s of Printe d Media Disadvantages of Printed Media Designing Printed Material Being Used.
User-Centered WebsIte/Software Development
Presentation transcript:

Visual Design Basics Creating Effective Handouts, Flyers and Brochures

Your task (If you choose to accept it!) Design a handout for today’s presentation

Freedom to use desktop publishing software can sometimes lead to “unusual” results... Scary!!!

The Goal A handout that is easy to read, understand and use An enhanced learning experience

Readability and Legibility Readability and legibility are both particularly important considerations when creating print materials for individuals with vision problems, limited literacy or cognitive disabilities.

Legibility Serif – e.g. Times New Roman sans serif – e.g. Ariel and Tahoma Decorative – e.g. Curlz MT and Edwardian Script

Don’t be tempted... Less is more

To keep things as legible as possible, always follow the classic rule of KISS (Keep It Simple, Silly). When in doubt, go with the simplest possible typeface choices, and avoid the beginner’s mistake of creating a one-page handout using every single typeface available on your computer!

The General Rule of Thumb 1.Use a common, easily recognised, serif typeface for the body of the work 2.Break up the body text with headings and captions in sans serif typeface 3.Use decorative typefaces sparingly. Only use decorative typefaces for a short title or sub- heading.

Readability The ease at which something can be understood. Where to place your text and graphics on the page. Contrast to distinguish disparate elements Repetition to convey a sense of deliberate and carefully planned design. Alignment to lead the reader through the design Proximity to place together elements that relate to each other to help organize the information

Use layouts to convey meaning and relationships

Proximity and Spacing = Relationships Less Explanation Required

Use patterns and repetition to organise your content

Use just the right images. No more.

Tips Don’t be timid about unused space Make use of faces Use bulleted lists (like this one!) to separate discrete bits of information while simultaneously grouping them together

Testing for Legibility and Readability What is the most important thing on the page?  Do the squint test Give it to someone who has not been involved in the publication  Peer  Similar person to the intended audience

An Example 1.Squint Test 2.Contrast 3.Repetition 4.Alignment 5.Proximity

Final Thoughts Look at what other designers have done – supermarkets, magazines Make use of Williams’ principles of contrast, repetition, alignment and proximity

References Williams, R. (1994). The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice. Berkeley, CA: Peachpit Press Brown, A. (2005). Visual Design Basics: Creating Effective Handouts, Flyers and Brochures. Fullerton, CA: California State University Kuhlmann, T. (2008) 3 Graphic Design Principles for Instructional Design Success. The Rapid Elearning Blog. accessed from principles-for-instructional-design-success/ on 19/02/ principles-for-instructional-design-success/