Coatbridge High School 10 Commandments For Good Design Layouts.

Slides:



Advertisements
Similar presentations
Typography 101 Using Typography to Enhance Content.
Advertisements

DTP Design Features 1.03 Demonstrate desktop publishing.
YEARBOOK Layout and Design.
contrast, repetition, alignment, proximity
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
1.03 Demonstrate desktop publishing.
Lesson 1:.  This lesson will cover the four primary principles of design: ● Contrast ● Repetition ● Alignment ● Proximity.
YEARBOOK DICTIONARY Words to Know… So you know what I’m Talking about.
Document Design: Basics and Typography Technical Communication, DAHMEN.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
1.01A – What typefaces should be used for various displays?????
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Looking at Leaflets Session 1 Looking at some professional leaflets Objectives Know what these terms mean:  Paragraph style Left aligned Justified 
Typography 2.01 Investigate typefaces and fonts..
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
DTP Principals Click the examples on each page to find out more. Click the arrow in the bottom corner to start!
N airn A cademy. Desk Top Publishing The DTP example shown to the right is taken from the 2002 Higher Graphic Communication Paper, Question 6 and will.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
The newest trend in yearbook layout design
By: Mrs. Hudson. CONTRAST Contrast occurs when two elements are different. The greater the difference the the contrast.
Word Lesson 9 Enhancing Documents Microsoft Office 2010 Advanced Cable / Morrison 1.
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Obj  Illustrations and photographs used to convey meaning and add appeal Objective
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Effective PowerPoint Design. Principles of good presentation design  Develop and use a slide template –provide a consistent look and feel to your presentation.
Basic Design SBM 338 Lanny Wilke. Four Basic Design Principles Proximity Alignment Balance Unity.
Principles of effective web design NOTES Flo Morris-Duffin.
DTP Features 1.03C Demonstrate desktop publishing.
Typography Graphic Design Fundamentals
TYPOGRAPHY What is Typography?
Chapter 7 Creating a Newsletter with a Pull-Quote and Graphics
JRN 302: Introduction to Graphics &Visual Communication - Newsletters Thursday,
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
THE A to Z of DTP Your knowledge of desktop publishing terminology
Chapter 7 Flow…. Objectives (1 of 2) Appreciate what the principle of flow is and why it is important in designs. Learn how to identify visual flow and.
Unit 1 - Timeline ---- Week 1 – Course Intro
DTP Design Features 1.03 Demonstrate desktop publishing.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
New Trends in Design Adding unity, balance, structure and dominance to your layouts.
Good design and layout The Ten commandments. 1. Research your subject Find out the key information and make notes Select pictures that tell the story.
Enhancing documents with appropriate typography choices
Graphic Communication
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Competency 1.03 Calysa Pamer.
Alternative Story Forms
COLUMNS The foundation of design Sally Manke
Deconstruction, weighting and E books galore!
Unit 2.1: Identifying design elements when preparing graphics
2.01 Investigate typefaces and fonts.
Graphic Design Features
How did they do THAT?.
Template for IBI poster 56 inches in width and 36 inches in height The title occupies no more than two lines First Author1, Second Author2, Third Author1,2.
Word Lesson 6 Working with Graphics
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
2.03 Demonstrate desktop publishing.
2.01 Investigate typefaces and fonts.
Graphic Communication
Tutorial 4 – Desktop Publishing
Design Principles 8-Dec-18.
Template for IBI poster 36 inches in width and 48 inches in height The title occupies no more than three lines First Author1, Second Author2, Third Author1,2.
Template for IBI poster 48 inches in width and 36 inches in height The title occupies no more than two lines First Author1, Second Author2, Third Author1,2.
Design Principles 5-Apr-19.
1.03 Demonstrate desktop publishing.
1.03 Demonstrate desktop publishing.
1.03 Demonstrate desktop publishing.
Accessibility Guide.
Microsoft Office Illustrated Fundamentals
Use a Large Bold Type for the Main Title (80 pt):
Presentation transcript:

Coatbridge High School 10 Commandments For Good Design Layouts

1. Put Your Reader First Read the text before designing it. Tell your readers what is in the text, with informative headlines Select pictures that tell the story Don’t over embellish your design. You are trying to produce an effective publication, rather than to impress an awards jury.

2. Use Graphic to add visual interest It doesn’t matter whether you have produced a leaflet or a full length book, the first thing readers do when they pick it up is to look for pictures. They immediately add interest to the page and catch the eye. Make a feature of pull out quotes, sidebars, boxes or drop capitals Turn tables into pie or bar charts Use graphic symbols like dingbats in lists ۞   Enlarge a small detail into something bigger Place it on a background Crop very narrow or very wide Use unusual proportions Let detail jut into text area, with the text running round it.

2. Use Graphic to add visual interest

3. Easy to see what it about Assume that your readers know nothing about what you are trying to tell them. It is no small task for them to have to understand both your content and your structure at the same time. Ensure that visual images have captions, and that readers do not have to search for them Ensure that headlines draw attention into the text Organise the copy to make a coherent publication

4. Make it easy to navigate Create sign posts to exploit the habits and conventions people expect. Headlines are bigger than text. Folios (page numbers) appear on the outside edges of pages. Help readers find the most important items by giving your pages an obvious hierarchy. Use contents lists wherever possible. Ensure that folios are easy to find. Use a feature to group items that belong together.

5. Choose appropriate fonts The font you choose adds a subliminal message to the text. In general, a serif font adds authority and classicism, while sans serif says modernity and urgency. Using the wrong font will mislead. Start any job with just two fonts. Use tried and tested combinations Choose fonts whose history reflects the text

6. Don’t treat the computer like a typewriter Use only a single space after punctuation Use the correct dash Use typographical (smart) quotation marks Do not use underlining in text. In headlines draw underlines with the rule tool Do not use full line space between paragraphs

7. Make your type easy to read Tighten the space between letters and words For most headline fonts adjust the letter spacing or tracking For headline setting, use leading the same size or less than the type size. Don’t set continuous text in capitals Always use bold type in reversed blacks

8. Adjust the column width to suit Text is easiest to read when it contains between 40 & 60 characters per line. Even when using columns; set the font size accordingly. 40 to 60 characters per line As the columns get wider, increase the leading as appropriate Always try and avoid running text across a full page. Break it up with boxes or graphics.

9. Pay attention to space Even in a ‘busy’ design the reader needs a place to rest. This ‘white space’ is a principle building block of graphic design. White space provides contrast and a resting point for readers’ eyes as they look at the material. It allows elements to sit in the correct space.

10. Be consistent with detail Plan and control your design layout and it will become strong in its identity. Readers find it comforting that certain things remain the same throughout—signposts, colours and style. Most DTP programs have style sheets and master pages. Use them Libraries can be used to store often used graphics or devices. Every element of your design should always be treated in the same way.