Font & Typeface Making good design choices in formatting options for font when developing visually appealing publications Principles of Information Technology.

Slides:

Advertisements

Similar presentations

The Key Element in Desktop Publishing Design

Advertisements

Font & Typeface Making good design choices in formatting options for font when developing visually appealing publications Principles of Information Technology.

More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.

Why use typeface?  Form of communication  The power to express words and ideas  Began as carving on tablets and cave walls  Books began as being written.

WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.

Design Principles Applying principles to create appealing and professional printed and electronic publications Principles of Information Technology 1Copyright.

1.01 Investigate typefaces and fonts.

1.01A – What typefaces should be used for various displays?????

Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.

1.01 Investigate typefaces and fonts.

Multimedia & Webpage Design

Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,

7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.

Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Typography 2.01 Investigate typefaces and fonts..

DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.

Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.

Digital Interactive Media

Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Type Classification and Selection.

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.

Design Principles Principles of Information Technology

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.

1Copyright © 2011 Pearson Education, Inc. Publishing as Prentice Hall. Exploring Microsoft Office PowerPoint 2010 by Robert Grauer, Cynthia Krebs, and.

Professionally Basic Elements of Design 4 Classifications of Type.

The applied art of arranging image and text to communicate a message.

INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.

Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”

Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.

Design: Type Readability Relationships Types of Type (Fonts Type on the web.

Objective 3.01 Understand Business Documents. Essential Questions to think about Why is formatting applied to fonts, paragraphs, and pages? What documents.

Design With Font Families Week 3 Intro to Desktop Publishing.

1Copyright © 2011 Pearson Education, Inc. Publishing as Prentice Hall. Giving Presentations Excerpted From Exploring Microsoft Office 2010 by Grauer, Mulbery.

TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..

Typography Graphic Design Fundamentals

Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.

Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)

TYPOGRAPHY What is Typography?

Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.

Type Categories. Type Terms Stress: if you drew a line between the two thinnest parts of a letter S No stress Diagonal stress.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.

Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.

Vocabulary Text Effects Copyright © Texas Education Agency, All rights reserved.

C a t e g o r i e s of T y p e. Oldstyle Diagonal Stress Serifs on lowercase letters are slanted Moderate thick/thin transition in the stroke Examples.

Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.

UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.

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.

FontSFontSFontSFontS aka Typography. Font Parts Lets break fonts down by their parts!

Digital Interactive Media

Introduction to typography

Digital Interactive Media

Digital Interactive Media

Font & Typeface Principles of Information Technology

Font & Typeface Principles of Information Technology

Digital Interactive Media

Design Principles Principles of Information Technology

Treatments that effect typography

Typography Basics 2.01 Investigate typefaces and fonts.

Unit 2.1: Identifying design elements when preparing graphics

Font & Typeface Principles of Information Technology

Design Principles Principles of Information Technology

2.01 Investigate typefaces and fonts.

1.01 Investigate typefaces and fonts.

The Art of Type 9/17/2018.

Digital Interactive Media

Digital Media Notes Your Name.

Formatting Techniques

Presentation transcript:

Font & Typeface Making good design choices in formatting options for font when developing visually appealing publications Principles of Information Technology 1 Copyright © Texas Education Agency, All rights reserved.

OBJECTIVES Identify categories of font styles Describe characteristics of font styles Identify publishing guidelines when choosing font styles Identify font formatting techniques for printed and electronic publications 2 Copyright © Texas Education Agency, All rights reserved.

FONT CATEGORIES Serif San serif Script Decorative 3 Copyright © Texas Education Agency, All rights reserved.

SERIF Definition: In this font category, there are short decorative tips at the end of the stroke for each letter. 4 Copyright © Texas Education Agency, All rights reserved.

SANS SERIF Definition: In this font category, there is an absence of short decorative tips at the end of the stroke for each letter. 5 Copyright © Texas Education Agency, All rights reserved.

SCRIPT Definition: In this font category, the letters appear to be handwritten. 6 Copyright © Texas Education Agency, All rights reserved.

ORNAMENTAL Definition: In this font category, the letters have a unique style that sets it apart, having an artistic design element incorporated into the lettering. 7 Copyright © Texas Education Agency, All rights reserved.

SERIF EXAMPLES Style of FontName of FontTip Design Slab SerifPlaybill Straight Constant thickness Thick slab ModernBodoni Straight Constant thickness Thin slab OldstyleGaramond Slanted Thick to thin stroke Straight stroke TransitionalBaskerville Straight Thick to thin stroke Straight stroke LatinBook Antiqua Slanted Thick to thin stroke Curved stroke 8 Copyright © Texas Education Agency, All rights reserved.

SANS SERIF EXAMPLES 9 Copyright © Texas Education Agency, All rights reserved.

SCRIPT EXAMPLES 10 Copyright © Texas Education Agency, All rights reserved.

ORNAMENTAL EXAMPLES 11 Copyright © Texas Education Agency, All rights reserved.

FORMATTING FONT Making good design choices 12 Copyright © Texas Education Agency, All rights reserved.

FORMATTING CHOICES Font style of title on page significantly different than other font on page Font style of title on page significantly different than other font on page Font style of title on page significantly different than other font on page Font style of title on page significantly different than other font on page 13 Copyright © Texas Education Agency, All rights reserved.

FORMATTING CHOICES Font style of title on page exactly the same as other font on page Font style of title on page different category as the other font on page Font style of title on page exactly the same as other font on page Font style of title on page different category as the other font on page 14 Copyright © Texas Education Agency, All rights reserved.

FORMATTING CHOICES 1 1 Font style of Title Is decorative and while it is pretty and could be used for the names on a formal announcement or invitation, it should never be used for full paragraphs of text as in this example. 2 2 Font style of Title Is script and while it is different and could be used for an attention getter, it should never be used for full paragraphs of text as in this example. 15 Copyright © Texas Education Agency, All rights reserved.

title on page exactly the same as other font on page we only changed the title text color and background shading FORMATTING CHOICES 1 1 FONT STYLE OF title on page exactly the same as other font on page we only changed the title to appear in all capital letters 2 2 Font Style Of 16 Copyright © Texas Education Agency, All rights reserved.

REVIEW The four categories of font 1. Serif—letters having short decorative tips at the end of each stroke 2. Sans Serif—letters that do not have short decorative tips at the end of each stroke 3. Script—letters that appear to be handwritten 4. Ornamental—letters that incorporate a common artistic design element 17 Copyright © Texas Education Agency, All rights reserved.

REVIEW Examples of the four categories of font Serif—Times New Roman— R Sans Serif—Arial— R Script—Freestyle Script— R Ornamental—Chiller— R 18 Copyright © Texas Education Agency, All rights reserved.

REVIEW Use the following sparingly: Script and ornamental All capital letters Switching categories of font within the same document Use serif for written documents Use sans serif for electronic documents 19 Copyright © Texas Education Agency, All rights reserved.

ACTIVITY #2 Look back at the document you created in Activity #1. Notice the font styles used on each web page. Create a textbox next to each screen snapshot. The textbox should show 1) The number of different font styles on each page 2) The categories of different font styles on each page 20 Copyright © Texas Education Agency, All rights reserved.