SlideShare a Scribd company logo
1 of 19
Download to read offline
Den nua typografin 
Peter Ström 
borde inte typografi idag borde vara webbtypografi — borde inte den digitala typografin komma i först 2014 
Jan Tschichold 1928
Webbtypografi idag 
= 
Typografi idag 
? 
typografi idag borde vara webbtypografi, varför inte digitalt kommer först 
kommer återkomma till den 
Konst & Teknik
Mattias Kort presentation av oss 
Jobbat ihop i 8 år 
Känt varandra i nästan 20 år 
Träffades online via typsnittsintresse 
Barmeno, 
Webdesign var vår ingång i formvärlden 
Jobbade på olika webbyråer under 4-5 år 
Tog en paus 
Pluggade 
Beckmans, Rietveld 
Efter skolan drog igång 
Gör nu ungefär hälften webprojekt, hälften trycksaker 
Jobbar med uppdragsgivare och med egna projekt 
om typografi: 
samarbetemed de som designar typsnitte; bjuda in zuzna licko i mitt projekt
Supersnabb 
webbtypografihistorielektion 
viktigt at etablera digital typografi som en del av historien
Såhär såg det ut…. 
November 1990 
mosaic Tim Berners-Lee proposed in 1990 to use "HyperText ... to link and access information of various kinds as a web of nodes in which the user can 
browse at will"
Arial 
Courier New 
Times New Roman 
Georgia 
Verdana 
1990–2009 
viktigt at etablera digital typografi som en del av historien 
November 12 1990
WOFF 
Web Open Font Format 
(2009) 2011– 
Extrem Samanfattning 
format för typsnitt i webbsidor 
inte så nytt längre, men sedan ett par år finns WOFF; web Open Font Format. Standard för att visa vilket typsnitt som helst på webbsidor 
gjorde att vi fick nytt intresse i formgivning och i synnerhet typografi på nätet 
smart phones och plattor: olika format, retina och andra högupplösta skärmar 
olika upplösning, system märken etc
‘It’s an exciting time for typography 
on the web. It’s 1985 all over 
again. New technology, new ways 
to use type, and new fonts made 
specifically for a new medium.’ 
Stephen Coles 
2011 
för, är det inte på skärm den sämsta typografin finns, men den vi läser mest? vi konsumerar enorma mängder text dagligen på skärmar, och är det inte där 
utmaningen ligger, att skapa typografiska förutsättningar för ett ‘nytt’ medie?
Såhär kan det se ut. amerikanska GOOD, ett både pappers och digitalt magazine med fantastisk, genomarbetat typografi, anpassad eftr mediet, typografisk 
variation och hierarki, anpassade efter webbläsarens tekniska förutsättningar
the Avery Review
Medium, site som samlar längre artiklar, formgiven för text på skärm
Men såhär ser det ofta ut. DN.se från igår, webfont för rubriker, helvetica för resten :-( 
oinspirerande, ingen röst, ingenting 
Det här borde vara den typografiska utmaningen; hur jobbar vi typografisk med det medie många av oss konfronteras med mest?
z 
SALT: identitet för konstmuseum; identitet som är konstant utbytbar, där typsnitten byts per säsong; är exempel på något som absolut är mest realistiskt 
att genomföra på webben främst
PSL: Typögrafi ÅÄÖ 
PSL: Typögrafi ÅÄÖ
Tekniskt möjligt: 
Kerning 
Avstavning 
Ligaturer 
Kapitäler 
Open Type 
bättre exempel 
inga ursäkter längre: 
Under utveckling 
Mer eller mindre 
skulle gjort presentationen i en webbläsare, inte keynote…
2014… 
utmaningen 
Många av K&T uppdrag är webbformgivning främst, print sekundärt, utgångspunkten ligger alltid i det digitala; därför blir webbtypografin utgångspunkten 
för övrig typografi 
kanske borde vi se digital typografi som utgångspunkten för typografiutbildning och typografi för papper som sekundärt? 
Typografi för skärm är inte längre tekniskt underlägset och bör därför inte vara sekundärt mot typografi på papper. 
Tvärtom; Mycket av den spännande tekniska utvecklingen sker på skärm så kanske är det rent av här där utveckligen går framåt fortast och de mest 
intressanta framstegen sker?
identitet som samexisterade i tryckt form & nätet 2009 därför skärmtypsnitt arial courier times new roman
Aldrig mer! 
Skönt att den här tiden är över!
Tack

More Related Content

Featured

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Den nua typografin

  • 1. Den nua typografin Peter Ström borde inte typografi idag borde vara webbtypografi — borde inte den digitala typografin komma i först 2014 Jan Tschichold 1928
  • 2. Webbtypografi idag = Typografi idag ? typografi idag borde vara webbtypografi, varför inte digitalt kommer först kommer återkomma till den Konst & Teknik
  • 3. Mattias Kort presentation av oss Jobbat ihop i 8 år Känt varandra i nästan 20 år Träffades online via typsnittsintresse Barmeno, Webdesign var vår ingång i formvärlden Jobbade på olika webbyråer under 4-5 år Tog en paus Pluggade Beckmans, Rietveld Efter skolan drog igång Gör nu ungefär hälften webprojekt, hälften trycksaker Jobbar med uppdragsgivare och med egna projekt om typografi: samarbetemed de som designar typsnitte; bjuda in zuzna licko i mitt projekt
  • 4. Supersnabb webbtypografihistorielektion viktigt at etablera digital typografi som en del av historien
  • 5. Såhär såg det ut…. November 1990 mosaic Tim Berners-Lee proposed in 1990 to use "HyperText ... to link and access information of various kinds as a web of nodes in which the user can browse at will"
  • 6. Arial Courier New Times New Roman Georgia Verdana 1990–2009 viktigt at etablera digital typografi som en del av historien November 12 1990
  • 7. WOFF Web Open Font Format (2009) 2011– Extrem Samanfattning format för typsnitt i webbsidor inte så nytt längre, men sedan ett par år finns WOFF; web Open Font Format. Standard för att visa vilket typsnitt som helst på webbsidor gjorde att vi fick nytt intresse i formgivning och i synnerhet typografi på nätet smart phones och plattor: olika format, retina och andra högupplösta skärmar olika upplösning, system märken etc
  • 8. ‘It’s an exciting time for typography on the web. It’s 1985 all over again. New technology, new ways to use type, and new fonts made specifically for a new medium.’ Stephen Coles 2011 för, är det inte på skärm den sämsta typografin finns, men den vi läser mest? vi konsumerar enorma mängder text dagligen på skärmar, och är det inte där utmaningen ligger, att skapa typografiska förutsättningar för ett ‘nytt’ medie?
  • 9. Såhär kan det se ut. amerikanska GOOD, ett både pappers och digitalt magazine med fantastisk, genomarbetat typografi, anpassad eftr mediet, typografisk variation och hierarki, anpassade efter webbläsarens tekniska förutsättningar
  • 11. Medium, site som samlar längre artiklar, formgiven för text på skärm
  • 12. Men såhär ser det ofta ut. DN.se från igår, webfont för rubriker, helvetica för resten :-( oinspirerande, ingen röst, ingenting Det här borde vara den typografiska utmaningen; hur jobbar vi typografisk med det medie många av oss konfronteras med mest?
  • 13. z SALT: identitet för konstmuseum; identitet som är konstant utbytbar, där typsnitten byts per säsong; är exempel på något som absolut är mest realistiskt att genomföra på webben främst
  • 14. PSL: Typögrafi ÅÄÖ PSL: Typögrafi ÅÄÖ
  • 15. Tekniskt möjligt: Kerning Avstavning Ligaturer Kapitäler Open Type bättre exempel inga ursäkter längre: Under utveckling Mer eller mindre skulle gjort presentationen i en webbläsare, inte keynote…
  • 16. 2014… utmaningen Många av K&T uppdrag är webbformgivning främst, print sekundärt, utgångspunkten ligger alltid i det digitala; därför blir webbtypografin utgångspunkten för övrig typografi kanske borde vi se digital typografi som utgångspunkten för typografiutbildning och typografi för papper som sekundärt? Typografi för skärm är inte längre tekniskt underlägset och bör därför inte vara sekundärt mot typografi på papper. Tvärtom; Mycket av den spännande tekniska utvecklingen sker på skärm så kanske är det rent av här där utveckligen går framåt fortast och de mest intressanta framstegen sker?
  • 17. identitet som samexisterade i tryckt form & nätet 2009 därför skärmtypsnitt arial courier times new roman
  • 18. Aldrig mer! Skönt att den här tiden är över!
  • 19. Tack