typography
play

typography NOVEMBER 12 MEETING 6 Resource of the Week: 5-Minute - PowerPoint PPT Presentation

Mar 26, 2024 •445 likes •636 views

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

  1. typography NOVEMBER 12 MEETING 6

  2. Resource of the Week: 5-Minute Guide to Better Typography

  3. Typeface vs. Font Typeface Font (Font-family) Roboto Thin Roboto Light 36pt Roboto Roboto Normal Italic Roboto Medium Roboto Bold Roboto Black

  4. Some Typography Terminology

  5. Battle of the Serifs Do you know your serifs?

  6. Battle of the Serifs Do you know your serifs?

  7. Serif vs. Sans Serif Do you know your serifs? Serif Sans serif

  8. Tracking The vertical spacing between the lines.

  9. Leading The spacing between words

  10. Kerning The d i s t a n c e between the different letters

  11. More font resources: Kern Game

  12. Typography Tips

  13. Typography Tips Line Length

  14. Typography Tips Alignment Left-Aligned text is common for left-to-right languages such as English Center alignment works best when dealing With just a few short lines of text Right-aligned text is common for Right-to-left languages such as Hebrew

  15. Typography Tips Readability good readability: Hi there stranger poor readability: Hi there stranger

  16. OPPOSITES ATTRACT

  18. More font resources: Typewolf, Google Fonts

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) &

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

598 views • 31 slides
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) &

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
Kinetic Typography 2 Background CHI2015:TextAlive CHI2015:TextAlive Kinetic Typography A

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

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
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

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

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

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 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

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

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

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

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

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

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

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
Variable Fonts and the future of typography Jason Pamental | @jpamental An Event Apart | Seattle

Variable Fonts and the future of typography Jason Pamental | @jpamental An Event Apart | Seattle

Variable Fonts and the future of typography Jason Pamental | @jpamental An Event Apart | Seattle Designer, Writer, Tinkerer, Typographer 4 April, 2018 cosmografia del minor mondo Type well used is invisible as type Beatrice

1.56k views • 131 slides
(from Chapter 5 of the text) Cascading Style Sheets (CSS) example 1

(from Chapter 5 of the text) Cascading Style Sheets (CSS) example 1

IT350 Web and Internet Programming SlideSet #5: CSS (from Chapter 5 of the text) Cascading Style Sheets (CSS) example 1

199 views • 8 slides
PA State Water Planning Hoss Liaghat, P.E. Chief, State Water Plan Section Office of Water

PA State Water Planning Hoss Liaghat, P.E. Chief, State Water Plan Section Office of Water

PA State Water Planning Hoss Liaghat, P.E. Chief, State Water Plan Section Office of Water Resources Planning Tom Wolf, Governor Patrick McDonnell, Secretary Statement of Need DEP is conducting review and update of State Water Plan We

425 views • 11 slides
CSS Styling Styling Backgrounds background-color Background color corresponds to a HEX value like

CSS Styling Styling Backgrounds background-color Background color corresponds to a HEX value like

CSS Styling Styling Backgrounds background-color Background color corresponds to a HEX value like #ff0000 , an RGB value like rgb(255,0,0) or a color name like red. Example: div {background-color:#b0c4de;} background- To set

184 views • 4 slides
Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM

Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM

Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM Inheritance Before we talk about font properties, it needs to be known that font properties are inherited by the descendants of the elements you

509 views • 24 slides
CS324e - Elements of Graphics and Visualization Java2D Graphics Java2D Graphics Render

CS324e - Elements of Graphics and Visualization Java2D Graphics Java2D Graphics Render

CS324e - Elements of Graphics and Visualization Java2D Graphics Java2D Graphics Render Heating animal remains to extract fat generating an image from a (mathematical) model Java2D can handle primitive shapes, text, images

372 views • 26 slides
Fonts PFont.list(); Returns a String array of available font names println( PFont.list()

Fonts PFont.list(); Returns a String array of available font names println( PFont.list()

Fonts PFont.list(); Returns a String array of available font names println( PFont.list() ); createFont( name , size ); createFont( name , size , smooth ); Returns a PFont object to be used by Processing textFont( font )

406 views • 12 slides
Week 2 - Monday C# MonoGame Program creates a Game1 (or similar) object and starts it

Week 2 - Monday C# MonoGame Program creates a Game1 (or similar) object and starts it

Week 2 - Monday C# MonoGame Program creates a Game1 (or similar) object and starts it running Game1 has: Initialize() LoadContent() Update() Draw() It runs an update-draw loop continuously until told to exit

589 views • 29 slides
A T Producing slides with L EX2 Frank Mittelbach 1997/08/15 1 Introduction With L A T EX 2

A T Producing slides with L EX2 Frank Mittelbach 1997/08/15 1 Introduction With L A T EX 2

A T Producing slides with L EX2 Frank Mittelbach 1997/08/15 1 Introduction With L A T EX 2 it is now no longer necessary to maintain a special format for producing overhead slides. Instead the standard format may be used and internally

551 views • 31 slides

More recommend