+ All Categories
Transcript
Page 1: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

PRESENTS

Page 2: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

An editor and specialist in language and literature

in the ad

by Tomasz Charnas

Page 3: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

‘The secret to editing your work is simple:you need to become its reader instead of its writer.’

Zadie SmithChanging My Mind: Occasional Essays

Page 4: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Good practisesin graphic design, typography

and editing

Fragments of presentation at Tischner European UniversityKrakow 2012

Page 5: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Clear layout

Basic rules

Page 6: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Clear layout

Layout should be scanable

� categorized content

� multiple heading levels

� visible navigation

� architecture of a text – hierarchy of meanings

� visual elements and bulleted lists which break the flow of uniform text blocks

� all components should be designed so their meaning is not ambiguous

� practical additions: glossary, index

Page 7: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Layout should be scanable

Sample pages

Page 8: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Visible navigation, multiple heading levels

Sample pages

Page 9: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Categorized content

Sample pages

Page 10: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Visual elements to help understanding or illustrate

Sample pages

Page 11: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Bulleted lists, text blocks, hierarchy of meanings

Sample pages

Page 12: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Practical additions

Sample pages

Page 13: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Making a dummy

Criteria

– medium: printingor/and website

– perception

• readability

• legibility

Page 14: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Basic rules

– dynamic composition

• light background

– 3 main colours

• visual identity │ corporate identity

• CMYK colours

– up to 2–3 fonts per page

• typography = design for reading

Making a dummy

Page 15: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Making a dummy

Sample pages

Page 16: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

‘Typography makes meaning.’

Ellen Lupton

Page 17: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Back cover and front coverFrutiger Light Pro

Sample pages

Page 18: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Preliminaries: title page, editorial pageCalibri, Frutiger Light Pro 45, Humanist 777 EU

Sample pages

Page 19: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

ContentFrutiger Light Pro 45, Humanist 777 EU, Humanist 777 Condensed EU

Sample pages

Page 20: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

‘Who knows the rules, can break them.’

Hans Willberg, Friedrich ForssmanGetting it Right with Type: The Dos and Don'ts of Typography

Page 21: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”
Page 22: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Thank you

Page 23: Good practises in graphic design, typography and editing: “Clear Layout. Basic Rules”

Top Related