The designer crafted word

Slides:



Advertisements
Similar presentations
Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.
Advertisements

Principles of Typography
Typography Usability & Readability
Typography Basic terminology/concepts
Desktop Publishing Carnegie-Mellon University Spring 2001 Dave Watterson Art Director, GATF
Chapter 10: TypographyCopyright © 2004 by Prentice Hall 10. Typography In this chapter you will learn about: The basic terminology and concepts of working.
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 G raphics theory. Typography Typography is the art of lettering which is… Used to create Effect Used to create Meaning Used to create some.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple.
1.01 Investigate typefaces and fonts.
Principles of Visual Design 2720 Principles of Visual Design LCC 2720 Instructor: Brian Schrank Intro to Typography.
Principles of Visual Design 2720 Principles of Visual Design LCC 2720 Instructor: Brian Schrank Intro to Typography.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
1.01 Investigate typefaces and fonts.
 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.
TYPOGRAPHY APPLIED DESIGN GRADE 12. ANATOMY of a LETTER BASELINE Invisible line that the letters sit on Rounded letters (like “e”) may extend slightly.
Typography Conveys mood Communicates attitude. The Letters X-height –the height of the main body of a lower case letter (literally, the x) x j Cap height.
10. Typography The basic terminology & concepts of working with type
Typography 2.01 Investigate typefaces and fonts..
Words are communication. What do they say? The meaning should come before the look of the type is considered. The primary task of graphic design is to.
Chapter 9 Text. So, chapter 10 is about Photography, now Chapter 9 is about text What should it look like, how big should it be, how do colors contrast,
DO NOW What are some examples of ways that companies use fonts to help sell their products? Copy your homework: Find two examples of creative uses of font.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Digital Interactive Media
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 All types of t y pe Typography Defined The design, arrangement, style and appearance of type matter constitute typography.
The art of using text to produce professional looking publications.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Aim: What is Leading? Mr. Spaterella Technology Dec. 1.
Aim: What is a typeface? Mr. Spaterella Technology Dec. 1.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
TYPOGRAPHY.
Headings and Text What makes headings stand out?.
Typography Chapter 10: TypographyCopyright © 2004 by Prentice Hall.
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.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
Principles of Typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
TMD1073 Digital Illustration Chapter 3 : Typography
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Graphic Design Working with Type
Digital Interactive Media
Typography Usability & Readability
The art of using text to produce professional looking publications.
Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?
Vocabulary & Guidelines
google. ca/imgres. imgurl= braincrumbtrail
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Principles of Typography
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.
Arial Tahoma Times 12pt Arial Tahoma Times 16pt Arial Tahoma Times 20.
Presentation transcript:

The designer crafted word Typography The designer crafted word

Typography Font Family Bold vs.Light   Italic Extended Condensed Serif Sans Serif Script Kerning Leading Point size

Font Family

Letter Spacing Kerning Leading-"ledding" The vertical spacing between lines of type (between baselines). The name comes from the early hot-metal days of typesetting when the space was achieved with thin bars of lead. Leading is measured in points and includes the point size of the typeface and the actual space between the lines. Kerning

Leading is Space from Baseline to Baseline                                                                                                                                                                                                                                                                                                                                 Leading is Space from Baseline to Baseline

Point Size Arial Rounded 24 pt. Arial Rounded 60 pt.

Serif Serif Fonts A serif is a cross line at the end of a letter stroke that leads the eye onto the following letterform. Examples of serif fonts are Times New Roman, Garamond and Palatino.                                     It is thought that the serif first originated in ancient Rome. At the time, letters were carved into stone columns and tablets using stone carving chisels. These letters were carved after a scribe, using a brush, "painted" the letters onto the stone. The serif appeared when the scribe stopped the brush and lifted it, leaving a bit of a brush edge on the letter. The carver, not seeing the error, simply chiseled that edge out of the stone as well. http://www.rsc-ne-scotland.ac.uk/eolympics/banff/armenia/Typography-170.htm

Sans Serif Verdana Trebuchet Comic Sans Helvetica These fonts are clearer at smaller sizes when viewed on screen. Verdana Trebuchet Comic Sans Helvetica

Extended-Horizontal Stretch-shorter and wider

Condensed Stretches vertically

Italic Leaning!

BE BOLD… or Try to lighted up

What you have learned. Serif Fonts have additional strokes and look more formal and have authority. Sans serif fonts have cleaner lines and look more modern. Words in UPPERCASE are all the same shape and should be used with care. Words in lower case have more shape and are easier and quicker to read. Text styles of bold and italic can add emphasis to text. Typefaces have impact that add to your words’ meanings. Kerning is the adjustment of spacing between letters to create a more aesthetically pleasing arrangement of letterforms.

Name that Text! 1 2 3 5 4 6 7 8

Thank you to Mrs. Little!