Harsha Wijayawardhana University of Colombo School of Computing (UCSC)

Slides:



Advertisements
Similar presentations
MODULE 16: TYPOGRAPHY. Categories of typefaces share similar characteristics. Typefaces have families. Type is measured in points. Column widths should.
Advertisements

Typography. Base line Base line The imaginary line on which all characters rest.
The art or process of printing with type Typography.
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.
Typography Usability & Readability
Typography. It’s not just the words, but the shape, size of headline and letters can attract readers. Typography important enough to warrant own journaljournal.
Typography Principles Communications 320 Desktop Publishing.
Typography K1066BI – Graphical Design Teppo Räisänen
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 BASICS Technical Foundations II. Typography Basics  Baseline Apple.
Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.
Typography - continue K1066BI – Graphical Design Teppo Räisänen
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.
Let’s Take a Practice Quiz on the 5 Types of Lettering from Yesterday… Get Ready --- after attendance.
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.
Typography 2.01 Investigate typefaces and fonts..
TYPOGRAPHY.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Answer question 1. Answer question 2.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing.
Typography
Digital Interactive Media
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
Typography The Art of designing with words and letters.
The art of using text to produce professional looking publications.
The applied art of arranging image and text to communicate a message.
Typefaces / Fonts zTypefaces are the visual symbols seen as printed images on a substrate (printing surface). Characters is another term used to identify.
How to publish a Document How to Publish a document.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
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?
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,
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.
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.
DESKTOP PUBLISHING. Publishing The process of presenting material in printed form.
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.
Basic Typography By Ashraf Ali. Overview  Review definitions  Basic character study  Explore different typefaces.
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.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
The art of using text to produce professional looking publications.
Vocabulary & Guidelines
DFP 4113 MULTIMEDIA TECHNOLOGY
2.01 Investigate typefaces and fonts.
Layout Terms Visual Hierarchy
The Art of Type 9/17/2018.
UNDERSTANDING SPACING
2.01 Investigate typefaces and fonts.
Symbolic Images Created from Type
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Digital Interactive Media
Typography.
Typography Usability & Readability
Professional Communications
Presentation transcript:

Harsha Wijayawardhana University of Colombo School of Computing (UCSC)

 Typography is the art of arranging type, type design and modifying type glyphs  Arrangement of type involves the following:  Typefaces  Point sizes  Line length  Leading (line spacing)  Adjusting space between group of letters (Tracking)  Adjusting space between pair of letters (Kerning)

 Typeface – a typeface is a set of one or more fonts, in one or more font sizes. The distinction between font and typeface is that a font designates a specific member of a type family such as roman, boldface, or italic type, while typeface designates a consistent visual appearance or style which can be a "family" or related set of fonts

Typefaces and fonts are measured in points Point has been defined differently in different period and in digital era, the most popular is the Desktop Publishing point of 1 ⁄ 72 in ( in/0.35 mm). It is now accepted that 72 point is an inch  There are two types of Typefaces: Serif and San Serif

 EM Unit measurement of typeface of a font.  Typeface of 16 point of font is 1 EM  Fontlab measures in UPM or Unit per EM  This is the way how the calculations are done and it is brought to FontLab  These calculations are performed for Type 1 PS fonts, which is 1000 points and TTF 1024 and 2048 (Microsoft)

 Assuming my EM square 260 mm  Caps = 200 mm  Ascender = 200 mm  x-height = 140 mm  Descender = -60  Caps 200/260 * 1000 = 769  Ascender 200/260 * 1000 = 538  x-height 140/260 * 1000 = 769  Descender -60/260 * 1000 = -231