Use Typography Techniques

Slides:



Advertisements
Similar presentations
Typography 101 Using Typography to Enhance Content.
Advertisements

Definition: The style, arrangement, and appearance of text on a page.
Typography ty·pog·ra·phy (t -p g r -f ) n., pl. ty·pog·ra·phies. Abbr. typ., typo. Printing 1.The art and technique of printing with movable type. a.The.
Typography Selecting appropriate typefaces for a document. Typography.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
The art or process of printing with type Typography.
Understanding Typography Part One
1.01A – What typefaces should be used for various displays?????
Typofaces give voice to words Typefaces give voice to words.
Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Typography and Space for Web Design Important Issues From Web Style Guide.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
Chapter 4 Typography.
Unit 4 – Multimedia Element: Text
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.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
TYPOGRAPHY.
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.
INTRO TO TYPOGRAPHY BASICS Graphic Design II. What is Typography? the art or process of printing with type. In every piece of type you see, somebody has.
Terms to Know Primer A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations.
The applied art of arranging image and text to communicate a message.
Design  Good design is good because of its fitness to a particular user fitness to a particular task  In general, you are not your user!  Our class.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
TYPOGRAPHY What is Typography?
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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.
Principles of Typography
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Typography Design.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
Understanding and Applying Typography in CSS
Chapter 8 Print Type © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
INTRODUCTION TO TYPOGRAPHY DESIGN
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
Basic Desktop Terminology
Text Size and typeface of text Bold, italics, capitals, underlines
Understanding and Applying Typography in CSS
Unit 2.1: Identifying design elements when preparing graphics
Understanding Typography
Fine Tune & Tweak your Type
Layout Terms Visual Hierarchy
The Art of Type 9/17/2018.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
INTRODUCTION TO TYPOGRAPHY DESIGN
Principles of Typography
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Interactive Media
INTRODUCTION TO TYPOGRAPHY DESIGN
Typography.
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Media Notes Your Name.
INTRODUCTION TO TYPOGRAPHY DESIGN
Professional Communications
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

Use Typography Techniques CUAGRD302 Use Typography Techniques

Alphabet Variations The construction of letterforms in the roman alphabet remains largely unchanged after 2000 years. As readers we rely on the consistent forms of our letters to understand them. Their design is a syntax of line shapes a visual grammar that allows us to know that were looking at a V rather than a U. Too much deviation fro the master shape, and we lose our sense of the letter.

Case letters Each letter in the alphabet has two forms: an uppercase or capital form and a lowercase form. Uppercase letters are older official forms the romans used for imperial inscriptions. The lowercase letters and are developed of the middle ages (476-1200AD) and are generally attributed to the work of Charlemagne's scribes.

Weight The weight of a particular font is the thickness of the character outlines relative to their height A typeface may come in fonts of many weights, from ultra-light to extra-bold or black; The base weight differs among typefaces; that means one normal font may appear bolder than some other normal font. For example, fonts intended to be used in posters are often quite bold by default while fonts for long runs of text are rather light.

Posture The posture of a letterform is its vertical orientation to the baseline. Letters that stand upright, their stand upright, their center axis 90˚ to the baseline, are called roman. Letters that slant are called italic. A true italic letter has been drawn at an angle 12 to 15˚ less upright than its roman counterpart. Italic characters began to appear during the Renaissance, when scholars became interested in type that was more organic than roman forms. They based their slanted letters on handwriting. In general italic letters read with greater stress than roman letters. They serve a number of functions in text from adding emphases to helping distinguish one type of information from another.

Width How wide the letterforms in a typeface are in relation to their height is referred to as their width or extension. Regular width is based on a square dimension: a capital letter M of regular width is optically as wide as it is tall. The width of other letters in the same typeface is derived from this initial ratio, although they themselves may not be as wide as the letter M. A typeface in which the letterforms are narrower than regular is referred to as condensed or compressed; a face that is wider than regular is refereed to as extended or expanded. Like posture and weight varying the width of letterforms lends a different cadence to the reading; the rhythm of the text is changed by condensing or expanding type.

Style Style is a broad term that refers to several aspects of a typeface. First style can be divided into basic categories: serif and sans serif. Second style refers to the typefaces historical classification and the visual idiosyncrasies (a distinctive or peculiar feature or characteristic of a place or thing) related to its historical context.

The optics of space Every typeface has a distinct rhythm of strokes and spaces. This relationship between form and counterfort defines the optimal spacing of that particular typeface an therefore of the overall spacing between words and lines of type, among paragraphs.

Tracking In typography, letter-spacing, usually called tracking by typographers, refers to a consistent degree of increase (or sometimes decrease) of space between letters to affect density in a line or block of text.

The spatial mechanics of paragraphs As more and more sentences are strung together, they cluster to form a basic component of typographic design: The paragraph can be set in all manner of way to wide to narrow aligned or non aligned, singly or in groups. The paragraph is the archetypal building block of a text; as such its structure spacing and optical qualities warrant a focus of attention by the designer.

The paragraph Left-aligned text Centered text Justification Right-aligned text 1 2 3 4

Task 2 This typography task will get you to design a short inspirational saying that will be printed on wood. The requirements will be on your brief. Some inspirations

Preparation Design some awesome font work, with a simple saying either in Photoshop or illustrator- I would use illustrator. No images

Next week Printing on wood

Bibliography https://en.wikipedia.org/wiki/Font https://digitalmedia110sara.wordpress.com/2015/10/22/assignment-10-1-1/ http://www.webdesignerhub.com/wp-content/uploads/2016/07/Screen-Shot-2016-07-03-at-05.43.59.png https://en.wikipedia.org/wiki/Letter-spacing https://www.linotype.com/fr/7027-33846/significance-of-letter-spacing-for-web-design.html https://www.linotype.com/fr/7027-33684/text-alignment-and-hyphenation.html