typsnitt och text - creative rooms - art and design · val av typsnitt - ger karaktär för...

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