Typografiomformer
Fra Gutenberg til Retina: Mestring av Typografiske Enheter
Typografiske enheter danner grunnlaget for design på tvers av trykk-, nett- og mobilplattformer. Fra det tradisjonelle punktsystemet etablert på 1700-tallet til moderne pikselbaserte målinger, er forståelsen av disse enhetene avgjørende for designere, utviklere og alle som jobber med tekst. Denne omfattende guiden dekker 22+ typografiske enheter, deres historiske kontekst, praktiske anvendelser og konverteringsteknikker for profesjonelt arbeid.
Grunnleggende Konsepter: Forståelse av Typografisk Måling
Punkt (pt)
Den absolutte enheten i typografi, standardisert som 1/72 tomme
Punkter måler skriftstørrelse, linjeavstand (leading) og andre typografiske dimensjoner. En 12pt skrifttype betyr at avstanden fra den laveste nedre forlengelsen til den høyeste øvre forlengelsen er 12 punkter (1/6 tomme eller 4,23 mm). Punktsystemet gir enhetsuavhengige målinger som oversettes konsekvent på tvers av medier.
Eksempel: 12pt Times New Roman = 0,1667 tommer høy = 4,23 mm. Profesjonell brødtekst bruker vanligvis 10-12pt, overskrifter 18-72pt.
Piksel (px)
Den digitale enheten som representerer et enkelt punkt på en skjerm eller et bilde
Piksler er enhetsavhengige enheter som varierer basert på skjermtetthet (DPI/PPI). Det samme antallet piksler virker større på lavoppløselige skjermer (72 PPI) og mindre på høyoppløselige retina-skjermer (220+ PPI). Forståelse av DPI/PPI-forhold er avgjørende for konsekvent typografi på tvers av enheter.
Eksempel: 16px ved 96 DPI = 12pt. De samme 16px ved 300 DPI (trykk) = 3,84pt. Angi alltid mål-DPI når du konverterer piksler.
Pica (pc)
Tradisjonell typografisk enhet lik 12 punkter eller 1/6 tomme
Pica måler kolonnebredder, marger og sidelayoutdimensjoner i tradisjonell trykkdesign. Desktop publishing-programvare som InDesign og QuarkXPress bruker pica som standard måleenhet. Én pica er nøyaktig lik 12 punkter, noe som gjør konverteringer enkle.
Eksempel: En standard aviskolonne kan være 15 pica bred (2,5 tommer eller 180 punkter). Magasinlayout bruker ofte 30-40 pica-mål.
- 1 punkt (pt) = 1/72 tomme = 0,3528 mm — absolutt fysisk måling
- 1 pica (pc) = 12 punkter = 1/6 tomme — standard for layout og kolonnebredde
- Piksler er enhetsavhengige: 96 DPI (Windows), 72 DPI (eldre Mac), 300 DPI (trykk)
- PostScript-punktet (1984) forente århundrer med inkompatible typografiske systemer
- Digital typografi bruker punkter for design, piksler for implementering
- DPI/PPI bestemmer piksel-til-punkt-konvertering: høyere DPI = mindre fysisk størrelse
Raske Konverteringseksempler
Utviklingen av Typografisk Måling
Middelalder og Tidlig Moderne Tid (1450-1737)
1450–1737
Fødselen av løse typer skapte behovet for standardiserte målinger, men regionale systemer forble inkompatible i århundrer.
- 1450: Gutenbergs trykkpresse skaper behov for standardiserte skriftstørrelser
- 1500-tallet: Skriftstørrelser navngis etter bibelutgaver (Cicero, Augustin osv.)
- 1600-tallet: Hver europeisk region utvikler sitt eget punktsystem
- 1690-tallet: Den franske typografen Fournier foreslår et 12-delingssystem
- Tidlige systemer: Ekstremt inkonsekvente, med forskjeller på 0,01-0,02 mm mellom regioner
Didot-systemet (1737-1886)
1737–1886
Den franske trykkeren François-Ambroise Didot skapte den første virkelige standarden, som ble vedtatt i hele det kontinentale Europa og fremdeles brukes i dag i Frankrike og Tyskland.
- 1737: Fournier foreslår et punktsystem basert på den franske kongelige tommen
- 1770: François-Ambroise Didot forbedrer systemet — 1 Didot-punkt = 0,376 mm
- 1785: Cicero (12 Didot-punkter) blir standardmålet
- 1800-tallet: Didot-systemet dominerer trykking på det kontinentale Europa
- Moderne: Brukes fortsatt i Frankrike, Tyskland og Belgia for tradisjonelt trykk
Det Anglo-Amerikanske Systemet (1886-1984)
1886–1984
Amerikanske og britiske trykkere standardiserte pica-systemet og definerte 1 punkt som 0,013837 tommer (1/72,27 tomme), og dominerte engelskspråklig typografi.
- 1886: American Type Founders etablerer pica-systemet: 1 pt = 0,013837"
- 1898: Britene vedtar den amerikanske standarden, og skaper anglo-amerikansk enhet
- 1930-1970-tallet: Pica-systemet dominerer all engelskspråklig trykking
- Forskjell: Anglo-amerikansk punkt (0,351 mm) vs. Didot (0,376 mm) — 7 % større
- Innvirkning: Krevde separate skriftstøpninger for markedene i USA/Storbritannia sammenlignet med de europeiske
PostScript-revolusjonen (1984-i dag)
1984–i dag
Adobes PostScript-standard forente global typografi ved å definere 1 punkt som nøyaktig 1/72 tomme, og avsluttet århundrer med inkompatibilitet og muliggjorde digital typografi.
- 1984: Adobe PostScript definerer 1 pt = nøyaktig 1/72 tomme (0,3528 mm)
- 1985: Apple LaserWriter gjør PostScript til standarden for desktop publishing
- 1990-tallet: PostScript-punktet blir den globale standarden og erstatter regionale systemer
- 2000-tallet: TrueType og OpenType vedtar PostScript-målinger
- Moderne: PostScript-punktet er den universelle standarden for all digital design
Tradisjonelle Typografiske Systemer
Før PostScript forente målingene i 1984, eksisterte regionale typografiske systemer side om side, hver med unike punktdefinisjoner. Disse systemene er fortsatt viktige for historisk trykking og spesialiserte bruksområder.
Didot-systemet (fransk/europeisk)
Etablert i 1770 av François-Ambroise Didot
Den kontinentaleuropeiske standarden, som fortsatt brukes i Frankrike, Tyskland og deler av Øst-Europa for tradisjonell trykking.
- 1 Didot-punkt = 0,376 mm (vs. PostScript 0,353 mm) — 6,5 % større
- 1 Cicero = 12 Didot-punkter = 4,51 mm (sammenlignbar med pica)
- Basert på den franske kongelige tommen (27,07 mm), som gir en metrisk-lignende enkelhet
- Fortsatt foretrukket i europeisk kunstbok- og klassisk trykking
- Moderne bruk: Franske Imprimerie nationale, tysk Fraktur-typografi
TeX-systemet (akademisk)
Skapt i 1978 av Donald Knuth for datastyrt setting
Den akademiske standarden for matematisk og vitenskapelig publisering, optimalisert for presis digital komposisjon.
- 1 TeX-punkt = 1/72,27 tomme = 0,351 mm (matcher det gamle anglo-amerikanske punktet)
- Valgt for å bevare kompatibilitet med før-digitale akademiske publikasjoner
- 1 TeX-pica = 12 TeX-punkter (litt mindre enn en PostScript-pica)
- Brukt av LaTeX, det dominerende vitenskapelige publiseringssystemet
- Avgjørende for: Akademiske artikler, matematiske tekster, fysikktidsskrifter
Twip (datasystemer)
Typografi for Microsoft Word og Windows
Den interne måleenheten for tekstbehandlere, som gir finkornet kontroll over layouten til digitale dokumenter.
- 1 twip = 1/20 punkt = 1/1440 tomme = 0,0176 mm
- Navn: 'Tjuendedel av et punkt' — ekstremt presis måling
- Brukt internt av: Microsoft Word, Excel, PowerPoint, Windows GDI
- Tillater brøkdelspunkstørrelser uten flyttallsmatematikk
- 20 twips = 1 punkt, noe som gir en presisjon på 0,05pt for profesjonell setting
Amerikansk Trykkerpunkt
American Type Founders-standard fra 1886
Den før-digitale standarden for engelskspråklig trykking, litt forskjellig fra PostScript.
- 1 trykkerpunkt = 0,013837 tomme = 0,351 mm
- Tilsvarer 1/72,27 tomme (vs. PostScript 1/72) — 0,4 % mindre
- Pica = 0,166 tomme (vs. PostScript 0,16667) — en knapt merkbar forskjell
- Dominerte fra 1886-1984 før PostScript-foreningen
- Ettermæle: Noen tradisjonelle trykkerier refererer fortsatt til dette systemet
Vanlige Typografiske Størrelser
| Bruk | Punkter | Piksler (96 DPI) | Notater |
|---|---|---|---|
| Liten skrift / fotnoter | 8-9 pt | 11-12 px | Minimum lesbarhet |
| Brødtekst (trykk) | 10-12 pt | 13-16 px | Bøker, magasiner |
| Brødtekst (web) | 12 pt | 16 px | Nettleserstandard |
| Undertitler | 14-18 pt | 19-24 px | Seksjonsoverskrifter |
| Overskrifter (H2-H3) | 18-24 pt | 24-32 px | Artikkeloverskrifter |
| Hovedoverskrifter (H1) | 28-48 pt | 37-64 px | Side-/plakatoverskrifter |
| Displaytype | 60-144 pt | 80-192 px | Plakater, reklametavler |
| Minimum berøringsmål | 33 pt | 44 px | iOS-tilgjengelighet |
| Standard kolonnebredde | 180 pt (15 pc) | 240 px | Aviser |
| Standard linjeavstand | 14,4 pt (for 12pt tekst) | 19,2 px | 120 % linjeavstand |
Fascinerende Fakta om Typografi
Opprinnelsen til 'Font'
Ordet 'font' kommer fra fransk 'fonte', som betyr 'støpt' eller 'smeltet'—og refererer til smeltet metall som ble helt i former for å lage individuelle metalltyper i tradisjonell boktrykk.
Hvorfor 72 Punkter?
PostScript valgte 72 punkter per tomme fordi 72 kan deles på 2, 3, 4, 6, 8, 9, 12, 18, 24 og 36—noe som gjør beregninger enklere. Det samsvarte også svært godt med det tradisjonelle pica-systemet (72,27 punkter/tomme).
Dyreste Skrifttype
Bauer Bodoni koster $89 900 for den komplette familien—en av de dyreste kommersielle skrifttypene som noen gang er solgt. Designet krevde års arbeid for å digitalisere fra originale metalltypeprøver fra 1920-tallet.
Psykologien bak Comic Sans
Til tross for designernes hat, øker Comic Sans lesehastigheten for dyslektiske lesere med 10-15 % på grunn av uregelmessige bokstavformer som forhindrer tegnforveksling. Det er faktisk et verdifullt tilgjengelighetsverktøy.
Universelt Symbol
Symbolet '@' har forskjellige navn på forskjellige språk: 'snegl' (italiensk), 'apehale' (nederlandsk), 'liten mus' (kinesisk), og 'rullet syltet sild' (tsjekkisk)—men det er det samme 24pt-tegnet.
Macs valg av 72 DPI
Apple valgte 72 DPI for de opprinnelige Mac-ene for å samsvare nøyaktig med PostScript-punkter (1 piksel = 1 punkt), noe som gjorde WYSIWYG desktop publishing mulig for første gang i 1984. Dette revolusjonerte grafisk design.
Tidslinje for Typografiens Utvikling
1450
Gutenberg finner opp løse typer—det første behovet for standarder for typemåling
1737
François-Ambroise Didot skaper Didot-punktsystemet (0,376 mm)
1886
American Type Founders standardiserer pica-systemet (1 pt = 1/72,27 tomme)
1978
Donald Knuth skaper TeX-punktsystemet for akademisk setting
1984
Adobe PostScript definerer 1 pt = nøyaktig 1/72 tomme—global forening
1985
Apple LaserWriter bringer PostScript til desktop publishing
1991
TrueType-fontformatet standardiserer digital typografi
1996
CSS introduserer web-typografi med pikselbaserte målinger
2007
iPhone introduserer @2x retina-skjermer—tetthetsuavhengig design
2008
Android lanseres med dp (tetthetsuavhengige piksler)
2010
Webfonter (WOFF) muliggjør tilpasset typografi på nettet
2014
Spesifikasjon for variable fonter—én fil, uendelige stiler
Digital Typografi: Skjermer, DPI og Plattformforskjeller
Digital typografi introduserer enhetsavhengige målinger der den samme numeriske verdien produserer forskjellige fysiske størrelser basert på skjermtetthet. Forståelse av plattformkonvensjoner er avgjørende for et konsekvent design.
Windows (96 DPI Standard)
96 DPI (96 piksler per tomme)
Microsoft standardiserte 96 DPI i Windows 95, og skapte et 4:3-forhold mellom piksler og punkter. Dette er fortsatt standarden for de fleste PC-skjermer.
- 1 px ved 96 DPI = 0,75 pt (4 piksler = 3 punkter)
- 16px = 12pt — vanlig konvertering av brødtekststørrelse
- Historie: Valgt som 1,5× den opprinnelige 64 DPI CGA-standarden
- Moderne: Skjermer med høy DPI bruker 125%, 150%, 200% skalering (120, 144, 192 DPI)
- Webstandard: CSS antar 96 DPI for alle px-til-fysiske konverteringer
macOS (72 DPI Gammel, 220 PPI Retina)
72 DPI (gammel), 220 PPI (@2x Retina)
Apples opprinnelige 72 DPI samsvarte med PostScript-punkter 1:1. Moderne Retina-skjermer bruker @2x/@3x-skalering for skarp gjengivelse.
- Gammel: 1 px ved 72 DPI = 1 pt nøyaktig (perfekt samsvar)
- Retina @2x: 2 fysiske piksler per punkt, 220 PPI effektivt
- Retina @3x: 3 fysiske piksler per punkt, 330 PPI (iPhone)
- Fordel: Punktstørrelser samsvarer på tvers av skjerm og forhåndsvisning for utskrift
- Virkelighet: Fysisk Retina er 220 PPI, men skaleres for å se ut som 110 PPI (2×)
Android (160 DPI Grunnlinje)
160 DPI (tetthetsuavhengig piksel)
Androids dp-system (tetthetsuavhengig piksel) normaliserer til en 160 DPI-grunnlinje, med tetthetskategorier for forskjellige skjermer.
- 1 dp ved 160 DPI = 0,45 pt (160 piksler/tomme ÷ 72 punkter/tomme)
- Tetthetskategorier: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formel: fysiske piksler = dp × (skjerm-DPI / 160)
- 16sp (skalauavhengig piksel) = anbefalt minimumstekststørrelse
- Fordel: Den samme dp-verdien ser fysisk identisk ut på alle Android-enheter
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS bruker punktet som en logisk enhet som er identisk med PostScript-punkter, hvor antallet fysiske piksler avhenger av skjermgenerasjonen (ikke-retina @1x, retina @2x, super-retina @3x).
- 1 iOS-punkt ved @1x = 1,0 PostScript-punkt (72 DPI-grunnlinje, samme som PostScript)
- Retina @2x: 2 fysiske piksler per iOS-punkt (144 DPI)
- Super Retina @3x: 3 fysiske piksler per iOS-punkt (216 DPI)
- Alle iOS-design bruker punkter; systemet håndterer pikseltettheten automatisk
- 17pt = minimum anbefalt brødtekststørrelse (tilgjengelighet)
DPI vs. PPI: Forståelse av Skjerm- og Trykktetthet
DPI (Prikker per Tomme)
Skriveroppløsning — hvor mange blekkprikker som får plass på en tomme
DPI måler skriverens utskriftsoppløsning. Høyere DPI gir jevnere tekst og bilder ved å plassere flere blekkprikker per tomme.
- 300 DPI: Standard for profesjonell utskrift (magasiner, bøker)
- 600 DPI: Høykvalitets laserutskrift (forretningsdokumenter)
- 1200-2400 DPI: Profesjonell fotoutskrift og kunstgjengivelse
- 72 DPI: Kun for skjermforhåndsvisning — uakseptabelt for utskrift (ser hakkete ut)
- 150 DPI: Kladdutskrift eller storformatplakater (sett på avstand)
PPI (Piksler per Tomme)
Skjermoppløsning — hvor mange piksler som får plass på en tomme av en skjerm
PPI måler skjermtetthet. Høyere PPI gir skarpere skjermtekst ved å pakke flere piksler inn på samme fysiske område.
- 72 PPI: Opprinnelige Mac-skjermer (1 piksel = 1 punkt)
- 96 PPI: Standard Windows-skjermer (1,33 piksler per punkt)
- 110-120 PPI: Budsjettskjermer for bærbare/stasjonære datamaskiner
- 220 PPI: MacBook Retina, iPad Pro (2× pikseltetthet)
- 326-458 PPI: iPhone Retina/Super Retina (3× pikseltetthet)
- 400-600 PPI: Avanserte Android-telefoner (Samsung, Google Pixel)
DPI og PPI brukes ofte om hverandre, men de måler forskjellige ting. DPI er for skrivere (blekkprikker), PPI er for skjermer (lysemitterende piksler). Når du designer, spesifiser alltid: 'Skjerm på 96 PPI' eller 'Utskrift på 300 DPI' — aldri bare 'DPI' alene, da det er tvetydig.
Praktiske Anvendelser: Valg av Riktige Enheter
Trykkdesign
Trykk bruker absolutte enheter (punkter, pica) fordi den fysiske utskriftsstørrelsen må være nøyaktig og enhetsuavhengig.
- Brødtekst: 10-12pt for bøker, 9-11pt for magasiner
- Overskrifter: 18-72pt avhengig av hierarki og format
- Linjeavstand (leading): 120 % av skriftstørrelsen (12pt tekst = 14,4pt linjeavstand)
- Mål absolutte dimensjoner i pica: 'Kolonnebredde: 25 pica'
- Design alltid med 300 DPI for profesjonell utskrift
- Bruk aldri piksler for utskrift — konverter dem til punkter/pica/tommer
Webdesign
Web-typografi bruker piksler og relative enheter fordi skjermer varierer i størrelse og tetthet.
- Brødtekst: 16px standard (nettleserstandard) = 12pt ved 96 DPI
- Bruk aldri absolutte punktstørrelser i CSS — nettlesere gjengir dem uforutsigbart
- Responsivt design: Bruk rem (relativt til rotfonten) for skalerbarhet
- Minimumstekst: 14px for brødtekst, 12px for bildetekster (tilgjengelighet)
- Linjehøyde: 1.5 (uten enhet) for lesbarheten til brødteksten
- Mediespørringer: Design for 320px (mobil) til 1920px+ (desktop)
Mobilapper
Mobile plattformer bruker tetthetsuavhengige enheter (dp/pt) for å sikre en konsekvent fysisk størrelse på tvers av forskjellige skjermtettheter.
- iOS: Design i punkter (pt), systemet skalerer automatisk til @2x/@3x
- Android: Bruk dp (tetthetsuavhengige piksler) for layout, sp for tekst
- Minimum berøringsmål: 44pt (iOS) eller 48dp (Android) for tilgjengelighet
- Brødtekst: 16sp (Android) eller 17pt (iOS) minimum
- Bruk aldri fysiske piksler — bruk alltid logiske enheter (dp/pt)
- Test på flere tettheter: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademisk & Vitenskapelig
Akademisk publisering bruker TeX-punkter for matematisk presisjon og kompatibilitet med etablert litteratur.
- LaTeX bruker TeX-punkter (72,27 per tomme) for eldre kompatibilitet
- Standard tidsskrift: 10pt Computer Modern-font
- To-kolonne format: 3,33 tommer (240pt) kolonner med 0,25 tommer (18pt) mellomrom
- Ligninger: Presis punktstørrelse er avgjørende for matematisk notasjon
- Konverter forsiktig: 1 TeX pt = 0,9963 PostScript pt
- PDF-utdata: TeX håndterer automatisk konverteringer av punktsystemet
Vanlige Konverteringer og Beregninger
Hurtigreferanse for daglige typografiske konverteringer:
Essensielle Konverteringer
| Fra | Til | Formel | Eksempel |
|---|---|---|---|
| Punkter | Tommer | pt ÷ 72 | 72pt = 1 tomme |
| Punkter | Millimeter | pt × 0,3528 | 12pt = 4,23mm |
| Punkter | Pica | pt ÷ 12 | 72pt = 6 pica |
| Piksler (96 DPI) | Punkter | px × 0,75 | 16px = 12pt |
| Piksler (72 DPI) | Punkter | px × 1 | 12px = 12pt |
| Pica | Tommer | pc ÷ 6 | 6pc = 1 tomme |
| Tommer | Punkter | in × 72 | 2in = 144pt |
| Android dp | Punkter | dp × 0,45 | 32dp = 14,4pt |
Fullstendig Referanse for Enhetskonvertering
Alle typografiske enheter med presise konverteringsfaktorer. Grunnleggende enhet: PostScript-punkt (pt)
Absolutte (Fysiske) Enheter
Base Unit: PostScript-punkt (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Punkt (pt) | × 1 | ÷ 72 | 72 pt = 1 tomme |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 tomme = 72 pt |
| Tomme (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Millimeter (mm) | × 2,8346 | ÷ 25,4 | 25,4 mm = 1 in = 72 pt |
| Centimeter (cm) | × 28,346 | ÷ 2,54 | 2,54 cm = 1 in |
| Didot-punkt | × 1,07 | ÷ 67,6 | 67,6 Didot = 1 in |
| Cicero | × 12,84 | ÷ 5,6 | 1 cicero = 12 Didot |
| TeX-punkt | × 0,9963 | ÷ 72,27 | 72,27 TeX pt = 1 in |
Skjerm-/Digitale Enheter (DPI-avhengige)
Disse konverteringene avhenger av skjermens DPI (prikker per tomme). Standardantakelser: 96 DPI (Windows), 72 DPI (eldre Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Piksel @ 96 DPI | × 0,75 | pt = px × 72/96 | 16 px = 12 pt |
| Piksel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Piksel @ 300 DPI | × 0,24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Mobile Plattformenheter
Plattformspesifikke logiske enheter som skalerer med enhetens tetthet
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0,45 | pt ≈ dp × 72/160 | 32 dp ≈ 14,4 pt | |
| iOS pt (@1x) | × 1,0 | PostScript pt = iOS pt (identisk) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 fysiske px per iOS pt | 2× piksler | 1 iOS pt = 2 skjermpiksler | |
| iOS pt (@3x) | 3 fysiske px per iOS pt | 3× piksler | 1 iOS pt = 3 skjermpiksler |
Eldre og Spesialiserte Enheter
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip (1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q (1/4 mm) | × 0,7087 | pt = Q × 0,25 × 2,8346 | 4 Q = 1 mm |
| PostScript Stort Punkt | × 1,00375 | Nøyaktig 1/72 tomme | 72 bp = 1,0027 in |
Essensielle Beregninger
| Calculation | Formula | Example |
|---|---|---|
| DPI-til-Punkt-konvertering | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Fysisk størrelse fra punkter | tommer = pt / 72 | 144 pt = 144/72 = 2 tommer |
| Linjeavstand (leading) | linjeavstand = skriftstørrelse × 1,2 til 1,45 | 12pt skrift → 14,4-17,4pt linjeavstand |
| Utskriftsoppløsning | nødvendige piksler = (tommer × DPI) for bredde og høyde | 8×10 in @ 300 DPI = 2400×3000 px |
Beste Praksis for Typografi
Trykkdesign
- Arbeid alltid i punkter eller pica — aldri i piksler for utskrift
- Sett opp dokumenter i faktisk størrelse (300 DPI) fra starten av
- Bruk 10-12pt for brødtekst; alt mindre reduserer lesbarheten
- Linjeavstanden bør være 120-145 % av skriftstørrelsen for behagelig lesing
- Marger: Minimum 0,5 tommer (36pt) for innbinding og håndtering
- Gjør en prøveutskrift i faktisk størrelse før du sender til et kommersielt trykkeri
Webutvikling
- Bruk rem for skriftstørrelser — det lar brukeren zoome uten å ødelegge layouten
- Sett rotfonten til 16px (nettleserstandard) — aldri mindre
- Bruk enhetsløse linjehøydeverdier (1.5) i stedet for faste høyder
- Bruk aldri absolutte punktstørrelser i CSS — uforutsigbar gjengivelse
- Test på faktiske enheter, ikke bare ved å endre størrelsen på nettleseren — DPI er viktig
- Minimum skriftstørrelse: 14px brødtekst, 12px bildetekster, 44px berøringsmål
Mobilapper
- iOS: Design på @1x, eksporter @2x- og @3x-ressurser automatisk
- Android: Design i dp, test på mdpi/hdpi/xhdpi/xxhdpi
- Minimumstekst: 17pt (iOS) eller 16sp (Android) for tilgjengelighet
- Berøringsmål: 44pt (iOS) eller 48dp (Android) minimum
- Test på fysiske enheter — simulatorer viser ikke den sanne tettheten
- Bruk systemfonter når det er mulig — de er optimalisert for plattformen
Tilgjengelighet
- Minimum brødtekst: 16px (web), 17pt (iOS), 16sp (Android)
- Høy kontrast: 4.5:1 for brødtekst, 3:1 for stor tekst (18pt+)
- Støtt brukerskalering: bruk relative enheter, ikke faste størrelser
- Linjelengde: 45-75 tegn per linje for optimal lesbarhet
- Linjehøyde: minimum 1,5× skriftstørrelsen for tilgjengelighet for dysleksi
- Test med skjermlesere og zoom på 200 %
Ofte Stilte Spørsmål
Hvorfor ser teksten min annerledes ut i Photoshop enn i Word?
Photoshop antar 72 PPI for skjermvisning, mens Word bruker 96 DPI (Windows) for layout. En 12pt-font i Photoshop ser 33 % større ut på skjermen enn i Word, selv om begge skrives ut i identiske størrelser. Sett Photoshop til 300 PPI for trykkearbeid for å se riktig størrelse.
Bør jeg designe i punkter eller piksler for web?
Alltid i piksler (eller relative enheter som rem/em) for web. Punkter er absolutte fysiske enheter som gjengis inkonsekvent på tvers av forskjellige nettlesere og enheter. 12pt kan være 16px på én enhet og 20px på en annen. Bruk px/rem for forutsigbar web-typografi.
Hva er forskjellen mellom pt, px og dp?
pt = absolutt fysisk (1/72 tomme), px = skjermpiksel (varierer med DPI), dp = Android-tetthetsuavhengig (normalisert til 160 DPI). Bruk pt for trykk, px for web, dp for Android, iOS pt (logisk) for iOS. Hvert system er optimalisert for sin plattform.
Hvorfor ser 12pt annerledes ut i forskjellige apper?
Applikasjoner tolker punkter forskjellig basert på deres DPI-antakelse. Word bruker 96 DPI, Photoshop har som standard 72 PPI, InDesign bruker den faktiske enhetsoppløsningen. 12pt er alltid 1/6 tomme når det skrives ut, men ser annerledes ut på skjermen på grunn av DPI-innstillinger.
Hvordan konverterer jeg TeX-punkter til PostScript-punkter?
Multipliser TeX-punkter med 0,9963 for å få PostScript-punkter (1 TeX pt = 1/72,27 tomme vs. PostScript 1/72 tomme). Forskjellen er liten—bare 0,37%—men er viktig for akademisk publisering der nøyaktig avstand er avgjørende for matematisk notasjon.
Hvilken oppløsning bør jeg designe med?
Trykk: 300 DPI minimum, 600 DPI for høy kvalitet. Web: Design med 96 DPI, lever @2x-ressurser for retina. Mobil: Design på @1x i logiske enheter (pt/dp), eksporter @2x/@3x. Design aldri med 72 DPI med mindre du sikter mot eldre Mac-skjermer.
Hvorfor er 16px webstandarden?
Nettleserens standard skriftstørrelse er 16px (tilsvarer 12pt ved 96 DPI), valgt for optimal lesbarhet på typiske visningsavstander (18-24 tommer). Alt mindre reduserer lesbarheten, spesielt for eldre brukere. Bruk alltid 16px som grunnlag for relativ størrelse.
Må jeg kunne Didot-punkter?
Bare hvis du jobber med tradisjonell europeisk trykking, franske utgivere eller historiske reproduksjoner. Didot-punkter (0,376 mm) er 6,5 % større enn PostScript-punkter. Moderne digitalt design bruker universelt PostScript-punkter—Didot er hovedsakelig relevant for klassisk typografi og kunstbøker.
Komplett Verktøykatalog
Alle 71 verktøy tilgjengelig på UNITS