Typografiforelesning 1 30. august
Typografi august 29th, 2007Her er bildene til forelesningen den 30. august:
Hva er typografi (Adobe Acrobat/pdf-fil. Krever Adobe Reader. 956 kb)
Utvikling av skrift_1 Del 1 av 2(Adobe Acrobat/pdf-fil. Krever Adobe Reader. Ca. 900 kb)
Utvikling av skrift_2 Del 2. Ca. 1.2 Mb)
Typografi bare for trykksaker?
Rannems bok “Bokstav, bilde, budskap” gir en grei innføring i typografi for trykksaker, men sier ingen ting om typografi for internett og skjermbaserte media. Selv om det er mye å hente fra de 500 årenes erfaring som mennesker har produsert trykksaker, er det også noen svært viktige forskjeller. Disse kan det være svært nyttig å kjenne til når du skal designe for internett.
Designeren mister mye av kontrollen
Den viktigste forskjellen er kanskje at designeren mister en god del av kontrollen over hvordan ting blir seende ut hos mottakeren. Utseendet blir forskjellig på ulike nettlesere. Internet Explorer, Safari, Firefox, Opera (og det finnes mange andre nettlesere der ute) viser nettstedene forskjellig. Og Internet Explorer er blant webdesignere regnet som den absolutt dårligste av disse, men den er samtidig mest utbredt!
Internett begrenser valget av skrift til brødtekst
Skriftvalg på nettet er annerledes fordi du har veldig få skriftmuligheter i brødteksten, (se oversikten lenger nede). For trykksaker kan du velge mellom tusenvis av fonter. På nettet er du avhengig av at brukeren har installert fonten du bruker på sin maskin. Windows har et sett med standardfonter, Mac et annet, og Linux har igjen sitt eget sett. Da må vi altså velge mellom de fontene som er felles for disse systemene, for å være sikker på at vi får kontroll på designet. Papirbasert design gir oss full kontroll over designet, men på dataskjermen fungere det svært annerledes. Vi må legge inn fleksibilitet, og kjenne mulighetene og begrensningene, slik at alle brukerne kan få bra opplevelser.
De “lovlige” skriftene/fontene er de som finnes i begge systemer. Jeg ser her bort fra Linux:
| Fonter som innstalleres i systemet på en Mac (OSX) | Windows XP og Mac har disse felles |
| American Typewriter | |
| Andale Mono | Andale Mono |
| Arial | Arial |
| Arial Black | Arial Black |
| Arial Narrow | |
| Arial Rounded MT | |
| Brush Script MT | |
| Capitals | |
| Apple Chancery | |
| Baskerville | |
| Big Caslon | |
| Charcoal | |
| Chicago | |
| Comic Sans MS | Comic Sans |
| Copperplate | |
| Courier | |
| Courier New | Courier New |
| Didot | |
| Gadget | |
| Georgia | Georgia |
| Geneva | |
| Gill Sans | |
| Futura | |
| HeiseiKakuGothic | |
| HeiseiMincho | |
| Helvetica | |
| Helvetica Neue | |
| Herculanum | |
| Hiragino Kaku Gothic Pro (OpenType) | |
| Hiragino Kaku Gothic Std (OpenType) | |
| Hiragino Maru Gothic Pro (OpenType) | |
| Hiragino Mincho Pro (OpenType) | |
| Hoefler Text | |
| Impact | Impact |
| Lucida Grande | |
| Marker Felt | |
| Monaco | |
| New York | |
| Optima | |
| Osaka | |
| Palatino | |
| Papyrus | |
| Sand | |
| Skia | |
| Symbol | |
| Techno | |
| Textile | |
| Times | Times |
| Times New Roman | Times New Roman |
| Trebuchet MS | Trebuchet MS |
| Verdana | Verdana |
| VT 100 | |
| Webdings | Webdings |
| Zapf Dingbats | |
| Zapfino |
Kilde: http://www.microsoft.com/typography/fonts
Disse skriftene kan du trygt bruke på skjermen. Noen av dem er designet nettopp for å kunne leses på skjerm. Og derfor kan det også være lurt å holde seg unna diss skriftene når du skal lage trykksaker!

Nyeste kommentarer