Is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

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.
SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
Typography (The study of font).
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
Understanding Typography Part One
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
Designing With Type part 1. “Everyone is a typographer now. How good a typographer you are is up to you!” - Jason Cranford (designer)
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
Typography - continue K1066BI – Graphical Design Teppo Räisänen
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Investigating Texts What is Typography?. Simply put, typography is the study of type and letterforms. In our daily lives we are constantly surrounded.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
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.
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.
1 CP586 © Peter Lo 2003 Multimedia Communication Font and Text.
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,
TYPOGRAPHY.
DTP Notes.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Digital Interactive Media
Graphic Design The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation.
Typography and Illustrator The History of Typography & Using Illustrator to create.
The applied art of arranging image and text to communicate a message.
Introduction to Typography 09/5/2013 Typography IIntroduction to Typography.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
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,
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 (from the Greek words τύπος (typos) = form and γραφή (graphe) = writing) is the art and technique of arranging type in order to make language.
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Typography is the art and technique of arranging type in order to make language visible. - The arrangement of type involves the selection of typefaces,
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
 TYPOGRAPHY. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement.
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.
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.
Desktop Publishing Lesson 2 — Working with Text. Lesson 2 – Working with Text2 Objectives  Create a blank document.  Work with text boxes.  Work with.
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
Graphic Design Working with Type
Digital Interactive Media
The art of using text to produce professional looking publications.
8 Learning Font Basics Desktop Publishing: Chapter 8
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?
google. ca/imgres. imgurl= braincrumbtrail
DFP 4113 MULTIMEDIA TECHNOLOGY
1.01 Investigate typefaces and fonts.
Layout Terms Visual Hierarchy
The Art of Type 9/17/2018.
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Digital Interactive Media
Digital Media Notes Your Name.
Typography Usability & Readability
Presentation transcript:

is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.

 Typically applied to printed, published, broadcast, and reproduced materials in contemporary times, all words, letters, symbols, and numbers written alongside the earliest naturalistic drawings by humans may be called typography.  Typography  Typography, is derived from the Greek words τύπος typos "form" or "impression" and γράφειν graphein "to write“  Babylonian cylinder seals were used to create an impression on a surface by rolling the seal on wet clay. Typography also was implemented in the Phaistos Disc, an enigmatic Minoan printed item from Crete, which dates to between 1850 and 1600 B.C. It has been proposed that Roman lead pipe inscriptions were created with movable type printing, but German typographer Herbert Brekle recently dismissed this view.  Typography with movable type was invented during the eleventh-century Song dynasty in China by Bi Sheng (990–1051). His movable type system was manufactured from ceramic materials, and clay type printing continued to be practiced in China until the Qing Dynasty.  Metal movable type was first invented in Korea during the Goryeo Dynasty, approximately 1230.

 Modern lead-based movable type, along with the mechanical printing press, is most often attributed to the goldsmith Johannes Gutenberg in  His type pieces, made from a lead-based alloy, suited printing purposes so well that the alloy is still used today.  Gutenberg developed specialized techniques for casting and combining cheap copies of letter punches in the vast quantities required to print multiple copies of texts.  This technical breakthrough was instrumental in starting the Printing Revolution and the first book printed with lead-based movable type was the Gutenberg Bible.  Rapidly advancing technology revolutionized typography in the latter 20 th century.  During the 1960s some camera-ready typesetting could be produced in any office or workshop with stand-alone machines such as those introduced by IBM.  During the mid-1980s personal computers such as the Macintosh allowed type designers to create typefaces digitally using commercial graphic design software.  Digital technology also enabled designers to create more experimental typefaces as well as the practical typefaces of traditional typography.  Designs for typefaces could be created faster with the new technology, and for more specific functions. The cost for developing typefaces was drastically lowered, becoming widely available to the masses. The change has been called the "democratization of type" and has given new designers more opportunities to enter the field. 

 As graphic design has advanced, it’s clear that most design is driven by imagery.  typography is the lynchpin that holds effective design together.  Many factors, such as font selection; appropriate Measure; typographic size hierarchy; and typographic weight hierarchy guide users through the site experience.  Typography creates visual logic and directs users to the many messages that marketers need to deliver. With all the resources put into message development, understanding how they’re presented in the design is critical.  Typography is not just about legibility. It is a blending of art and science and can serve a functional purpose. Every choice a graphic designer makes has an effect, including your choice of fonts.  How typography can change your design: 

 Kerning-  Kerning- is the process of adding or subtracting space between specific pairs of characters or letters  Tracking- is the process of loosening or tightening the spacing between the characters in selected text Leading- Leading- the vertical space between lines of type  Serif-  Serif- These are typefaces that have the little feet or arms that hang off the end of letter strokes, and typically add a thick/thin look to the letter  Sans-serif-  Sans-serif- These are typefaces that DO NOT have the little feet and usually have an overall even stroke weight, which creates little contrast for the letters.

 Bullet-  Bullet- a prominent dot placed in printed matter to call attention to a particular passage  Boldface-  Boldface- type style where the letterforms are emphasized by adding more weight or darkness to the letters  Baseline-  Baseline- the line upon which most letters "sit" and below which descenders extend.  Ascender-  Ascender- In typography, it is the portion of a minuscule letter that extends above the mean line of a font.  Descender-  Descender- In typography, it is the portion of a letter that extends below the baseline of a font.  Focal point-  Focal point- the visual element on a page that is most emphasized and that first attracts and holds the readers attention  Type style-  Type style- modeled versons of the original typeface such as italics, bold, condensed or expanded  Typeface-  Typeface- a set of letterforms, numbers, & symbols unified by a common visual design  Legibility-  Legibility- how easy it is to identify text in short phrases like slogans and headlines  Font-  Font- an assortment or set of type or characters all of one style and sometimes one size

Alignment

Use the letters of your name to create an image that represents you, or something you like. Use 3 different fonts.

Expressive words: Create 3 designs that express the definition of the word