TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..

Slides:



Advertisements
Similar presentations
Typography Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Advertisements

The Key Element in Desktop Publishing Design
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
Typography Usability & Readability
Welcome and have a seat please.  What is typography?  The design of the characters and the way they are presented on the page  What are fonts?
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
1.01A – What typefaces should be used for various displays?????
CSS The Definitive Guide Chapter 5.  You will understand why setting font properties will be among the most common uses of style sheets.  Font family.
1.01 Investigate typefaces and fonts.
Typofaces give voice to words Typefaces give voice to words.
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Indicator 1.01 (4%) – Investigate typefaces and fonts.
10. Typography The basic terminology & concepts of working with type
Fall Unit 2. Development Module 8: Typography & Design.
Typography 2.01 Investigate typefaces and fonts..
1.01A – What typefaces should be used for various displays?????
Digital Interactive Media
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
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:
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.
The applied art of arranging image and text to communicate a message.
TYPOGRAPHY - DFP b7 Distinguish between serif and sans serif fonts Objective: Given resource material/lecture, the student will identify both serif and.
Copyright 2002, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-1 LINKS TO OBJECTIVES Formatting Characters Formatting Characters Changing Fonts Character.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
DESIGNING with TYPE Bristol Community College Bristol Community College CIS 13 Business Creativity Sources: The Non Designers Design Book, Robin Williams.
1.01b Investigate typefaces and fonts.. Fonts It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing,
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.
TYPOGRAPHY.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
Chapter 2. Copyright 2003, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-2 LINKS TO OBJECTIVES Bold, Italic, and Underlining Bold, Italic, and Underlining.
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.
Typography Investigate typefaces and fonts. INTRODUCTION TO GRAPHICS.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Typography Usability & Readability
Typography Basics 2.01 Investigate typefaces and fonts.
Study Guide By Tanner Galloway.
Competency 1 Megan Dodson.
Unit 2.1: Identifying design elements when preparing graphics
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Defining Desktop Publishing
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Digital Interactive Media
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Typography Usability & Readability
Typography.
Digital Media Notes Your Name.
Typography Usability & Readability
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Defining Desktop Publishing
Character Formatting MOAC Lesson 3.
Presentation transcript:

TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS.

WHAT’S THE PURPOSE OF DESIGN? To grab the reader’s attention Accomplished through: Typography Design Principles Design Elements

SOMETHING TO THINK ABOUT… "When pictures and words pull in opposite directions and the poor reader doesn't get any message at all, he simply turns the page.“ John Newcomb, Author Book of Creative Problem Solving 3

THINK-PAIR-SHARE Who is the target audience for our school newsletter? What will the target audience expect to see in the newsletter in terms of: Typefaces used. Colors used. Graphics used. Overall design. 4

TYPOGRAPHY the style, arrangement, and appearance of text Text should: Be appropriate for the medium used Increase readability

TYPEFACE CATEGORIES Typeface – the basic design of a character Typefaces can be divided into five main categories. Serif Sans Serif Ornamental Script Symbol

SERIF TYPEFACES Have strokes at the tips of the letters Easier to read for printed body text Examples: Courier Times New Roman k

SANS SERIF TYPEFACES No strokes at the tips of the letters Easier to read on digital displays Examples: Arial Verdana k

SERIF VS. SANS SERIF Sans Serif The ends of each character do not have attributes (serifs) Serif The ends of each character do have attributes (serifs)

ORNAMENTAL TYPEFACES Designed strictly to catch the eye Should be used sparingly. Can be hard to read. Used for decoration Should never be used in body text Examples Algerian Bauhaus

SCRIPT TYPEFACES Appear to have been written by hand Should never be keyed in all caps Conveys a formal mood Examples French Script Brush Script Bradley Hand

SYMBOL TYPEFACES 12

JUST FOR FUN Thankfully, I was awakened by the  that flew over my . I did not  my , and I was almost late for work. 13

ACTIVITY Open Microsoft Word. Key your name on 5 different lines. Change each name on your screen to reflect the following: SERIF font SANS SERIF font ORNAMENTAL font SCRIPT font SYMBOL font Beside each name, label it with the appropriate typeface name and category For example: Shannon Lynch Typeface – Bauhaus; Category – Decorative/ornamental 14

15

FONTS Font - the specific size, weight and style applied to a typeface. Examples:Arial, bold, 12 point Arial, italic, 14 point Arial, 10 point Arial is the typeface. Arial, bold, 12 point is the font.

FONT STYLE The font style refers to the slant, weight and special effects applied to the text. Examples: Bold Italic Shadow Shadow Stroke Fill Color Small Caps

TYPEFACE SPACING MONOSPACE PROPORTIONAL

MONOSPACED TYPEFACES Each character takes up the same amount of horizontal space Harder to read in large bodies of text Courier is monospaced

PROPORTIONAL TYPEFACES Proportional The amount of horizontal space each character takes up varies. An i is not as wide as an m and receives less space. Better for body text Times New Roman is proportional Courier is monospaced

PROPORTIONAL VS. MONOSPACE