SlideShare uma empresa Scribd logo
1 de 46
Baixar para ler offline
Typography?
 typog… what?
Typography is the art and
techniques of arranging type, type
design, and modifying type glyphs.

                        http://en.wikipedia.org/wiki/Typography
Type history
the quick and dirty version
Cave painting 30000 BC
From figures/symbols to characters/letters
Ancient Egyptian




                                                                                                   Demotic




                                                                                                   Greek




Rosetta stone discovered in 1799, it was the key for the decryption of the old Egyptian Hieroglyphic
code.
Roman inscriptional capitals on the base of Trojan's Column, ca 113.

Sample of Carolingian writing from the Carolingian Gospel Book produced between 820 and 830 AD
Invention and technology of movable type in the 1430s

The systems involved were first assembled in Germany by the goldsmith Johann Gutenberg.
Classical 1450-1800
Industrial 1800-1880
Modern 1880-1960
Bauhaus -- the radically simplified forms, the rationality and functionality, and the idea that mass-production was reconcilable with the individual artistic spirit -- were already partly developed
in Germany before the Bauhaus was founded.
Swiss Modern 1945-1970
Postmodern 1970
Digital 1985, Neville Brody art director at Face
Raygun and Wired magazine mid 1990’s
David Carson, art director of Raygun
Spread from Raygun magazine, 1997
Digital use of characters and symbols, back to the cave painting…
Type classification
    the elevator version
Palatino


Old Style

Old style fonts have the following characteristics:

  * Based on pen drawn forms
  * Little contrast between thick and thin strokes
  * Bracketed serifs
  * Small x-heights
  * Counters with a diagonal stress

Garamond was introduced in 1541, and is known as the first Old Style Roman. It remained popular for hundreds of years. Caslon was introduced in 1734. Caslon was used in the first
printings of the Declaration of Independence and the United States Constitution.

Old Style typefaces were designed to imitate handwriting. They are good book types, being highly legible

Example fonts: Bembo, Palatino, Trajan, Garamond, Caslon
Times

Transitional

The transitional typefaces bridged the Old Style and Modern periods, and took design elements from both styles. Transitional typefaces have the following characteristics:

  * Greater contrast between thick and thin strokes
  * More vertical counters
  * Very sharp serifs

Baskerville introduced the transitional typefaces in 1757.

Transitional typefaces are often used in text-heavy designs.

Examples: Baskerville, Caslon, Times
Bodoni


Modern
Modern typefaces are distinctive: they employ strong vertical elements and very fine hairlines for a very contrasty look.

  * Strong vertical elements
  * Contrast between thick and thin strokes
  * Very fine hairlines

Modern roman typefaces were introduced in the 1780s.

Modern typefaces are well suited to headings and title pages.

Examples: Bodoni, New Century Schoolbook
Courier


Slab Serif
Slab serif typefaces use heavy, squared off finishing strokes — hence the name quot;slabquot; serif. They have the following characteristics:

  * Heavy, square serifs
  * Few or no thin strokes
  * Few or no delicate curves
  * Lack contrast

All of this makes slab serif typefaces ideal for low quality printing: faxes and newsprint. They also read well on screen, and look good in presentations.

Examples: Clarendon, Courier, Memphis, Rockwell
Helvetica

Sans Serif
Ironically, it was William Caslon IV (great-grandson of the quot;originalquot; Caslon, who produced the first type without serifs in 1816. Sans serifs were not embraced at first, and in fact, in Great Britain the common term for them is still
Grotesque.

It is hotly debated whether or not sans serif is suitable for text. Most will say that it isn't, because it's the serif that leads the eye and makes type readable. Others will argue that sans serif type, when properly set, is perfectly
suited to text.

Examples: Franklin Gothic, Univers, Helvetica, Futura, Frutiger
Brush Script


Script
Based on had drawn lettering

Examples: Kunstler Schrift, Comic Sans

                                   



Dingbat
Illustrative symbols

Examples: Zapf Dingbat, Webdings
Type rules
  the 10 dont’s
Do not use every font you own in one document
DO NOT USE ALL CAPITAL LETTERS




Capital letter were not designed to stand next to one another
We read words not letters
We read words not letters

Da er det bare å glemme stavekontrollen:

En visktenpaleig unsdelrøkese gjort ved et untivseriet i Enlgnad har vist at desrom
de to føsrte- og to siste botsvkeane i alle oredne i en tekst er riktig plessart, spllier
det liten rolle hvkilen reføkkelge de øvirge boskvetane i oredne kommer. Tektsen er
fullt lesbar selv om de andre bokeastvne kommer huilbtertlulter! Dette er fordi vi
ikke leser hver eneklt botksav, men ser bidlet av ordet som hehleet.

Ha en fin dag!




This text is in norwegian, sorry…
Do not center large amounts of text


  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
   diam nonummy nibh euismod tincidunt ut laoreet dolore
                  magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullam-
 corper suscipit lobortis nisl ut aliquip ex ea commodo conse-
                                quat.
 Duis autem vel eum iriure dolor in hendrerit in vulputate velit
esse molestie consequat, vel illum dolore eu feugiat nulla facili-
                   sis at vero eros et accumsan
 et iusto odio dignissim qui blandit praesent luptatum zzril de-
  lenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
           dolor sit amet, consectetuer adipiscing elit,
 sed diam nonummy nibh euismod tincidunt ut laoreet dolore
                  magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullam-
 corper suscipit lobortis nisl ut aliquip ex ea commodo conse-
 quat. Duis autem vel eum iriure dolor in hendrerit in vulputate
                  velit esse molestie consequat,
   vel illum dolore eu feugiat nulla facilisis at vero eros et ac-
      cumsan et iusto odio dignissim qui blandit praesent.
Do not leave colums with one word.


Lorem ipsum dolor sit amet, con-
sectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse mo-
lestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril de-
lenit augue duis dolore te feugait
nulla facilisi. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod
tincidunt.
Don’t make rivers flow through your colum.

Lorem ipsum dolor sit amet, consectetuer ad-
ipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna     aliquam
erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo cons.

Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie        consequat, vel
illum dolore eu feugiat nulla facilisis    at vero
eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue
duis dolore te feugait nulla facilisi.
!
LOVE   type
Type on screen?
    more rules...
Size
Amount of text
 Line length
Color contrast
What font is at the other end?

     HTML vs FLASH
HTML use CSS (Cascading Style Sheets)
FLASH embeds
fonts, images, video, sound
Type where?
 Links and resources
Type and community:
http://www.typophile.com/

Type and motion:
http://www.smashingmagazine.com/2007/11/19/monday-inspiration-typography-in-motion/

Experimental type:
http://www.smashingmagazine.com/2008/05/12/sexy-bold-and-experimental-typography/

Type posters:
http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters

Type management:
http://www.linotype.com/fontexplorerX/

Type recognition:
http://new.myfonts.com/whatthefont/

Type posters:
http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/

Type love:
http://ilovetypography.com/

Mais conteúdo relacionado

Destaque

Maps Basics for Law Librarians
Maps Basics for Law LibrariansMaps Basics for Law Librarians
Maps Basics for Law Librarians
Chris Fleet
 
Comadres 2009 Completo
Comadres 2009 CompletoComadres 2009 Completo
Comadres 2009 Completo
Xurxo Otero
 
AdjustedConsolidatedSalesGrowthConferenceCall
AdjustedConsolidatedSalesGrowthConferenceCallAdjustedConsolidatedSalesGrowthConferenceCall
AdjustedConsolidatedSalesGrowthConferenceCall
finance22
 
Baydarli G.SüLeymanli
Baydarli G.SüLeymanliBaydarli G.SüLeymanli
Baydarli G.SüLeymanli
guest35e3c8
 
Technical Capability
Technical CapabilityTechnical Capability
Technical Capability
Mehdi Karimi
 
Hábitos Saudables Mª Jesús, Claudia e Lara
Hábitos Saudables   Mª Jesús, Claudia e LaraHábitos Saudables   Mª Jesús, Claudia e Lara
Hábitos Saudables Mª Jesús, Claudia e Lara
Lara S. Santos
 
10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall
10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall
10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall
finance22
 

Destaque (16)

Biografía
BiografíaBiografía
Biografía
 
Maps Basics for Law Librarians
Maps Basics for Law LibrariansMaps Basics for Law Librarians
Maps Basics for Law Librarians
 
Comadres 2009 Completo
Comadres 2009 CompletoComadres 2009 Completo
Comadres 2009 Completo
 
AdjustedConsolidatedSalesGrowthConferenceCall
AdjustedConsolidatedSalesGrowthConferenceCallAdjustedConsolidatedSalesGrowthConferenceCall
AdjustedConsolidatedSalesGrowthConferenceCall
 
Pasa la vida
Pasa la vidaPasa la vida
Pasa la vida
 
SINTESI LEZIONI 2009
SINTESI LEZIONI 2009SINTESI LEZIONI 2009
SINTESI LEZIONI 2009
 
Baydarli G.SüLeymanli
Baydarli G.SüLeymanliBaydarli G.SüLeymanli
Baydarli G.SüLeymanli
 
eParticipation initiatives: How is Europe progressing?
eParticipation initiatives: How is Europe progressing?eParticipation initiatives: How is Europe progressing?
eParticipation initiatives: How is Europe progressing?
 
Technical Capability
Technical CapabilityTechnical Capability
Technical Capability
 
Bilateral Meeting in Thessaloniki
Bilateral Meeting in ThessalonikiBilateral Meeting in Thessaloniki
Bilateral Meeting in Thessaloniki
 
Hábitos Saudables Mª Jesús, Claudia e Lara
Hábitos Saudables   Mª Jesús, Claudia e LaraHábitos Saudables   Mª Jesús, Claudia e Lara
Hábitos Saudables Mª Jesús, Claudia e Lara
 
0311
03110311
0311
 
Maribel Rev
Maribel RevMaribel Rev
Maribel Rev
 
turkıshrap.77
turkıshrap.77turkıshrap.77
turkıshrap.77
 
10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall
10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall
10AdjustedEBITDATwelveMonthsEndedJune292007ConfCall
 
Reprod Reflections And Critical Friends Mar09 2
Reprod Reflections And Critical Friends Mar09 2Reprod Reflections And Critical Friends Mar09 2
Reprod Reflections And Critical Friends Mar09 2
 

Semelhante a Type 1 2 3

Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy final
Senistr0
 
Put On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyrePut On Your Typeface by Chris Tyre
Put On Your Typeface by Chris Tyre
Chris Tyre
 

Semelhante a Type 1 2 3 (20)

Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy final
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
 
typography 101.pdf
typography 101.pdftypography 101.pdf
typography 101.pdf
 
Put On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyrePut On Your Typeface by Chris Tyre
Put On Your Typeface by Chris Tyre
 
Basic to Mastering Typography
Basic to Mastering TypographyBasic to Mastering Typography
Basic to Mastering Typography
 
Emilytypography
EmilytypographyEmilytypography
Emilytypography
 
Type classification-ebook
Type classification-ebookType classification-ebook
Type classification-ebook
 
Learn more About Typography Art Technique
Learn more About Typography Art TechniqueLearn more About Typography Art Technique
Learn more About Typography Art Technique
 
French fold book
French fold bookFrench fold book
French fold book
 
2.typeHistory
2.typeHistory2.typeHistory
2.typeHistory
 
The typography
The typographyThe typography
The typography
 
How to build a good typography
How to build a good typographyHow to build a good typography
How to build a good typography
 
Como elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio webComo elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio web
 
Typography class 2
Typography class 2Typography class 2
Typography class 2
 
Story of scripts – Part 3 Egyptian Hieroglyphs
Story of scripts – Part 3 Egyptian HieroglyphsStory of scripts – Part 3 Egyptian Hieroglyphs
Story of scripts – Part 3 Egyptian Hieroglyphs
 
typography
 typography typography
typography
 
Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptx
 
Show & tell - The Foundry typefaces
Show & tell - The Foundry typefacesShow & tell - The Foundry typefaces
Show & tell - The Foundry typefaces
 
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
 
Typeface Classification for Non-designers
Typeface Classification for Non-designersTypeface Classification for Non-designers
Typeface Classification for Non-designers
 

Mais de Hans Gerhard Meier

Mais de Hans Gerhard Meier (20)

Sketchor die (no)
Sketchor die (no)Sketchor die (no)
Sketchor die (no)
 
Sketch or Die
Sketch or DieSketch or Die
Sketch or Die
 
Visuellkommunikasjon historie
Visuellkommunikasjon historieVisuellkommunikasjon historie
Visuellkommunikasjon historie
 
Designing Change
Designing ChangeDesigning Change
Designing Change
 
Storytelling intro
Storytelling introStorytelling intro
Storytelling intro
 
Presentasjons teknikk (NO)
Presentasjons teknikk (NO)Presentasjons teknikk (NO)
Presentasjons teknikk (NO)
 
Lost in Distraction
Lost in DistractionLost in Distraction
Lost in Distraction
 
Portfolio
PortfolioPortfolio
Portfolio
 
Fanzine
FanzineFanzine
Fanzine
 
Inspiration NOW!
Inspiration NOW!Inspiration NOW!
Inspiration NOW!
 
Type in 1-2-3
Type in 1-2-3Type in 1-2-3
Type in 1-2-3
 
Website in 1-2-3
Website in 1-2-3Website in 1-2-3
Website in 1-2-3
 
Portfolio
PortfolioPortfolio
Portfolio
 
Art Direction according to me
Art Direction according to meArt Direction according to me
Art Direction according to me
 
Basic Color
Basic ColorBasic Color
Basic Color
 
Basic Image
Basic ImageBasic Image
Basic Image
 
Basic Layout
Basic LayoutBasic Layout
Basic Layout
 
Basic Type
Basic TypeBasic Type
Basic Type
 
Website 1 2 3
Website 1 2 3Website 1 2 3
Website 1 2 3
 
Pecha Kucha Vol8
Pecha Kucha Vol8Pecha Kucha Vol8
Pecha Kucha Vol8
 

Último

Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 

Último (20)

Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 

Type 1 2 3

  • 2. Typography is the art and techniques of arranging type, type design, and modifying type glyphs. http://en.wikipedia.org/wiki/Typography
  • 3. Type history the quick and dirty version
  • 5. From figures/symbols to characters/letters
  • 6. Ancient Egyptian Demotic Greek Rosetta stone discovered in 1799, it was the key for the decryption of the old Egyptian Hieroglyphic code.
  • 7. Roman inscriptional capitals on the base of Trojan's Column, ca 113. Sample of Carolingian writing from the Carolingian Gospel Book produced between 820 and 830 AD
  • 8. Invention and technology of movable type in the 1430s The systems involved were first assembled in Germany by the goldsmith Johann Gutenberg.
  • 11. Modern 1880-1960 Bauhaus -- the radically simplified forms, the rationality and functionality, and the idea that mass-production was reconcilable with the individual artistic spirit -- were already partly developed in Germany before the Bauhaus was founded.
  • 14. Digital 1985, Neville Brody art director at Face
  • 15. Raygun and Wired magazine mid 1990’s
  • 16. David Carson, art director of Raygun
  • 17. Spread from Raygun magazine, 1997
  • 18. Digital use of characters and symbols, back to the cave painting…
  • 19. Type classification the elevator version
  • 20. Palatino Old Style Old style fonts have the following characteristics: * Based on pen drawn forms * Little contrast between thick and thin strokes * Bracketed serifs * Small x-heights * Counters with a diagonal stress Garamond was introduced in 1541, and is known as the first Old Style Roman. It remained popular for hundreds of years. Caslon was introduced in 1734. Caslon was used in the first printings of the Declaration of Independence and the United States Constitution. Old Style typefaces were designed to imitate handwriting. They are good book types, being highly legible Example fonts: Bembo, Palatino, Trajan, Garamond, Caslon
  • 21. Times Transitional The transitional typefaces bridged the Old Style and Modern periods, and took design elements from both styles. Transitional typefaces have the following characteristics: * Greater contrast between thick and thin strokes * More vertical counters * Very sharp serifs Baskerville introduced the transitional typefaces in 1757. Transitional typefaces are often used in text-heavy designs. Examples: Baskerville, Caslon, Times
  • 22. Bodoni Modern Modern typefaces are distinctive: they employ strong vertical elements and very fine hairlines for a very contrasty look. * Strong vertical elements * Contrast between thick and thin strokes * Very fine hairlines Modern roman typefaces were introduced in the 1780s. Modern typefaces are well suited to headings and title pages. Examples: Bodoni, New Century Schoolbook
  • 23. Courier Slab Serif Slab serif typefaces use heavy, squared off finishing strokes — hence the name quot;slabquot; serif. They have the following characteristics: * Heavy, square serifs * Few or no thin strokes * Few or no delicate curves * Lack contrast All of this makes slab serif typefaces ideal for low quality printing: faxes and newsprint. They also read well on screen, and look good in presentations. Examples: Clarendon, Courier, Memphis, Rockwell
  • 24. Helvetica Sans Serif Ironically, it was William Caslon IV (great-grandson of the quot;originalquot; Caslon, who produced the first type without serifs in 1816. Sans serifs were not embraced at first, and in fact, in Great Britain the common term for them is still Grotesque. It is hotly debated whether or not sans serif is suitable for text. Most will say that it isn't, because it's the serif that leads the eye and makes type readable. Others will argue that sans serif type, when properly set, is perfectly suited to text. Examples: Franklin Gothic, Univers, Helvetica, Futura, Frutiger
  • 25. Brush Script Script Based on had drawn lettering Examples: Kunstler Schrift, Comic Sans
  • 26.   Dingbat Illustrative symbols Examples: Zapf Dingbat, Webdings
  • 27. Type rules the 10 dont’s
  • 28.
  • 29. Do not use every font you own in one document
  • 30.
  • 31. DO NOT USE ALL CAPITAL LETTERS Capital letter were not designed to stand next to one another
  • 32.
  • 33. We read words not letters
  • 34. We read words not letters Da er det bare å glemme stavekontrollen: En visktenpaleig unsdelrøkese gjort ved et untivseriet i Enlgnad har vist at desrom de to føsrte- og to siste botsvkeane i alle oredne i en tekst er riktig plessart, spllier det liten rolle hvkilen reføkkelge de øvirge boskvetane i oredne kommer. Tektsen er fullt lesbar selv om de andre bokeastvne kommer huilbtertlulter! Dette er fordi vi ikke leser hver eneklt botksav, men ser bidlet av ordet som hehleet. Ha en fin dag! This text is in norwegian, sorry…
  • 35. Do not center large amounts of text Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullam- corper suscipit lobortis nisl ut aliquip ex ea commodo conse- quat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facili- sis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril de- lenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullam- corper suscipit lobortis nisl ut aliquip ex ea commodo conse- quat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et ac- cumsan et iusto odio dignissim qui blandit praesent.
  • 36. Do not leave colums with one word. Lorem ipsum dolor sit amet, con- sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse mo- lestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril de- lenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
  • 37. Don’t make rivers flow through your colum. Lorem ipsum dolor sit amet, consectetuer ad- ipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo cons. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  • 38. ! LOVE type
  • 39. Type on screen? more rules...
  • 40. Size
  • 41. Amount of text Line length Color contrast
  • 42. What font is at the other end? HTML vs FLASH
  • 43. HTML use CSS (Cascading Style Sheets)
  • 45. Type where? Links and resources
  • 46. Type and community: http://www.typophile.com/ Type and motion: http://www.smashingmagazine.com/2007/11/19/monday-inspiration-typography-in-motion/ Experimental type: http://www.smashingmagazine.com/2008/05/12/sexy-bold-and-experimental-typography/ Type posters: http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters Type management: http://www.linotype.com/fontexplorerX/ Type recognition: http://new.myfonts.com/whatthefont/ Type posters: http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/ Type love: http://ilovetypography.com/