what is good design
DESCRIPTION
TRANSCRIPT
![Page 1: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/1.jpg)
What Is Good Design? And How Do You Do It?
COM335
![Page 2: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/2.jpg)
Desktop Publishing Defined
![Page 3: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/3.jpg)
What is "good"?
• It’s a matter of opinion.
• What is “good” to one person, may not be “good” to another.
• It depends on your specific objective and your target audience
![Page 4: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/4.jpg)
Step One: Relevance
• Time Available: 1-7 Seconds ~ 4 words per second
• What’s in it for me?
• Headlines & Titles – Maximum 28 words
– 9-5 is the best and should be twice the size of the subheads
![Page 5: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/5.jpg)
Step One: Relevance
• Captions • People will read
captions, no matter how long, before reading body text
![Page 6: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/6.jpg)
Step One: Relevance
• Photographs – Inspire curiosity and
involvement
– Help readers imagine themselves there
– Vary size, shape alignment, layering, isolation
![Page 7: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/7.jpg)
Step Two: Confirmation
• Time Available: Up to 90 seconds
• Was I right?
• Looking for a reason NOT to read.
![Page 8: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/8.jpg)
Step Two: Confirmation
• Short Body Text – Increase
comprehension
– Every 2-3 Paragraphs • Use Sub-heads, sidebars,
pull quotes, summaries, teasers
• Unfinished statements will get 30-60% more people to keep reading
![Page 9: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/9.jpg)
Headlines
![Page 10: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/10.jpg)
Layout
![Page 11: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/11.jpg)
Layout
![Page 12: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/12.jpg)
Step Two: Confirmation
• Numbers & Outlines – Use bulleted lists
– Call-outs
– Quizes – get people involved (helps establish the need)
– Table of Contents
![Page 13: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/13.jpg)
Step Two: Confirmation
• Non-photographic Art – Charts
– Graphs
– Tables
– Clip Art
– Illustrations
– Watermarks
![Page 14: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/14.jpg)
Step Two: Confirmation
• Graphic Devices – Rules
– Drop Caps
– Dingbats
– Bullets
– Screens
– Boxes (use sparingly to highlight items)
![Page 15: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/15.jpg)
Step Two: Confirmation
• Decreased Readability – ALL CAPS
– Underline
– Italics – Color
![Page 16: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/16.jpg)
Graphic Devices
• Pick two or three MAX per publication and use consistently
• Do not intersect Rules
Rules
![Page 17: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/17.jpg)
Graphic Devices
• Drop and Initial Caps – Draw attention to the
beginning of the body text
– Use large initial letters to indicate the beginning of a chapter, articles or section of text
![Page 18: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/18.jpg)
Graphic Devices
• Dingbats – Bullet Points
– End-of-article markers to create a visual end-point
– Highlight important copy
– Can be custom
![Page 19: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/19.jpg)
Graphic Devices
• Boxes and Bullet Points – Indicate “This is the
primary point”
– Relate to one another
– Use boxes and bullets like an outline
![Page 20: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/20.jpg)
Step Three: Action
• Time Available: As much as needed
• What do I do?
• Long body text – Break up for skimmers
– Assume the general public has a 6th grade education
– Break up with graphic devices
![Page 21: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/21.jpg)
Step Three: Action
• Proof – Connects message and reader, creates memory
• Call to action – Statistics
– Track record
– Testimonials
– Issue a challenge
– Visualization
– Impact Statement
![Page 22: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/22.jpg)
Layout Design Symmetrical
• Copy is centered and art is distributed evenly
Asymmetrical
• Unusual shapes, white space and color achieve balance
![Page 23: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/23.jpg)
6 Rules of Balance • Anything located in the
upper left quadrant (primary optical area of the layout has more optical weight
![Page 24: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/24.jpg)
6 Rules of Balance • Large items are noticed
more, seen for a longer time, and remembered better than small items
![Page 25: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/25.jpg)
6 Rules of Balance • Elements that are dark
carry more optical weight than black and white
![Page 26: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/26.jpg)
6 Rules of Balance • Color conveys more
optical weight than black and white
![Page 27: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/27.jpg)
6 Rules of Balance • White space serves to
draw reader’s attention to whatever is in the “non-empty” space
![Page 28: What is good design](https://reader033.vdocuments.us/reader033/viewer/2022051817/54909f14b4795982638b5048/html5/thumbnails/28.jpg)
6 Rules of Balance • Rectangles are
“expected”
• Triangles, ovals, circles, cubes convey optical weight