Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
Typsnitt och text
Typografi
Val av typsnitt - ger karaktär för hemsidan
Lämplig avstånd och mellanrum mellan tecken
Brödtext i korta stycken
Tillräcklig kontrast mellan text och bakgrund
Textraderna bör vara relativt korta, ca 50 tecken.
Sans-serif font ska användas för brödtext. (skärm) Fontstorlek minst 9 punkter.
Brödtext struktureras i korta stycken.
Typsnitt och text
Typografi
Typografi är en bred term för konsten och
hantverket att utforma texter – i tryck
eller på skärm – så att textens budskap
förmedlas på bästa möjliga sätt, och
samtidigt är estetiskt tilltalande för
läsaren.
Källa: http://sv.wikipedia.org/wiki/Typografi
Bokstävernas beståndsdelar
Bokstavsvarianter
Typsnitt: Caslon
Teckensnittsfamiljer
Diagonalantikva
Transantikva
Vertikalantikva
Mekaner
Skripter
Fantasistilar
Sansserif
Synlig typografi
Osynlig typografi
3 formgivningsprinciper att utgå ifrån:
Symmetri
Asymmetri
Kontrast
Symmetri
Asymmetri
Kontrast: Storlek
Kontrast: Styrka
Kontrast: Form
Kontrast: Färg
http://www.awwwards.com/best-20-webfonts-from-google-web-fonts-and-font-face-embedding.html
http://thisisplayful.com/
Best 20 webfonts from Google Web Fonts and @font-face embedding
http://www.awwwards.com/best-20-webfonts-from-google-web-fonts-and-font-face-
embedding.html
100 Greatest Free Fonts Collection for 2013
http://www.awwwards.com/100-greatest-free-fonts-collection-for-2013.html
CSS Font
http://www.w3schools.com/css/css_font.asp
A Journey Through Beautiful Typography In Web Design
http://www.smashingmagazine.com/2013/08/06/beautiful-typography-web-
design/
45 Creative Uses of Typography in Web Design
http://www.1stwebdesigner.com/inspiration/45-creative-uses-of-typography/
20 typographic websites
http://www.webdesignerdepot.com/2013/02/20-typographic-websites/
Serif vs. Sans: the final battle
http://www.webdesignerdepot.com/2013/03/serif-vs-sans-the-final-battle/
Länktips – Typografi och webfonts