22.08.2013 Views

Del 3, skrivregler och layout

Del 3, skrivregler och layout

Del 3, skrivregler och layout

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Utformning av enkla<br />

dokument med datorstöd<br />

Mål för kursavsnittet: Du ska få tips <strong>och</strong><br />

tumregler för att åstadkomma god, enkel <strong>och</strong><br />

effektiv typografisk utformning med<br />

ordbehandlingsprogram på persondator.<br />

Mål för de flesta dokument:<br />

• att få fram ett budskap;<br />

• att göra gott intryck.<br />

Medlen: Var korrekt, konsekvent <strong>och</strong><br />

konventionell!<br />

Formen ska lyfta fram budskapet.<br />

»Printing should be invisible» Beatrice Warde<br />

Varje fel, missuppfattning <strong>och</strong> oklarhet stör<br />

budskapet. Lite extra arbete vid produktionen<br />

kan spara tid åt många läsare.<br />

Skrivregler <strong>och</strong> regler för utformningen<br />

motsvarar förväntningar hos läsaren <strong>och</strong><br />

underlättar uppfattande av budskapet. Reglerna<br />

bygger på åratal av erfarenhet.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Hjälpmedel<br />

Rapporter förutsätts skrivas med datorstöd.<br />

Microsoft Word täcker de flesta behov. Det<br />

finns liknande program.<br />

För rapporter med mycket formler eller<br />

komplicerad struktur rekommenderas TeX eller<br />

Latex. MSWord har från version 5 en hyfsad<br />

formeleditor. För tidningsliknande utformning<br />

är Pagemaker lämpligt.<br />

För författare utan tillgång till persondator men<br />

med tillgång till Unix är Framemaker ett<br />

lämpligt verktyg.<br />

Referenslitteratur behövs <strong>och</strong> ytterligare några<br />

program kan komma ifråga.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Litteratur<br />

Frenckner, K. <strong>och</strong> Romberger, S. 1989.<br />

Tumregler för utformning av enkla dokument<br />

med datorstöd. TRITA-NA-P8903. Nada,<br />

KTH, Stockholm.<br />

Svenska akademins ordlista över svenska<br />

språket. 1998. Upplaga 12. Norstedts förlag.<br />

Svenska <strong>skrivregler</strong>. 2000. Svenska<br />

språknämnden. Liber.<br />

Miles, J. 1989. Design för desktop publishing.<br />

Forum.<br />

Hellmark, C. 1991. Typografisk handbok.<br />

Ordfront <strong>och</strong> Ytterlids.<br />

The Chicago manual of style. 1993.<br />

Upplaga 14, The University of Chicago<br />

Press.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Grad, teckenbredd,<br />

radavstånd m.m.<br />

Blysättning<br />

Kägeln motsvararteckensnittets<br />

grad<br />

(teckenstorlek)<br />

<strong>och</strong> är gemensam<br />

för alla tecken.<br />

Varje tecken har<br />

en bredd.<br />

Normalt<br />

radavstånd är kägeln. Ordmellanrum<br />

åstadkomms med låga metallbitar (lågmaterial)<br />

med kägelns höjd <strong>och</strong> lämplig bredd, uttryckt i<br />

andel av kägeln (t.ex. 1/2 fyrkant). Marginaljustering<br />

görs genom variation av ordmellanrummen<br />

(utslutning). Mellanrum som ej får<br />

ändras kallas fast utslutning, övriga variabel<br />

utslutning.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Radavstånd, forts.<br />

baslinjeavstånd<br />

radavstånd<br />

Dagens teknik Varje teckensnitt har en grad<br />

<strong>och</strong> ett normalt radavstånd (auto i MSWord).<br />

Varje tecken har en bredd. Teckenavstånd<br />

(spärrning/knipning), ordmellanrum,<br />

radavstånd kan lätt styras.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Radavstånd i MSWord<br />

Hopp i<br />

Åbo<br />

x3 +y<br />

Text i 72 p <strong>och</strong> 48 p. Exponenten upphöjd<br />

20 p. Radavstånd Auto.<br />

Times 48 p med »Auto» ger radavstånd 52 p<br />

<strong>och</strong> Times 72 p med »Auto» ger radavstånd<br />

77 p.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Radavstånd i MSWord, forts.<br />

Hopp i<br />

Åbo<br />

x 3 +y<br />

Åbo<br />

Åbo<br />

Åbo<br />

Radavstånd »Exakt 52 p» d.v.s. som »Auto»<br />

för Times 48 p.<br />

Hopp i<br />

Åbo<br />

x 3 +y<br />

i<br />

i<br />

i<br />

Radavstånd »Exakt 77 p» d.v.s. som »Auto»<br />

för Times 72 p.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Radavstånd i MSWord, forts.<br />

Hopp iÅbo<br />

x3 Åbo<br />

+y<br />

Åbo<br />

Åbo<br />

Radavstånd »Exakt 67 p».<br />

Hopp iÅbo<br />

x3 Åbo<br />

+y<br />

Åbo<br />

Åbo<br />

Radavstånd »Minst 67 p» ger baslinjeavstånd<br />

73 p mellan rad 2 <strong>och</strong> rad 3.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Sida <strong>och</strong> uppslag<br />

Standardformatet A4 används ofta. Det är<br />

210×297 mm 2, 1/16 m 2. Sidorna förhåller sig<br />

som 1: 2.<br />

Normalt trycker man dubbelsidigt. Senare tar<br />

någon kanske enkelsidiga kopior. Marginaler<br />

behövs för hålslag, anteckningar <strong>och</strong> för att<br />

hålla i. Området innanför marginalerna kallas<br />

satsyta. I topp- <strong>och</strong> bottenmarginal kan man ha<br />

sidhuvud <strong>och</strong> sidfot med pagina (sidnummer)<br />

<strong>och</strong> titel, författarnamn e.d. Vissa rubriker <strong>och</strong><br />

bilder kan placeras i marginalen.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Läslighet<br />

Ögat fixerar några punkter (ungefär 5) på varje<br />

rad. Under rörelsen uppfattar vi inget. Vid<br />

fixeringen uppfattar vi ordbilder, normalt inte<br />

enstaka tecken. Vid fel går vi tillbaka <strong>och</strong><br />

försöker på nytt, normalt med kortare språng.<br />

Läslighet brukar mätas som läshastighet med<br />

bibehållen förståelse.<br />

Man vet inte i detalj hur olika faktorer<br />

samverkar för att bestämma läsligheten men<br />

erfarenhet <strong>och</strong> forskning har producerat<br />

delresultat.<br />

Grad (teckenstorlek), ungefär höjden på »Åp».<br />

Mäts ofta i punkter (1 p är ungefär 0,4 mm).<br />

Ibland använder man måttenheten fyrkant.<br />

1 fyrkant (1 em) är det aktuella teckensnittets<br />

grad.<br />

Text mellan 9 p <strong>och</strong> 12 p har god läslighet,<br />

mindre <strong>och</strong> större text har sämre läslighet.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Läslighet, forts.<br />

Rader bör ha 55–60 tecken. Vid långa rader har<br />

ögat svårt att hitta till början av nästa rad. Med<br />

korta rader är det svårt att hitta bra uppdelning<br />

i rader (lämpligt radfall).<br />

På A4-sidor klarar man detta med breda<br />

marginaler (radlängd 100 mm) eller med två<br />

spalter.<br />

Tecken på intilliggande rader får inte överlappa<br />

(testa med »ÅpÅp»). Lite extra luft underlättar<br />

ögats radbyte. Baslinjeavståndet väljs till<br />

ungefär 120 % av graden, t.ex. 10 p/12 p, »tio<br />

på tolv punkter». Mellanrummet mellan<br />

raderna bör vara större än ordmellanrummen.<br />

Exempel: 24 p/32 p–24 p/23 p<br />

ppp ppp ppp ppp ppp ppp ppp ppp ppp ppp<br />

ÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅÅ<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Läslighet, forts.<br />

Det är ganska liten skillnad mellan läsligheten<br />

för normala teckensnitt avsedda för löpande<br />

text. Använd Times, Helvetica, New Century<br />

Schoolbook, Palatino, Lucida eller något<br />

liknande.<br />

Man indelar teckensnitten i grupper.<br />

Huvudgrupper är linjärer, utan seriffer:<br />

Helvetica, Lucida Sans Roman, Gill Sans,<br />

Avant Garde m.fl. <strong>och</strong> teckensnitt med seriffer:<br />

Times, New Century Schoolbook, Palatino,<br />

Lucida, Garamond m.fl.<br />

Använd inte speciella teckensnitt som Zapf<br />

Chancery <strong>och</strong> inte heller skuggade eller<br />

konturerade teckensnitt.<br />

Använd helst endast ett teckensnitt. Eventuellt<br />

kan man använda några få teckensnitt. Dessa<br />

måste då vara tillräckligt olika varandra <strong>och</strong><br />

»passa ihop».<br />

Skriv inte löpande text med enbart versaler<br />

(stora bokstäver). Använd helst inte enbart<br />

versaler ens i rubriker.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Teckensnittsexempel<br />

Helvetica Använd helst endast ett<br />

teckensnitt. Eventuellt kan man använda<br />

några få teckensnitt. Dessa måste då vara<br />

tillräckligt olika varandra <strong>och</strong> »passa ihop».<br />

New Century Schoolbook Använd<br />

helst endast ett teckensnitt. Eventuellt<br />

kan man använda några få teckensnitt.<br />

Dessa måste då vara tillräckligt olika …<br />

Palatino Använd helst endast ett<br />

teckensnitt. Eventuellt kan man använda<br />

några få teckensnitt. Dessa måste då vara<br />

tillräckligt olika varandra <strong>och</strong> »passa<br />

ihop».<br />

Lucida Använd helst endast ett teckensnitt.<br />

Eventuellt kan man använda några få<br />

teckensnitt. Dessa måste då vara tillräckligt<br />

olika …<br />

Lucida Sans Roman Använd helst endast ett<br />

teckensnitt. Eventuellt kan man använda några<br />

få teckensnitt. Dessa måste då vara tillräckligt<br />

…<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Gill Sans Använd helst endast ett teckensnitt.<br />

Eventuellt kan man använda några få<br />

teckensnitt. Dessa måste då vara tillräckligt<br />

olika varandra <strong>och</strong> »passa ihop».<br />

Garamond Använd helst endast ett<br />

teckensnitt. Eventuellt kan man använda några<br />

få teckensnitt. Dessa måste då vara tillräckligt<br />

olika varandra <strong>och</strong> »passa ihop».<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Jämn <strong>och</strong> ojämn högerkant<br />

Det är inte någon mätbar skillnad på ojämn<br />

högerkant <strong>och</strong> jämn högerkant. Utjämningen<br />

av radlängden till jämn högerkant ska göras<br />

enbart genom variation av ordmellanrummen.<br />

Det är viktigt att ordmellanrummens storlek<br />

varierar måttligt <strong>och</strong> inte blir större än<br />

avståndet mellan raderna. Jämn högerkant får<br />

inte åstadkommas genom variation av<br />

bokstavsavstånden i orden. Ökning av<br />

bokstavsmellanrummen (spärrning) uppfattas<br />

som framhävande.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Exempel<br />

Radlängd 160 mm (A4 med 25 mm<br />

marginaler), Times 10 p / 12 p, styckeindrag<br />

12 p. Det blir ungefär 110 tecken per rad.<br />

Svenska ord är svåra att avstava korrekt, <strong>och</strong> det går inte att automatiskt göra avstavning så att det säkert blir<br />

korrekt. Avstavningar måste därför alltid korrekturläsas. Det finns gott om exempel på dålig automatiskt<br />

avstavning i tidningar. När man avstavar, ska det göras så att risken för missuppfattningar blir liten. Använd de<br />

avstavningsregler som finns. Avstavningar som försvårar uppfattandet av ordbilden bör undvikas. Tvekar man om<br />

en avstavning är lämplig, så är det i allmänhet klokt att avstå från den. Mer än ett par rader i följd bör inte<br />

avstavas. Sista raden på en högersida bör inte avslutas med avstavning.<br />

Många ordbehandlingsprogram har ingen automatik för avstavning, men ger användaren möjlighet att markera<br />

möjliga avstavningspunkter i orden. När texten börjar närma sig att bli färdig, kan man då gå igenom den <strong>och</strong><br />

markera lämpliga avstavningspunkter, s.k. diskreta diviser, i speciellt långa ord.<br />

Radlängd 100 mm (A4 med marginaler 25 mm<br />

<strong>och</strong> 85 mm), Times 10 p / 10 p, styckeindrag<br />

12 p, rak höger. Det blir ungefär 62 tecken per<br />

rad.<br />

, inte att automatiskt göra avstavning så att det säkert blir<br />

korrekt. Avstavningar måste därför alltid korrekturläsas. Det finns<br />

gott om exempel på dålig automatiskt avstavning i tidningar. När man<br />

avstavar, ska det göras så att risken för missuppfattningar blir liten.<br />

Använd de avstavningsregler som finns. Avstavningar som försvårar<br />

uppfattandet av ordbilden bör undvikas. Tvekar man om en avstavning<br />

är lämplig, så är det i allmänhet klokt att avstå från den. Mer än ett par<br />

rader i följd bör inte avstavas. Sista raden på en högersida bör inte<br />

avslutas med avstavning.<br />

Många ordbehandlingsprogram har ingen automatik för avstavning,<br />

men ger användaren möjlighet att markera möjliga avstavningspunkter<br />

i orden. När texten börjar närma sig att bli färdig, kan man då gå<br />

igenom den <strong>och</strong> markera lämpliga avstavningspunkter, s.k. diskreta<br />

diviser, i speciellt långa ord.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Stavning <strong>och</strong> avstavning<br />

Kontrollera stavning. Använd ordbehandlarens<br />

inbyggda stavningskontroll <strong>och</strong> någon ordlista<br />

t.ex. Svenska Akademiens ordlista (SAOL) för<br />

svenska. Datorläsbara synonymordböcker <strong>och</strong><br />

lexika med förklaringar blir allt vanligare.<br />

Sammansatta ord skrivs ihop i svenskan. Skriv<br />

»databehandling», inte »data behandling».<br />

Kontrollera avstavning. Avstavningar får inte<br />

locka läsaren till felaktiga gissningar om<br />

textens fortsättning. Automatisk avstavning är<br />

omöjlig (bildrulle, glasskål, finskor). Dålig<br />

avstavning är sämre än ingen alls.<br />

Använd »avstavningsanvisning» = »om ordet<br />

behöver avstavas så avstava här» (kommandobindestreck<br />

i MSWord). MSWord avstavar vid<br />

bindestreck men inte vid hårt bindestreck<br />

(alternativ-kommando-skift-bindestreck).<br />

Använd »bindeblank» = »vid detta mellanrum<br />

får raden inte delas». Exempel:<br />

1 234 567,17 km, P G Gyllenhammar.<br />

Bindeblank i MSWord är normalt 1/4 fyrkant.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Teckenbehandling<br />

Förkortningar Skriv förkortningar med punkt<br />

<strong>och</strong> tätt ihop. Exempel: t.ex. bl.a. d.v.s. dvs.<br />

etc. et al.<br />

Ett sämre sätt är att skriva utan punkt men med<br />

bindeblank. Exempel: bl a d v s dvs etc et al.<br />

Vissa handböcker har andra<br />

rekommendationer: t. ex. bl. a. d. v. s. dvs. etc. et<br />

al. (med punkt <strong>och</strong> 2/18 fyrkant mellanrum);<br />

bl a d v s dvs etc et al (utan punkt med 3/18<br />

fyrkant mellanrum).<br />

Citattecken Använd »…» eller ”…” som<br />

citattecken i svenska <strong>och</strong> “…” i engelska.<br />

Använd inte "…" (" används för sekund <strong>och</strong> i<br />

engelska för tum).<br />

Utelämningstecken (ellips) Använd det<br />

speciella utelämningstecknet »…» om sådant<br />

finns, tre punkter ser sämre ut »...». Låt<br />

mellanrummen vara som kring det utelämnade.<br />

Apostrof Använd »’» som apostrof, inte »'»<br />

(' används för minut <strong>och</strong> i engelska för fot).<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Teckenbehandling, forts.<br />

Streck Skilj »kort streck» som används som<br />

bindestreck (Pascal-program, Tarras-<br />

Wahlberg), »mellanlångt streck» som används<br />

som tillstreck (Stockholm–Göteborg, klockan<br />

9–11), tankstreck (Kristina kan – i alla fall inte<br />

nu – lova något bestämt.) <strong>och</strong> som pratminus.<br />

I svenska använder man hellre komma eller<br />

parentes än tankstreck. I engelska skrivs<br />

tankstrecket dels som »långt streck» »—», dels<br />

utan omgivande ordmellanrum.<br />

Pratminus sätts med vanligt styckeindrag <strong>och</strong><br />

följs av 1/2 fyrkant mellanrum.<br />

– Varför kom du inte på festen igår? frågade<br />

han. Hade du glömt bort den?<br />

Ett följande vanligt stycke.<br />

Använd i första hand kursivering för att<br />

framhäva ord, i andra hand fetstil. Använd inte<br />

understrykning.<br />

Andra speciella tecken är:<br />

fifl éÉ üÜ ß çÇ ´ ` ˜ ˆ ¨ ·<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Teckenbehandling, forts.<br />

Använd inte blanktecken för att placera text i<br />

sidled. Använd istället indrag <strong>och</strong> tabulatorer.<br />

Skriv precis ett blanktecken efter skiljetecken<br />

som punkt, komma, utropstecken, frågetecken<br />

<strong>och</strong> kolon <strong>och</strong> inget blanktecken före.<br />

Normalt indrag är stort som baslinjeavståndet<br />

eller lite mer. Exempel:<br />

Lite text kanske direkt efter rubrik.<br />

■Ett nytt stycke vars början på något tydligt<br />

sätt ska kunna urskiljas. Man ska få plats med<br />

en kvadrat i indraget.<br />

Här är texten Times 24 p/28 p <strong>och</strong> indraget<br />

29 p.<br />

På Macintosh, använd »decimala teckenbredder»<br />

annars kan både bokstavs- <strong>och</strong><br />

ordmellanrum bli för stora <strong>och</strong> ojämna.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Stycken<br />

Nytt stycke representerar »ny tanke». Nytt<br />

stycke markeras normalt genom radbyte <strong>och</strong><br />

indrag. Indraget väljs lika baslinjeavståndet.<br />

Första stycke efter rubrik saknar indrag.<br />

En alternativ <strong>och</strong> sämre utformning, kvarleva<br />

från maskinskrivningstiden, är att ha blank rad<br />

mellan stycken <strong>och</strong> inget indrag.<br />

Undvik »horungar» d.v.s. första rad i stycke<br />

ensam nederst på sida (<strong>och</strong> än värre ensam<br />

rubrik) <strong>och</strong> ensam sista rad överst på sida.<br />

Uppräkningar ges lämpligen »hängande<br />

indrag» d.v.s. vänsterkanten dras in lika<br />

mycket som styckeindraget, utom första raden<br />

som inleds med en kula (•), nummer eller<br />

textrubrik. Uppräkningen kan föregås <strong>och</strong><br />

följas av extra mellanrum. Stycket efter<br />

behöver då inget indrag.<br />

• En kort uppräkning.<br />

• Ett andra element som visar det hängande<br />

indraget från <strong>och</strong> med rad två.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Om ett element i uppräkningen innehåller<br />

flera stycken dras förstaraderna in.<br />

• Sista elementet i uppräkningen.<br />

Texten efter uppräkningen har inget indrag.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Stycken i MSWord<br />

Indrag vänster hur långt t.h. om<br />

vänstermarginalen styckets rader börjar.<br />

Indrag höger anger hur långt t.v. om<br />

högermarginalen styckets rader slutar.<br />

Indrag första raden anger hur långt t.h. om<br />

övriga raders början första raden börjar.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Stycken i MSWord, forts.<br />

Övre stycket har »indrag vänster» = –0,5 cm,<br />

»indrag höger» = –0,5 cm <strong>och</strong> »indrag första<br />

raden» = 2 cm.<br />

Undre stycket har »indrag vänster» = 0,5 cm,<br />

»indrag höger» = 0 cm <strong>och</strong> »indrag första<br />

raden» = –1 cm.<br />

Radavstånd<br />

Auto, Exakt, Minst<br />

Avstånd före, avstånd efter<br />

Indrag vänster, höger, första raden<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


idbrytning före, håll ihop rader, håll ihop med<br />

nästa<br />

Tabulatorlägen, tabulatortecken<br />

Kantlinje<br />

Ram<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Sidan<br />

Rapporter görs oftast i A4 för dubbelsidig<br />

kopiering <strong>och</strong> häftning med klammer i ryggen.<br />

I många fall är en något mindre sida bättre.<br />

Välj vänster- <strong>och</strong> högermarginaler 25 mm,<br />

skriv två spalter med 5 mm emellan. Sidhuvud<br />

25 mm <strong>och</strong> sidfot 30 mm kan vara lämpligt.<br />

Det ska vara tydligt avstånd mellan sidhuvud<br />

<strong>och</strong> resten av sidan.<br />

Det »klassiska» dokumenthuvudet innehåller<br />

avsändare, datum, dokumenttyp <strong>och</strong><br />

sidnummer:<br />

Avsändare 1994-12-24 sida 1<br />

ev. flera rader Dokumenttyp<br />

Placera sidnumret ytterst <strong>och</strong> rapportnamnet<br />

(eventuellt förkortat) innerst i sidhuvudet.<br />

Alternativt kan vänstersidornas sidhuvud<br />

innehålla författarnamn. Glöm inte sidnummer.<br />

Under författandet är det lämpligt att datum<br />

finns på varje sida.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Sidan forts.<br />

Använd avstånd för att markera hur mycket<br />

olika delar av sidan hör ihop. Linjer kan<br />

användas för att åtskilja:<br />

••••••••• ••••••••• •••••••••••••• •••••••••<br />

••••••••••••• ••••••••• ••••<br />

••••••••• ••••••••• •••••••••••••• ••••••••• •••••••••••••<br />

••••••••• ••••<br />

men också för att hålla ihop:<br />

••••••••••••• •••••• ••••••••••••••• ••••••••••••<br />

••••••••••••• ••••••<br />

•••••••••••••••<br />

••••••••••••<br />

••••••••••• ••••<br />

•••••••••••• ••••• ••<br />

•••••••• ••••••••••<br />

••••••••• ••••••<br />

•••••• ••••• ••••<br />

Att planera sidorna är delvis en konst. Du kan<br />

få tips bl.a. i (Miles 1989).<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Klassisk sidindelning<br />

Jan Tschichold har funnit att många<br />

renässansböcker har satsytan placerad med<br />

följande konstruktion.<br />

Den innebär att om sidans bredd är b <strong>och</strong> dess<br />

höjd är h är innermarginalen b/9,<br />

yttermarginalen 2b/9, toppmarginalen h/9 <strong>och</strong><br />

bottenmarginalen 2h/9. Dessa proportioner ger<br />

ett bokuppslag ett lugnt intryck. Denna<br />

placering kan vara utgångspunkt för egna<br />

experiment.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Klassisk sidindelning forts.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Enkelspalt<br />

Några varianter:<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Flerspaltig utformning<br />

Balans mellan grad <strong>och</strong> radlängd uppnås lättare<br />

med flera spalter.<br />

Avstånden mellan sidelementen är särskilt<br />

viktiga.<br />

Sidhuvudet (<strong>och</strong> eventuell sidfot) bör »hålla<br />

ihop» spalterna. Avståndet mellan spalterna (ca<br />

5 mm) bör vara större än mellanrummet mellan<br />

raderna men mindre än mellanrummet över<br />

rubrikerna<br />

Rubriker på hög nivå kan gå över hela sidan,<br />

på låg nivå endast över spalten.<br />

Det får inte vara oklart i vilken ordning texten<br />

ska läsas.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Dubbelspalt<br />

Några varianter:<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Tvåspalt<br />

Några varianter:<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Illustrationer<br />

Illustrationer ska bidra till förståelsen, inte vara<br />

enbart dekoration.<br />

Illustrationer ska finnas på det uppslag där de<br />

omnämns.<br />

Vid illustrationen ska det finnas en kort<br />

förklaring (bildtext) eventuellt med numrering.<br />

Ge bilderna konsekvent utformning <strong>och</strong><br />

format.<br />

Grundformen för tabeller är trelinjetabellen<br />

utan vertikala linjer.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Formler<br />

Det finns en lång tradition även kring<br />

utformning av formler. Mycket av tumreglerna<br />

finns inbyggt i programmet TeX. Till MSWord<br />

finns en formeleditor som man når med Infoga<br />

Objekt Formel.<br />

Till formler använder man samma teckensnitt<br />

som till övrig text eller något klart avvikande<br />

teckensnitt.<br />

Variabelnamn med latinska bokstäver <strong>och</strong> med<br />

grekiska gemena (små bokstäver) sätts kursivt<br />

»F, a, α». Siffror, grekiska versaler <strong>och</strong> namn<br />

på standardfunktioner sätts raka »17, Φ, sin».<br />

Operatorer <strong>och</strong> liknande sätts raka »+, –, |».<br />

Exponenter <strong>och</strong> index sätts med mindre grad<br />

»a till viss gräns x2<br />

»<br />

<strong>Del</strong>formler i löpande text interpunkteras som<br />

annan text.<br />

Fristående formler centreras på raden med<br />

eventuell numrering högerställd.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Minustecknet ska ha samma bredd som<br />

plustecknet. Använd det halvlånga strecket i<br />

MSWord, »+–» istället för »+-».<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Litteraturreferenser<br />

Du ska redovisa dina källor.<br />

I texten refererar man lämpligen med författare<br />

<strong>och</strong> årtal inom parentes. Exempel: (Svensson<br />

1987)<br />

I litteraturlistan ska litteraturen beskrivas så att<br />

läsaren kan hitta källan.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Litteraturlista<br />

Frenckner, K. <strong>och</strong> Romberger, S. 1989.<br />

Tumregler för utformning av enkla dokument<br />

med datorstöd. TRITA-NA-P8903. Nada,<br />

KTH, Stockholm.<br />

Severinson-Eklundh, K, Romberger, S <strong>och</strong><br />

Englund, P. 1992. Writing on sheets of paper: a<br />

spatial metaphor for computer-based text<br />

handling. Electronic publishing 1992.<br />

Cambridge University Press.<br />

Miles, J. 1989. Design för desktop publishing.<br />

Forum.<br />

Svenska akademins ordlista över svenska<br />

språket. 1986. Upplaga 11, Norstedts förlag,<br />

Stockholm.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Litteraturreferenser<br />

I vetenskapliga dokument ska man ange<br />

varifrån olika uppgifter <strong>och</strong> idéer hämtats. I<br />

många andra sammanhang är det också<br />

lämpligt att ange källor.<br />

Läsaren ska med hjälp av verkbeskrivningen<br />

kunna hitta verket. Normalt anger man<br />

författarnamn, titel, ev. samling, förlag <strong>och</strong><br />

utgivningsår. Ibland anger man kompletterande<br />

information.<br />

Placera verkbeskrivningarna i slutet av<br />

dokumentet under rubriken »Litteratur»,<br />

»Referenser» eller »Källor» sorterade på<br />

författarnamn.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


litteraturreferenser, forts.<br />

Litteratur<br />

The Chicago manual of style. 1982.<br />

Upplaga 12, The University of Chicago<br />

Press.<br />

Hallberg, Å. 1992. Desktop publishing.<br />

Spectras handboksserie.<br />

Hellmark, C. 1991. Typografisk handbok.<br />

Ordfront & Ytterlids.<br />

Miles, J. 1989. Design för desktop publishing.<br />

Forum.<br />

Swanson, E. 1971. Mathematics into type–<br />

Copyediting and proofreading of<br />

mathematics for editorial assistants and<br />

authors. American Mathematical Society,<br />

P. O. Box 9506, Providence, RI 02903<br />

USA. En fyllig genomgång av hur<br />

matematisk text bör sättas <strong>och</strong> om hur man<br />

hanterar dokument med mycket formler.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


litteraturreferenser, forts.<br />

Titeln skrivs med kursiv. För artikel i tidskrift<br />

eller annan samling skrivs samlingens namn<br />

med kursiv.<br />

När författare är okänd sorteras på titel (småord<br />

ignoreras). Flera verk av samma författare<br />

samma år numreras a, b, …<br />

Man kan sätta punkter efter initialer . Man kan<br />

skriva ut förnamn. Man kan placera förnamn<br />

före efternamn. (Var konsekvent.)<br />

Christer Hellmark. 1991. Typografisk handbok.<br />

Ordfront & Ytterlids.<br />

John Miles. 1989. Design för desktop<br />

publishing. Forum.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


litteraturreferenser, forts.<br />

I den löpande texten refererar man med<br />

författarnamn <strong>och</strong> årtal. Om författarnamnet<br />

ingår i texten skrivs årtalet inom parentes.<br />

… utformningen av många gamla böcker<br />

bygger på »gyllene snittet» (Miles 1989). Detta<br />

diskuteras också av Knuth (1983b) <strong>och</strong><br />

Hallberg (1992).<br />

Man kan istället ge verkbeskrivningen i fotnot<br />

men man ska ändå ha verkförteckning i slutet.<br />

… utformningen av många gamla böcker<br />

bygger på »gyllene snittet». Detta diskuteras<br />

också av Knuth <strong>och</strong> Hallberg.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


<strong>Del</strong>ar i bok eller rapport<br />

främre omslag utsida<br />

görs av Nada<br />

främre omslag insida försättssida, sida 1<br />

görs av Nada görs av Nada<br />

tryckortssida, sida 2 abstract <strong>och</strong><br />

görs av Nada sammanfattning,<br />

sida 3<br />

sammanfattning forts. förord<br />

eller blank udda sida<br />

förord forts. innehållsförteckning<br />

eller blank udda sida<br />

innehållsförteckning huvuddel<br />

forts. eller blank udda sida<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


… …<br />

huvuddel slut ev. bilagor<br />

eller blank udda sida<br />

ev. bilagor forts. bakre omslag insida<br />

eller blank görs av Nada<br />

bakre omslag utsida<br />

görs av Nada<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Illustrationer<br />

Olika slag av kvalité i illustrationer:<br />

• Informationsinnehåll<br />

Hur är själva bildidén? Vilket innehåll kan<br />

bilden förmedla? Är bilden nödvändig <strong>och</strong><br />

lämplig för att förmedla det man vill ha<br />

fram?<br />

• Bildidéns realisering<br />

Är det bra att realisera bilden på detta sätt?<br />

Är urvalet av möjliga beståndsdelar gjort på<br />

ett bra sätt? Är eventuella ikoner/symboler<br />

kända för läsaren?<br />

• Layout<br />

Hur utnyttjas ytan <strong>och</strong> hur placeras de olika<br />

delarna av bilden i förhållande till varandra?<br />

Ska särskilt betydelsefulla delar framhävas<br />

på något sätt?<br />

• Form<br />

Vilka linjetjocklekar väljs? Hur väljs<br />

skuggningar, färg, grånivåer, typsnitt etc.?<br />

• Teknisk kvalité<br />

Vilken är upplösningen? Vilken jämnhet får<br />

man i kurvor?<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Text <strong>och</strong> bild<br />

Text i bild<br />

Text som är nödvändig för bilddelarnas<br />

tolkning.<br />

Bilderna ska ha en enhetlig utformning.<br />

Gärna linjärer <strong>och</strong> konsekvent i dokumentet.<br />

Bildtext<br />

Ska fungera som titel, identifiering <strong>och</strong><br />

förklaring.<br />

Ska vara kort, utförlig förklaring gjörs i den<br />

löpande texten.<br />

Ska vara oberoende av löptexten. Bilderna ska<br />

förstås vid »genombläddring» <strong>och</strong> löptexten<br />

ska förstås utan att man läser bildtexterna.<br />

Om alla bildtexter är korta så kan man skriva<br />

dem utan punkt.<br />

Bildtexter placeras under bilden. Alla<br />

bildtexter ska stå lika långt från bilden.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Bildtexten skrivs t.ex. kursiv i löptextens grad.<br />

Avstånd mellan »Figur 17.» <strong>och</strong> resten är 1/2<br />

fyrkant. Exempel:<br />

Figur 17. Två exempel på<br />

innehållsförteckningar.<br />

Placeringen <strong>och</strong> utformningen i övrigt är<br />

balansgång mellan konsekvens <strong>och</strong> anpassning<br />

till bilderna.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-03


Typografisk design<br />

Byggstenar<br />

tecken, linjer, bilder, avstånd<br />

Behandlade nivåer<br />

<strong>skrivregler</strong>, sättningsregler<br />

Behandlade principer<br />

korrekt, konsekvent, konventionellt<br />

Typografisk design (formgivning) – hur man<br />

skapar en helhet<br />

Fyra principer<br />

Ur Robin Williams. 1994. The non-designer’s<br />

design book. Peachpit press, Addison-Wesley.<br />

• Gruppering (proximity)<br />

• Linjering (alignment)<br />

• Upprepning (repetition)<br />

• Kontrastering (contrast)<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Gruppering<br />

Dokumentdelar som innehållsligt hör nära ihop<br />

bör stå nära varandra.<br />

Brevhuvud<br />

Vad hör ihop?<br />

Hör de sidelement som står nära varandra<br />

ihop?<br />

Två huvudgrupper<br />

Dessutom andra justeringar:<br />

• ej enbart versaler<br />

• tydligare kontrast<br />

• byte av ram<br />

• förstorad bild<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Gruppering, sammanfattning<br />

Hjälp läsaren se strukturen.<br />

Mellanrum (luft) är viktigaste medlet.<br />

Det kan hjälpa att »kisa».<br />

Undvik:<br />

• många grupper<br />

• lika avstånd mellan orelaterade element<br />

• närhet mellan orelaterade element<br />

• osäkerhet <strong>och</strong> flertydighet<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Linjering<br />

Sidelement ska placeras enligt en tydlig plan,<br />

ha gemensamma avgränsningar i sid- <strong>och</strong><br />

höjdled eller gemensamma baslinjer. Ofta<br />

bygger alla sidor på samma rutnät.<br />

Omslag<br />

Centrering kan kännas oroligt även om det är<br />

en sorts linjering.<br />

Tydlig vänsterställning ser »proffsigare» ut.<br />

Dessutom:<br />

Tydligare gruppering ger bättre balans.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Linjering forts.<br />

Saga<br />

Kan antalet lägen minskas?<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Saga forts.<br />

Antalet linjeringar har minskats till ungefär<br />

nio.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Linjering, sammanfattning<br />

Hitta tydliga linjer <strong>och</strong> förstärk dessa.<br />

Undvik »nästan-linjering».<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Upprepning<br />

Dokumentets struktur markeras genom<br />

konsekvent upprepning av typografiska<br />

markeringar.<br />

Rapport<br />

Är sådant som ska avvika tillräckligt<br />

avvikande?<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Upprepning, sammanfattning<br />

Upprepning förenar eller klassificerar avlägsna<br />

element.<br />

Utnyttja <strong>och</strong> förstärk befintliga upprepningar.<br />

Var försiktig med överdrifter.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Kontrastering<br />

Skillnader i typografiska markeringar ska vara<br />

tydliga.<br />

Informationsblad<br />

Se till att skillnader är tydliga.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Informationsblad forts.<br />

Titel <strong>och</strong> de två rubriknivåerna har gjorts<br />

tydliga <strong>och</strong> med tydlig inbördes skillnad.<br />

Linjen vid titeln har förstärkts.<br />

Dessutom:<br />

• rubriken ej enbart versaler<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Kontrastering,<br />

sammanfattning<br />

Kontrastering ökar tydligheten.<br />

Kontrastering ökar läsarens uppmärksamhet.<br />

Kontrastering kan göras genom:<br />

• teckensnittsval<br />

• linjetjocklek<br />

• färg<br />

• form<br />

• storlek …<br />

Undvik »nästan-lika».<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Design med teckensnitt<br />

De fyra principerna kan tillämpas på<br />

teckensnitt också.<br />

Robin Williams talar om:<br />

• Harmoni (concord)<br />

Använd ett enda teckensnitt <strong>och</strong> låt övriga<br />

sidelement samverka med detta.<br />

• Konflikt (conflict)<br />

Blanda flera nästan lika teckensnitt (ur<br />

samma familj).<br />

• Kontrast (contrast)<br />

Använd tecensnitt ur olika familjer <strong>och</strong><br />

principen »kontrast» som den tidigare<br />

beskrivits.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Teckensnittsfamiljer<br />

Det finns många indelningar (klassificeringar)<br />

av teckensnitt.<br />

Uppdelningen linjärer/seriffteckensnitt (ibland<br />

kallade antikva) är grundläggande.<br />

En finare uppdelning finns som svensk<br />

standard.<br />

Garalder<br />

adep<br />

Garamond<br />

Andra namn: medievalantikva, old style<br />

Realer<br />

Bookman<br />

Andra namn: övergångsformer<br />

Didoner<br />

Bodoni<br />

Andra namn: nyantikva, klassicistisk antikva.<br />

Centurer<br />

adep<br />

Times<br />

Linjärer<br />

adep<br />

Gill<br />

Semilinjärer<br />

Optima<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04


Mekaner<br />

adep<br />

Courier<br />

Annat namn: egyptienne.<br />

Reprodukter<br />

Teckensnitt vars karaktär antyder graverad<br />

form, exempelvis träsnitt eller kopparstick<br />

Skripter<br />

adep<br />

Zapf Chancery<br />

Annat namn: handstil<br />

Ornater<br />

Arnold Böcklin<br />

Extremer<br />

Gotiker<br />

Teckensnitt vars karaktär antyder gotiskt<br />

ursprung.<br />

IPLab, Nada, KTH Staffan Romberger 02-09-04

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!