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
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Typography Usability & Readability
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
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?????
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
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..
DTP Notes.
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
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.
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.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
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,
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?
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
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
Font & Typeface Principles of Information Technology
Multimedia & Webpage Design
Font & Typeface Principles of Information Technology
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Understanding and Applying Typography in CSS
Microsoft Word - Formatting Pages
Typography Usability & Readability
The art of using text to produce professional looking publications.
DFP 4113 MULTIMEDIA TECHNOLOGY
Applying Typography in CSS
Treatments that effect typography
Typography Basics 2.01 Investigate typefaces and fonts.
Understanding and Applying Typography in CSS
Study Guide By Tanner Galloway.
Unit 2.1: Identifying design elements when preparing graphics
Font & Typeface Principles of Information Technology
2.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.
Desktop Publishing Terminology
Digital Interactive Media
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Typography Usability & Readability
Typography.
Digital Media Notes Your Name.
Typography Usability & Readability
Formatting Techniques
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Defining Desktop Publishing
Character Formatting MOAC Lesson 3.
Presentation transcript:

1.01 Investigate typefaces and fonts. Typography 1.01 Investigate typefaces and fonts. 2.01 Investigate typefaces and fonts.

What’s the purpose of design? To grab the reader’s attention Accomplished through: Typography Design Principles Design Elements Although typography will be the focal point of this PowerPoint, the 3 main topics of objective 1.01 are briefly introduced here. 2.01 Investigate typefaces and fonts.

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

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. Think-Pair-Share is an activity to spark discussion about the objective. Steps: Students think (no talking) about the question presented on this slide for one minute. Students pair with their neighbor and discuss their thoughts for one minute. Students share their thoughts with the class. Teacher facilitates the discussion. 2.01 Investigate typefaces and fonts.

Typography the style, arrangement, and appearance of text Text should: Be appropriate for the medium used Increase readability 2.01 Investigate typefaces and fonts.

Typeface Categories Typeface – the basic design of a character Typefaces can be divided into five categories. Serif Sans Serif Ornamental Script Symbol 2.01 Investigate typefaces and fonts.

k Serif Typefaces Have strokes at the tips of the letters Easier to read for printed body text Examples: Courier Times New Roman k Teachers: You may want to explain that serifs make it easier for the reader’s eye to recognize the difference between letters more quickly. Thus, serif typefaces are better suited for body text of printed material. However, sans serif fonts are easier to read on monitors so web pages will use sans serif typefaces for body text. 2.01 Investigate typefaces and fonts.

k Sans Serif Typefaces No strokes at the tips of the letters Easier to read on digital displays Examples: Arial Verdana k 2.01 Investigate typefaces and fonts.

Serif Sans Serif Serif vs. Sans Serif The ends of each character do have attributes (serifs) Sans Serif The ends of each character do not 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 2.01 Investigate typefaces and fonts.

Script Typefaces French Script Brush Script Bradley Hand 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 2.01 Investigate typefaces and fonts.

Symbol Typefaces Use decorative pictures or symbols instead of characters Allows the user to use a symbol to convey the message without importing a graphic Example: Webdings Webdings Can be used for specific purposes such as musical notation and mathematical symbols Example: Mathematical symbol ≠

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

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: Kathryn Smith Typeface – Bauhaus; Category - Decorative This is an optional activity to make sure students understand the different typeface categories. Teacher needs to monitor the students to make sure they are choosing fonts in the correct categories. 2.01 Investigate typefaces and fonts.

It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing, people called ‘typesetters’ set the type by hand using moveable type. Each character was a separate block of metal. The letters were “set” on the layout to form the text. Each typeface had a complete set of metal characters for each size, weight, etc. Each different size or weight required a completely separate set of metal characters. Each metal set of characters was kept in its own drawer and was called a font. Just for fun: You can have your students try to read what it says. 2.01 Investigate typefaces and fonts.

Arial is the typeface. Arial, bold, 12 point is the font. 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. 2.01 Investigate typefaces and fonts.

Font Style The font style refers to the slant, weight and special effects applied to the text. Examples: Bold Italic Shadow Stroke Fill Color Small Caps 2.01 Investigate typefaces and fonts.

Typeface spacing Monospace Proportional 2.01 Investigate typefaces and fonts.

Monospaced Typefaces Courier is monospaced Each character takes up the same amount of horizontal space Harder to read in large bodies of text Courier is monospaced 2.01 Investigate typefaces and fonts.

Proportional Typefaces 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 Courier is monospaced Times New Roman is proportional 2.01 Investigate typefaces and fonts.

Proportional vs. Monospace