Digital Typography CPSC 453 Fall 2018 Sonny Chan What is the - PowerPoint PPT Presentation

Jun 27, 2023 •551 likes •1.3k views

Digital Typography CPSC 453 Fall 2018 Sonny Chan What is the difference between a font and a typeface? Outline for Today A short history lesson Categorizing typefaces Terms and nomenclature Digital representations of typefaces

Digital Typography CPSC 453 – Fall 2018 Sonny Chan
What is the difference between a font and a typeface?
Outline for Today • A short history lesson • Categorizing typefaces • Terms and nomenclature • Digital representations of typefaces • Rendering fonts
A very brief account of the history of type
The Greek Alphabet ca. 800 BC
Very Early Reproduction first millennium
The Book of Kells ca. 9th century AD
Beowulf ca. 11th century AD
Johannes Gutenberg
Gutenberg Press, ca. 1450
�� The Origin of “Cases” Upper Case, Lower Case, and a California Job Case
��
425 Years Later… TRS-80, Tandy Corporation, ca. 1977
AppleWorks Word Processor Apple Computer, ca. 1984
John Warnock
Steve Jobs

Download Presentation

Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) &

Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) & characters (; ? @) of the alphabet. MONOTYPE Trade name for hot metal composition system Monotype Corporation Machine Shop Hot Metal Composition

594 views • 32 slides

Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) &

598 views • 31 slides

Kinetic Typography 2 Background CHI2015:TextAlive CHI2015:TextAlive Kinetic Typography A

CHI2015:TextAlive TextAlive : Integrated Design Environment for Kinetic Typography Jun Kato, Tomoyasu Nakano, Masataka Goto AIST, Japan 1 Background CHI2015:TextAlive CHI2015:TextAlive Kinetic Typography 2 Background CHI2015:TextAlive

734 views • 29 slides

Course schedule INTERFACE AESTHETICS Beyond desktop 2/04 Beyond Desktop 2/11 Typography I

1/28 Introduction Course schedule INTERFACE AESTHETICS Beyond desktop 2/04 Beyond Desktop 2/11 Typography I 2/25 Typography II 3/03 Layout & the Grid 3/10 Workshop I: Type / Layout Graphic design basics 3/17 Color I 3/31

1.29k views • 106 slides

typography NOVEMBER 12 MEETING 6 Resource of the Week: 5-Minute Guide to Better Typography

typography NOVEMBER 12 MEETING 6 Resource of the Week: 5-Minute Guide to Better Typography Typeface vs. Font Typeface Font (Font-family) Roboto Thin Roboto Light 36pt Roboto Roboto Normal Italic Roboto Medium Roboto Bold Roboto

636 views • 18 slides

PRINTING COMES TO EUROPE Typography With the migration of woodblock printing from Asia to

PRINTING COMES TO EUROPE Typography With the migration of woodblock printing from Asia to Europe, a new form of printing developed with movable type known as Typography . During the Middle Ages, the demand for knowledge was huge. But book

1.01k views • 89 slides

Responsive Typography Code: http://bit.ly/jpatypicode Using Type Well on the Web WiFi: SIDLEE

Responsive Typography Code: http://bit.ly/jpatypicode Using Type Well on the Web WiFi: SIDLEE VISITORS | SidLovesLee The Day Ahead Our new typography Fonts on the web: sources, selection & use Putting them to use & managing

550 views • 53 slides

HUB 10 4 March 2014 1 Good typography is legible because of a balanced contrast between the

A quick romp in typography Tom Grace HUB 10 4 March 2014 1 Good typography is legible because of a balanced contrast between the text (black) and the space within and around it (white). adhesion LATELY adhesion LATELY

606 views • 34 slides

Design principles II 1. Typography 2. Layout 3. Color Typography Fonts and how to use them

Design & Presentation Design principles II 1. Typography 2. Layout 3. Color Typography Fonts and how to use them Via Type On Screen Via Type On Screen Type classication Via The Non-Designer's Design Book Via The Non-Designer's

652 views • 54 slides

Web typography basics August 2020 Design, not art Content is king Fit for purpose 0. Purpose

Web typography basics August 2020 Design, not art Content is king Fit for purpose 0. Purpose 1. Readability 2. Tone 3. Aesthetics Slide from OpenBSD on OpenSSL code quality Typography Visual design Humans are flawed? Not the

684 views • 67 slides

Responsive Typography Design for Meaning, Not for Screen Size CSS Dev Conf 13 October, 2014

Text (504) 229-6828 with #rwdtype 5 (comment) Responsive Typography Design for Meaning, Not for Screen Size CSS Dev Conf 13 October, 2014 hwdesignco.com | @jpamental | Responsive Typography What Well Cover + Lies & deceptions about art

981 views • 66 slides

Responsive Typography Design for Meaning, Not for Screen Size NEWDcamp 1 November, 2014

Responsive Typography Design for Meaning, Not for Screen Size NEWDcamp 1 November, 2014 hwdesignco.com | @jpamental | Responsive Typography What Well Cover + Lies & deceptions about art & science + Understanding the value of hats +

1.06k views • 66 slides

Responsive Typography Design for Meaning, Not for Screen Size ARTIFACT PVD 30 September, 2014

Responsive Typography Design for Meaning, Not for Screen Size ARTIFACT PVD 30 September, 2014 hwdesignco.com | @jpamental | Responsive Typography What Well Cover + Lies & deceptions about art & science + Understanding the value of

1.26k views • 67 slides

research, however, I began to realize that the idea of three-dimensional type transcends the 3D

Ryan Rich Reconstructing Type: Contemporary Three-Dimensional Typography and Open Design My initial goal in this presentation was to understand the role 3D printing has in contemporary typography and graphic design. As I began to actually

278 views • 3 slides

LOGOTYPE logotype logotype structure PROPOSAL 3 - TOTAL LOOK TYPOGRAPHY Alphabet In use

LOGOTYPE logotype logotype structure PROPOSAL 3 - TOTAL LOOK TYPOGRAPHY Alphabet In use PROPOSAL 3 - TOTAL LOOK PICTOGRAM Icons : exemple Icons+best practice+typography PROPOSAL 3 - TOTAL LOOK STAND : EXAMPLE PROPOSAL

238 views • 9 slides

Type, Responsively A More Modern Approach to Typography on the Web FOWD London | #FOWD Jason

Type, Responsively A More Modern Approach to Typography on the Web FOWD London | #FOWD Jason Pamental | @jpamental 08 April, 2014 http://hwdesignco.com A Bit About Me + Live in the smallest state in the US + Designed my first site before there

826 views • 40 slides

Lecture 4 - Real - time Ray Tracing Welcome! , = (, )

INFOMAGR Advanced Graphics Jacco Bikker - November 2018 - February 2019 Lecture 4 - Real - time Ray Tracing Welcome! , = (, ) , + , ,

586 views • 55 slides

JOINT CONSTRUCTION: Collaborative Scaffolding and Cognitive Apprenticeship Nigel A. Caplan

TESOL-SLWIS @ SSLW 2014, Arizona State University JOINT CONSTRUCTION: Collaborative Scaffolding and Cognitive Apprenticeship Nigel A. Caplan Assistant Professor nacaplan@udel.edu Teaching/Learning Cycle Joint Construction is the most

386 views • 11 slides

Cooperative Data Sharing (CDS) Overview David DiNucci, PhD Elepar: Working Together

Cooperative Data Sharing (CDS) Overview David DiNucci, PhD Elepar: Working Together Independently dave@elepar.com www.elepar.com Elepars Three Layers Users Application Software Cabling (SC): Traditional Languages, Visual OO

139 views • 11 slides

Code Modification Forum Ashling Hotel, Dublin Wednesday, 11 th October 2017 Agenda (1 of 2) 1.

Code Modification Forum Ashling Hotel, Dublin Wednesday, 11 th October 2017 Agenda (1 of 2) 1. Review of minutes from last meeting 2. Review of Action Items from last meeting 3. Natural Gas Emergency at Corrib 4. General Items Update 5.

666 views • 53 slides

Executive Compensation and International Trade Diego Gruber Departament dEconomia i

Motivation Model Calibration Estimation (in progress) Summary Executive Compensation and International Trade Diego Gruber Departament dEconomia i dHistria Econmica Universitat Autnoma de Barcelona 4th FIW Research Conference,

381 views • 25 slides

NOAAs Leadership Competencies Development Program (LCDP) Recruitment Information Session

NOAAs Leadership Competencies Development Program (LCDP) Recruitment Information Session August 29, 2018 Audio (Listen Only) Open or close Control Panel OR Use Mic & Speakers (Computer) Use Telephone Listen through your computer

720 views • 49 slides

+ EVALUATION OF OFFENDERS FOR TRANSPORT Facility of origin submits a request to DOC for

+ COVID-19 RESPONSE UPDATE LAW AND JUSTICE INTERIM COMMITTEE AUG. 19, 2020 + COVID-19 DOC TESTING UPDATE Sentinel testing efforts at DOC-run and DOC-contracted facilities slowed in July due to delayed results, but that is ramping back up as

122 views • 8 slides

Piercing the Corporate Veil Normally, directors, officers and shareholders are NOT personally

Piercing the Corporate Veil Normally, directors, officers and shareholders are NOT personally liable for the debts of the corporation; including the contracts entered into by the corporation and the torts committed by the corporation.

89 views • 8 slides

Digital Typography CPSC 453 Fall 2018 Sonny Chan What is the - PowerPoint PPT Presentation

Digital Typography CPSC 453 Fall 2018 Sonny Chan What is the difference between a font and a typeface? Outline for Today A short history lesson Categorizing typefaces Terms and nomenclature Digital representations of typefaces

Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) &amp;

Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) &amp;

Kinetic Typography 2 Background CHI2015:TextAlive CHI2015:TextAlive Kinetic Typography A

Course schedule INTERFACE AESTHETICS Beyond desktop 2/04 Beyond Desktop 2/11 Typography I

typography NOVEMBER 12 MEETING 6 Resource of the Week: 5-Minute Guide to Better Typography

PRINTING COMES TO EUROPE Typography With the migration of woodblock printing from Asia to

Responsive Typography Code: http://bit.ly/jpatypicode Using Type Well on the Web WiFi: SIDLEE

HUB 10 4 March 2014 1 Good typography is legible because of a balanced contrast between the

Design principles II 1. Typography 2. Layout 3. Color Typography Fonts and how to use them

Web typography basics August 2020 Design, not art Content is king Fit for purpose 0. Purpose

Responsive Typography Design for Meaning, Not for Screen Size CSS Dev Conf 13 October, 2014

Responsive Typography Design for Meaning, Not for Screen Size NEWDcamp 1 November, 2014

Responsive Typography Design for Meaning, Not for Screen Size ARTIFACT PVD 30 September, 2014

research, however, I began to realize that the idea of three-dimensional type transcends the 3D

LOGOTYPE logotype logotype structure PROPOSAL 3 - TOTAL LOOK TYPOGRAPHY Alphabet In use

Type, Responsively A More Modern Approach to Typography on the Web FOWD London | #FOWD Jason

Lecture 4 - Real - time Ray Tracing Welcome! , = (, )

JOINT CONSTRUCTION: Collaborative Scaffolding and Cognitive Apprenticeship Nigel A. Caplan

Cooperative Data Sharing (CDS) Overview David DiNucci, PhD Elepar: Working Together

Code Modification Forum Ashling Hotel, Dublin Wednesday, 11 th October 2017 Agenda (1 of 2) 1.

Executive Compensation and International Trade Diego Gruber Departament dEconomia i

NOAAs Leadership Competencies Development Program (LCDP) Recruitment Information Session

+ EVALUATION OF OFFENDERS FOR TRANSPORT Facility of origin submits a request to DOC for

Piercing the Corporate Veil Normally, directors, officers and shareholders are NOT personally

Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) &

Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) &