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

Slides:



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

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.
Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
Font & Typeface Making good design choices in formatting options for font when developing visually appealing publications Principles of Information Technology.
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?????
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.
 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.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
TYPOGRAPHY.
Design Principles for PowerPoint
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
Digital Interactive Media
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.
Understanding Fonts. Fonts Hold Power The font you choose should reflect the message of your document. What kind of feelings do the following fonts convey:
Design Principles Principles of Information Technology
Professionally Basic Elements of Design 4 Classifications of Type.
The applied art of arranging image and text to communicate a message.
Accessible PowerPoint Presentations. If your presentation will go on the Web It’s best if you start from scratch Create your presentation in normal or.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
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.
Key Applications Module Lesson 20 — Enhancing Presentations with Multimedia Effects Computer Literacy BASICS.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
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.
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.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
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.
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.
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Font & Typeface Principles of Information Technology
Font & Typeface Principles of Information Technology
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Section 7.1 Section 7.2 Identify presentation design principles
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
1.01 Investigate typefaces and fonts.
Design Principles Applying principles to create attractive and professional printed and electronic publications Copyright © Texas Education Agency, 2013.
The Art of Type 9/17/2018.
Digital Interactive Media
Computer Literacy BASICS
Digital Media Notes Your Name.
Layout Terms Visual Hierarchy
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

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© UNT in Partnership with TEA

FONT CATEGORIES Serif Sans serif Script Decorative 3© UNT in Partnership with TEA

SERIF Definition: In this font category, there are short decorative tips at the end of the stroke for each letter. 4© UNT in Partnership with TEA

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© UNT in Partnership with TEA

SCRIPT Definition: In this font category, the letters appear to be handwritten. 6© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

SANS SERIF EXAMPLES 9© UNT in Partnership with TEA

SCRIPT EXAMPLES 10© UNT in Partnership with TEA

ORNAMENTAL EXAMPLES 11© UNT in Partnership with TEA

FORMATTING FONT Making good design choices 12© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

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© UNT in Partnership with TEA

REPETITION This webpage shows repetition in the color theme. It has black, white and various shades of gray in the background as well as within the various objects – even in the clothes that the models are wearing. Repetition is also demonstrated by the use of the same font style for all text objects. The icons in front of the list of links all repeat the same size and shape. The software ads in the lower right repeat the same size, shape, colors, and arrangement of text/objects within each group. EXAMPLE Webpage screenshot of Number of font styles used: 1 All text is in a sans serif font. This part is the only thing added for this activity. 21© UNT in Partnership with TEA