Basic Typography By Ashraf Ali. Overview  Review definitions  Basic character study  Explore different typefaces.

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

The Key Element in Desktop Publishing Design
Typography. Base line Base line The imaginary line on which all characters rest.
The art or process of printing with type Typography.
Types of fonts  1. OpenType Font :-OpenType Font  OpenType fonts are the current standard in fonts. In an OpenType font, both the screen and printer.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
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.
Principles of Typography
Typography Principles Communications 320 Desktop Publishing.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
Typography K1066BI – Graphical Design Teppo Räisänen
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
Font The design of text – the general shape and style of a set of characters. One style and size of a particular typeface. Example: Palatino is a typeface,
Multimedia & Webpage Design
Harsha Wijayawardhana University of Colombo School of Computing (UCSC)
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.
Fall Unit 2. Development Module 8: Typography & Design.
Typeface Basics 1. Glossary 1 Ascenders: Ascenders: Strokes of letters that rise above the mean line of type (b, d, f, h, k, l, t). Descenders: Descenders:
Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Visual Rhetoric: Headers and Typography Professor Stevens Amidon Department of English and Linguistics, IPFW.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Type Classification and Selection.
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
Typography and Measurement. T y pog r a ph y Typography Measurement, Positioning and Styles.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
© 2000 – All Rights Reserved – Page 1 Graphic Type & Layers Graphic Type & Layers.
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”
DTP Word 2002 Chapter 2 Preparing Internal Documents.
Typefaces / Fonts zTypefaces are the visual symbols seen as printed images on a substrate (printing surface). Characters is another term used to identify.
Typography (Fonts). Type type = any set of printed characters font = a set of printable or displayable characters with a specific style and size typeface.
Basics of Web Design Chapter 6 More CSS Basics Key Concepts.
Adfadfjkahgjklncklvzan;kltjeiopqrjtl ;idadioeqrupepqnz,mcvn.zm,xcn;kjafdl k;ja;dlfkmdklajfladkjfowieujkfjvnaei luriopqueriopqjwlkrnm,adsnfkl;ajdf;l kajsdfko;jio[qeukeqopriueioquro[qjz,
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.
Typography Graphic Design Fundamentals
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
High School of Dundee Typography. Base line Base line The imaginary line on which all characters rest.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Font:  Text of a certain design, available in hundreds of varieties.  Called typeface. Style:  The way a font looks: Bold, Italic, regular Points: 
Typography Please get out your notebooks and a pencil. There will be a short quiz at the end of this lecture.
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!
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
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.
The Art, Technology, and Science of Reading Kevin Larson Microsoft Advanced Reading Technologies.
Typography Usability & Readability
google. ca/imgres. imgurl= braincrumbtrail
Typography Basics 2.01 Investigate typefaces and fonts.
Symbolic Images Created from Type
Source: Digital Desktop Publishing--Font Basics
A1 Student Posters Posters Print Services  Robinson Library  University of Newcastle  phone: Introduction The.
<ELLIIT Project Name>
Poster Title Heading Heading Heading Heading Heading Heading
2016 REPORT.
Typography Usability & Readability
A1 Student Posters Posters at Print Services  Robinson Library  University of Newcastle  phone: Introduction.
201X REPORT.
目 录 The quick brown fox. 目 录 The quick brown fox.
2016 REPORT.
Presentation transcript:

Basic Typography By Ashraf Ali

Overview  Review definitions  Basic character study  Explore different typefaces

Definitions Type / printed characters or letters Typeface / single set of characters that share stylistic unity Font / an electronic file that renders a typeface in all sizes Character / a single symbol or letter Aa The quick brown fox jumps over the lazy dog. Times New Roman Helvetica FF Din Pro OpenType / OTF TrueType / TTF PostScript / PS

What is Typography? the style, arrangement, or appearance of type

BASIC CHARACTER STUDY yep, these guys abcdefghey! diagrams courtesy of FontShop

uh, I mean type. *cough* Everybody loves a nice pair of legs FF DIN PRO BOLD

Woah…so many features!

Baseline

Cap Height

X-height

Ascender

Descender

Counter

Terminal

Set Width

All Together! Basic Character Features

Explore Different Typefaces Serif Sans-serif Blackletter Display Script Monospaced Dingbat Handglovery 

Let’s Review  Review definitions  character, type, typeface, font, typography  Basic character study  baseline, cap height, x-height, ascender, descender, terminal, counter, set width  Explore different typefaces  serif, sans-serif, blackletter, display, script, monospaced, dingbat

Thanks for listening Special thanks to FontShop for the graphics, charts, and inspirat ion

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.