Design and Typography Chapter 4. 4.1Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.

Slides:



Advertisements
Similar presentations
Typography: The basic building block of any printed page.
Advertisements

Typography. Base line Base line The imaginary line on which all characters rest.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Basic Design Principles and Hazards to Avoid
The art or process of printing with type Typography.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
Principles of Typography
Lesson 2 — Working with Text
Typography Usability & Readability
Document Design: Basics and Typography Technical Communication, DAHMEN.
Typography Principles Communications 320 Desktop Publishing.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
1.01 Investigate typefaces and fonts.
RIDDLE What goes around the world but stays in a corner?
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
1.01 Investigate typefaces and fonts.
Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
 Font is also commonly called type or text › They all mean the same thing You can say font face or type face but they mean the same thing.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Typography and Space for Web Design Important Issues From Web Style Guide.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
TYPOGRAPHY.
DTP Notes.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
T YPOGRAPHY The study of all elements of type as a means of visual communication—from calligraphy to the use of digital type; includes the shape, size,
All of the following terms describe parts of a font that give the eye visual clues to decoding the letters while reading. Many of these terms stem from.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
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.
The art of using text to produce professional looking publications.
® Forging new generations of engineers. Graphic Design.
DTP Word 2002 Chapter 2 Preparing Internal Documents.
History of printing. Before DTP Publications were prepared by pasting pieces of text and art to light-weight cardboard. Changes were difficult.
Creating visually attractive and appealing publications.
Typography (Fonts). Type type = any set of printed characters font = a set of printable or displayable characters with a specific style and size typeface.
Basic Design SBM 338 Lanny Wilke. Four Basic Design Principles Proximity Alignment Balance Unity.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Designing Reader- Focused Documents C H A P T E R 10.
Typography Graphic Design Fundamentals
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
The art of using text to produce professional looking publications.
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
March 2004Andrea Infantino©Copyright Jan 2006Adapted from A.Infantino©Copyright 2004 Visual Literacy A Critical Key to Effective Communication.
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
High School of Dundee Typography. Base line Base line The imaginary line on which all characters rest.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
DPT I Jeopardy Introduction to Desktop Publishing Introduction to Layout & Design Text Features Graphics Additional Publication Features Q $100 Q $200.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
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.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
The art of using text to produce professional looking publications.
Basic Design Principles and Hazards to Avoid
Graphic Communication
google. ca/imgres. imgurl= braincrumbtrail
Basic Desktop Terminology
Chapter 9 Layout and Design
Basic Design Principles and Hazards to Avoid
The Art of Type 9/17/2018.
State Skills Test Review
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Typography.
Desktop Publishing.
Digital Media Notes Your Name.
Presentation transcript:

Design and Typography Chapter 4

4.1Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and what a publication is made of Layout: the arrangement of elements on each page Elements: text, titles, pictures, symbols, lines, etc.

Steps to Designing a Publication Determine the purpose, audience, and format Draw thumbnail sketches Review the sketches in terms of the four design concepts: –Appropriateness –Balance –Focus and flow –Consistency Revise thumbnail sketches Create the publication Print and review Make any changes Repeat steps 6 and 7

4.2Purpose and Audience Purpose refers to the intent of the publication –Most publications have more than one purpose Audience is the people that will read the publication –Consider: Age, location, common interests, educational backgrounds, etc.

4.3Formats Binding: The method that keeps the pages together –Folds –Saddle-stitch –Side-staple –Wire –Plastic comb –Perfect –Three-ring Distribution: How the reader gains possession of a publication

4.5Concepts of Design 4 basic concepts –Appropriateness –Balance –Focus and flow –Consistency Directly related to the visual aspects of a publication

4.6Appropriateness How well the elements in the publication match the purpose and audience Fonts, graphics, layout See page 4-6 for an example

4.7Balance The relative weight, heavy or light, of each element and how they work together The thicker, darker, or larger an element is, the heavier it appears on a page. Heavy elements should balance with the rest of the design Placement also influences the balance –Top heavy vs. bottom heavy, for example Varying graphic placement makes a publication more interesting Readability: how easily the reader can understand the publication

4.8Focus and Flow Focus: where the reader’s eye goes when first looking at the page Flow: where the eyes travel around the page White Space: any blank area on a page –Shape of white space influences the directions that the reader’s eye travels Tension: an asymmetrical layout, not perfectly equal in every way; creates a sense of movement that is essential to successful designs

4.9Consistency The glue in a design –A publication is held together by elements repeated in the layout –Repetition creates expectancy in the reader Visual Cue: a pattern or object that the reader sees and identifies with an element –Rule: a line –Dingbat: small graphics The longer the publication, the more consistency is needed

4.10 Introducing Typography Refers to the arrangement, shape, size, style, and weight of text Crucial for conveying the desired message to the audience Typeface: a set of letters drawn in a specific style Font: a specific size and weight of a single typeface

Font Categories Serif: small extensions found on the ends of letters –Used for body text because they are more readable Sans Serif: Sans means without; no extensions –Used for headlines and titles Decorative: fonts that don’t fit into the serif or sans serif categories (page 4-12) –Used for advertisements and invitations

Parts of a Font Cap Height: the height of the capital letters Baseline: the imaginary line where the bottom of the letters sit Ascenders: the parts of lowercase letters that rise above the x-height Descenders: the parts of lowercase letters that hang below the baseline X-height: the height of lowercase letters, not including ascenders and descenders Counters: the empty spaces completely surrounded by a letter

More About Fonts Points: The measurement of a font –One point is 1/72 of an inch Point size is determined by the designer Type Style: the variations of the characters –Bold, italic, underline

4.11 Using Fonts, Sizes, and Styles Formatting: applying options to highlighted text Use the Type Menu in PageMaker Use the Character submenu to change several formats at once Subscript: Text that sits below the line Superscript: Text that sits above the line

4.13Leading The distance from one line of text to another Leading values affect the readability and weight of a publication The longer the line length of text, the more leading that is needed Leading is measured in points