Typografisk Handbok by Sam Svensson

TYPOGRAFISK HANDBOK formgiven av Sam Svensson

INNEHÅLL

Tecken per rad Bokstävers storlek Val av typsnitt Olika radavstånd Ordens mellanrum Vänsterställd text Mot läsriktning Riktlinjer för objekt Antal rader Bildtexters placering Olika justeringar Marginaler och ljus Gemener och versaler Siffrornas regler Färgade plattor Färgad text Papperets kvalitet

Förord

I den här handboken beskrivs regler och riktlinjer som används för att skapa lättlästa texter. Handboken innehåller 17 krav som är grunden för detta. Varje uppslag presenterar ett krav.

Tecken per rad

Det ideala antalet tecken per satt rad är 45-65, med ett medelvärde omkring 55. Det gäller främst för löpande text i större mängder. I dagstidningar, magasin och tidskrifter är det inte ovanligt med 25-35 tecken per rad. För långa rader i mindre grader gör det svårare för läsaren att snabbt hitta tillbaka till början av den följande raden. För korta rader leder till onormalt många avstavningar. Högst tre rader med avstavningar efter varandra kan accepteras.

7 Maybe I’m spending too much of my time starting up clubs and putting on plays. I should probably be trying harder to score chicks. Maybe I’m spending too much of my time starting up clubs and putting on plays. I should probably be trying harder to score chicks. Exempel på olika antal tecken per rad. Det ideala är det understa.

Max Fischer, RUSHMORE

Bokstävers storlek

Hur stora bokstäverna ska vara, teckengraden, väljs beroende på vilket avstånd texten ska läsas och hur belysningen troligen är vid lästillfället. Man bör också ta hänsyn till hur läskunnig den tänkta läsaren är. Ju mindre läsvana desto större bokstavsstorlekar behövs. Samma sak gäller givetvis också läsare med synhandikapp. Bokstävernas (typsnittets) gemena x-höjd är avgörande för hur stora grader man bör använda. Men det är nästan alltid bättre att välja den mindre om man tvekar mellan två teckengrader. Text blir inte mer lättläst för att den är satt i större grader.

Exempel p책 olika teckenstorlekar.

Val av typsnitt

Typsnitt (som också kallas stil eller teckensnitt) väljs i första hand med tanke på streckstyrka, öppenhet (“punsen”) och över- och understapellängd i förhållande till den gemena x-höjden. Även typsnittets karaktär, dvs överensstämmelse med innehållet, kan påverka läsligheten. Avståndet mellan tecknen är av stor betydelse. Knipning, generell minskning av avståndet får inte överdrivas. Spärrning, ökning av avståndet, stör ordbilden och används i undantagsfall när man använder kapitäler (små versaler). Kerning, luftning eller knipning, mellan versaler (eller mellan versal och gemen) bör göras med stor omsorg, särskilt i rubriker och andra texter i stor grad.

11 You’re looking so well, darling, you really are... they’ve done a marvelous job. I don’t know what sort of cream they’ve put on you down at the morgue, but... I want some. You’re looking so well, darling, you really are... they’ve done a marvelous job. I don’t know what sort of cream they’ve put on you down at the morgue, but... I want some. You’re looking so well, darling, you really are... they’ve done a marvelous job. I don’t know what sort of cream they’ve put on you down at the morgue, but... I want some. Exempel på typsnitt, översta är en sanserif (Century Gothic), mellersta är en seriff (Book Antiqua) och nedersta är en scripta (AR BERKLEY).

M. Gustave, THE GRAND BUDAPEST HOTEL

Olika radavstånd

När det gäller avståndet mellan raderna ska det stå i god relation både till tecknets gemena x-höjd och till radlängden. För små avstånd kan lura ögat att byta rad vid mitten av raden. För stora radavstånd gör det svårt att tillräckligt snabbt hitta början av raden under. En klassisk rekommendation säger att radavståndet bör vara två punkter utöver teckengraden, alltså “10/12 p” (uttalas tio på tolv). Att eftersträva det är en god utgångspunkt. Om man har lite utrymme måste man överväga andra alternativ: som att ändra graden, spaltbredden och i sista hand minska radavståndet. En annan rekommendation säger att “ljusrummet”, det optiska avståndet mellan raderna, bör vara något större än gradens x-höjd. Att sätta kompakt 10/10 p är helt uteslutet. I stället bör man pröva till exempel 10/11 p och i yttersta nödfall 10/10,5 p. Då undviker man åtminstone att gemena j:s underkant tangerar den versala Å-ringens överkant. Kompakt sättning måste ändå accepteras ibland, till exempel där raderna är satta med konsultationsgrad (6-7 p), är korta (36-55 mm) och få till antalet.

13 He has this disease where his head is shaved except he doesn't have to shave it because he can't grow any hair in the first place. Don't talk about it around him though. It might offend him. He has this disease where his head is shaved except he doesn't have to shave it because he can't grow any hair in the first place. Don't talk about it around him though. It might offend him. He has this disease where his head is shaved except he doesn't have to shave it because he can't grow any hair in the first place. Don't talk about it around him though. It might offend him. Exempel p책 olika radavst책nd. Det ideala 채r exemplet i mitten.

Francis, DARJEELING LIMITED

Ordens mellanrum

Mellanrummen mellan orden bör hellre vara små än stora. Ett normalt avstånd mellan orden motsvarar gradens gemena “r” eller “n”. Ordmellanrummet kan som minst motsvara gemena ”i”, men bör aldrig överstiga gemena “m”. För stora ordmellanrum leder till gluggig sättning, vertikala mönster bildas i den satta texten (“floder”, man säger att sättningen “blöder”). God satskvalitet känns igen på små och jämna ordmellanrum. Rätt vald grad i förhållande till satsbredden underlättar att uppnå det kravet och gör samtidigt att det krävs färre avstavningar. Sättning med rak vänster- och högerkant, marginaljustering, leder till att varje textrad får olika stora ordmellanrum trots avstavningar. Sättning med ojämn högerkant, vänsterställd text, medför jämna ordmellanrum (fast utslutning).

I saved Latin. What did you ever do? I s a v e d La t i n . Wh a t d i d you ever do? I saved Latin. What did you ever do? Exempel p책 olika ordmellanrum.

Max Fischer, RUSHMORE

Vänsterställd text

Vid vänsterställd text bör avstavningar undvikas, men för att undvika för stora skillnader i radlängderna kan man acceptera avstavning av sammansatta ord. För stora skillnader i radlängderna ger sättningen ett oroligt intryck och försvårar läsningen. Eftersom läsare är vana att uppfatta hela ordbilder och inte enstaka bokstavstecken, bör orden helst inte avstavas utan delas så att ordstammen behålls intakt. Orden känns igen lättare då.

17 One morning, over at Elizabeth’s beach house, she asked me if I’d rather go waterskiing or lay out. And I realized that not only did I not want to answer THAT question, but I never wanted to answer another watersports question, or see any of these people again for the rest of my life. One morning, over at Elizabeth’s beach house, she asked me if I’d rather go water-skiing or lay out. And I realized that not only did I not want to answer THAT question, but I never wanted to answer another water-sports question, or see any of these people again for the rest of my life. Exempel på text med och utan avstavningar.

Anthony, BOTTLE ROCKET

Mot läsriktning

Västerlänningar är vana att läsa från vänster mot höger, läsriktningen. Undvik att arrangera text eller rubriker mot läsriktningen, till exempel vertikalt eller på snedden, eftersom det blir ett hinder i kommunikationen - vi läser ju hela ordbilder. Logik och enkelhet är dygder även när det gäller att främja läslighet.

Exempel på hur text ej bör placeras. Vertikelt arrangerad text är svår att läsa eftersom den är placerad mot läsriktningen.

Steve Zissou, LIFE AQUATIC

Now if you'll excuse me, I'm going to go on an overnight drunk, and in 10 days I'm going to set out to find the shark that ate my friend and destroy it. Anyone who wants to tag along is more than welcome.

Riktlinjer för objekt

Sätt aldrig bokstavstecken tätt intill linjer, ramar, tonplattor eller bilder. Minsta mått mot ram- eller bildkant i sidled måste vara klart större än ett normalt ordmellanrum i den aktuella texten. I höjdled måste avståndet vara klart större än det optiska radavståndet. Låt aldrig bokstäver i rubriker eller textblock löpa över kanten på tonplattor eller bilder - vare sig det gäller teckenmellanrummet eller själva bokstavstecknet. Undvik skuggade och optiskt manipulerade eller förvrängda bokstäver. Bespara läsarna understrykningar - i synnerhet sådana som täcker över understaplar. Ordbilden är helig.

21 Keep your hands off my lobby boy!

Exempel på text placerad för tätt intill en ram.

M. Gustave, THE GRAND BUDAPEST HOTEL

Antal rader

Antalet rader bör inte gärna vara mer än 30-40 per spalt eller sida, men om man använder mellanrubriker kan man ha fler rader. Mellanrubrikerna ska hålla god kontakt med den efterföljande texten och avståndet till den skall vara klart mindre än avståndet till föregående textavsnitt.

23 Im iligenihitae am sam que natem rehendae veles sedi doles et eatur? Qui alition sequid ute atur sent qui volupid itiationes pliqui utae simaiosant. Am nus debitas ipsae porepre cessece atiorpos dem qui officim assim cum que nullorum fuga. Volorit rem ant audi as a con eturem se ipsuntis enti reiciasse pro mos arum quiatio rerspellaut que nulpa dolenecto ducille ctotatus dolup.

Epedi dolum quaercia lam consed mi, comnis dolupta inis mos is alit volore conessit quaepta nus dusam ellacerchit is et, quid erferferum autatatia voluptatem fugiti rerempo rrovite cullupt atiaepe ratiunt faccullor re sunt et hici ducienihil imaxime niscid et ape dolori totatet ma dolut is eic testios eveliqui te eum laut alitatur, a volupta sitaquis susam, officium repudig natusae sitatus ped mosto idis quas es voluptias quatia nihictus cus cusaect oreres volorehent eum autate

Exempel p책 mellanrubrik.

Bildtexters placering

Bildtexten bör ha god kontakt med sin bild. I första hand bör man sträva efter att bildtexten stå under bilden. Man kan också sätta den till höger om bilden. Då sätter man bildtexten vänsterställd så samhörigheten med bilden betonas. I nödfall kan man placera bildtexten till vänster om bilden, då med rak högerkant för att just betona samhörigheten. Layoutens helhet avgör i sista hand.

25 I love you, but you don't know what you're talking about.

I love you, but you don't know what you're talking about. Exempel p책 hur bra bildtext kan se ut.

Sam, MOONRISE KINGDOM

Olika justeringar

Låt aldrig texten “bli vad den blir” i korta sättningar. Kortare annonstexter, ingresser och bildtexter bör fraseras. Det betyder att radfallet, radlängderna, bestäms redan på manusstadiet för att texten ska hållas samman enligt språkrytmen. Då blir ordmellanrummen lika stora och högerkanten ojämn. Högerjustering, det vill säga sättning med ojämn vänsterkant, uppfattas som svår att läsa. Och om man sätter man båda kanterna ojämnt, centrering, blir texten kanske inte ens läst. Läsarna kan uppfatta texten så avskräckande att de avstår från att ens försöka.

I'm very sorry for your loss. Your mother was a terribly attractive woman. Exempel pรฅ hรถgerjuterad text.

Royal, THE ROYAL TENENBAUMS

Marginaler och ljus

Marginaler och andra ljusrum bidrar också till att underlätta läsandet. Av tradition, och från början praktisk nytta, är bokens marginaler störst nertill på uppslaget och minst in mot vecket i mitten. Topp- och yttermarginaler är lite större än innermarginalen. I annonser bör marginalerna inte underskrida 4-5 mm till närmaste ram, till skurna kanter bör de inte vara mindre än 9-10 mm, gärna större. Luft och ljusrum mellan stycken fungerar som andningspauser. Rätt dimensionerade klargör de materialets disposition och lockar till läsning. I löpande text ska man i pincip inte sätta en blankrad innan nytt stycke, istället ska vanligt indrag användas. Indraget ska vara lika djupt som radavståndet i punkter, en helfyrkant. Efter rubrik, ingress och mellanrubrik ska man inte ha indrag, eftersom de i sig signalerar nytt stycke. Var vaksam på hur styckenas början och slut hamnar. Ett stycke som börjar med en rad nederst i spalten eller på sidan kan godtas, “horunge”. Däremot får sista raden av ett stycke, utgångsraden, inte hamna överst i en spalt eller på en sida, “dubbel horunge”. Det accepteras inte och den måste tas bort genom små justeringar av layouten.

29 Mint faccaborem nonsequunt, serissi dus serrovid qui aut velistiunt, volorpos endignat verum doluptatem harchil et elleseq uatessitae rerit officiunt re dolupta temquatqui dolorio offici ut libus rerchit etusam, coribust que endis eniendis quiatio nsecae con pratio. Nam, velit aut et et, se sequae ipsam, ipsam ratem. Nam quas auta idessum nonsequ atessit, enecae core, sum voluptas qui optia nistiam, iminihiti bea vent, volor solor se vit ute ipsandam quas explicidit hillupitia doluptas alit ma dolupta tiossunt exces quae. Nam sit faciaer ferferem volupta tiaesciis imporer ibustru ptatibus es experib eruptat et, sanisquidunt evellig nientib usciet omnimin consequ atusdae maximod issimpe rcimus.

Opturescimod Quam faccatius exped quam incto tecust et dipsa volorum fuga. Vidigni endemquam etur, cum abo. Arionsende vel eiurepratur, nos velesti derum a idempor iberupt atempor si vendis esci cones eaquiae sitatec atistius a pel

mo doluptiae volut laborepro evendit et que eos dolorest, volorum con rero oditium hario in net voluptatem nus ipit, consequos essitas sitiam abo. Um qui asitio berrorerio blacepuda sitatusdae dis nest intur am, sequi sedis doloren destrupta cullestium utescil iunto occab idellic tatium dolum seque pedisciunti repelit, qui dolorep tasped que debit in raturenda dicitas exernam volum voluptatesci sam haritatatur?

Ersped Quam vel istium aut ommodiscius quiducipsa que sequid es que doluptatur, as sit placi omniatibus num cus, aut ent et alibus doles commolo reium, tectatet quam iumqui bea ni odi as di invernaturit pre, optatet, arci vel maiorro mos parchita volupta tureperum lique ent, ut fugitas inciaecus ut harum, sim quam, consero officia vendis verspedi aped quam harum faccum inisime vent voluptatur rem inullit autatem qui dicabores nem harum quia a nata dolora con rem. Tatatii sciduci pietusciur, comnis consed qui blab

Exempel pรฅ hur marginalerr bรถr fรถrdelas.

Gemener och versaler

Använd i princip hellre gemener än versaler, även när det gäller rubriker. Det eftersom läsarna från löpande text är vana att uppfatta ordbilder som satts med gemener. Men i speciella fall - boktitlar, tidskriftsrubriker, affischer, logotyper - kan versaler fungera. Av samma skäl, sätt hellre texten med rak än med kursiv variant, i synnerhet om texten är längre än fem rader. För löpande text, använd hellre normal teckenstyrka än fin, halvfet eller fet variant. Dessutom, använd hellre normal teckenbredd än bred, smal eller ännu värre - förvrängd (optiskt manipulerad). Det normala är vanligast förekommande och därför förstärks läsvanorna i riktning mot det. Ovan vid avvikelser upplever läsaren det onormala som en hämmande faktor.

31 What happened, my dear Zero, is I beat the living shit out of a sniveling little runt called Pinky Bandinski, who had the gall to question my virility. Because, if there’s one thing we’ve learned from penny dreadfuls, it’s that when you find yourself in a place like this, you must never be a candy ass; you’ve got to prove yourself from day one. You’ve got to win their respect. You should take a long look at HIS ugly mug this morning. WHAT HAPPENED, MY DEAR ZERO, IS I BEAT THE LIVING SHIT OUT OF A SNIVELING LITTLE RUNT CALLED PINKY BANDINSKI, WHO HAD THE GALL TO QUESTION MY VIRILITY. BECAUSE, IF THERE’S ONE THING WE’VE LEARNED FROM PENNY DREADFULS, IT’S THAT WHEN YOU FIND YOURSELF IN A PLACE LIKE THIS, YOU MUST NEVER BE A CANDY ASS; YOU’VE GOT TO PROVE YOURSELF FROM DAY ONE. YOU’VE GOT TO WIN THEIR RESPECT. YOU SHOULD TAKE A LONG LOOK AT HIS UGLY MUG THIS MORNING. Exempel på text med gemena och versala bokstäver.

M. Gustave, THE GRAND BUDAPEST HOTEL

Siffrornas regler

Sifferuppgifter i löpande text bör bokstaveras upp till tolv. I andra fall ska de helst sättas med gemena siffror (också kallade medievalsiffror, Old style figures eller textsiffror). Om bara tabellsiffror (versala siffror) finns, ska de helst sättas med i en grad mindre än texten i övrigt. Siffrornas inbördes avstånd kan behöva kernas manuellt. Undvik att inleda nytt stycke med siffror - texter bör alltid börja med stor bokstav i ett fullständigt ord.

33 Ett, två, tre, fyra, fem, sex, sju, åtta, nio, tio, elva, tolv, 13, 14, 15, 16, 17... Exempel på hur siffror bör skrivas i löpande text.

Färgade plattor

Färgade plattor (till exempel istället för ramar) eller sidor kan användas för att hålla samman materialet eller som stämningsvärde. De bör användas med stor försiktighet. Tonen skall alltid hållas ljus. Om man sätter svart text i läsgrader bör en grå tonplatta inte ha mer än tio procent svart rasterton. Om man använder färg, speciellt när det gäller rött eller blått, i samma sammanhang bör de vara svaga. Text med tonad bakgrund bör helst sättas med större grad. Mönstrade bakgrunder med starka kontraster är en oacceptabel störning för läsligheten, men en bakgrund som består av ljusa mönster kan godtas om texttrycket görs kraftfullt kontrasterande.

35 What do you think I was doing the whole time you were out there man? I told you Dignan got fired, out on his ass. But you didn’t think about that, did you. In the end it’s easier to think about yourself than it is to think about Dignan.

Exempel på text i en färgad platta.

Dignan, BOTTLE ROCKET

Färgad text

Färgad text måste vara tillräckligt mörk och färgen mättad, så att den avtecknar sig mot bakgrunden med stor kontrast. Negativ (vit) text i tonplatta eller bild är till nackdel för läsningen, även om bakgrunden är mörk och mättad. Om man ändå vill pröva: sätt texten i en större grad, undvik typsnitt med serifer och använd gärna en fetare variant.

Redemption? Sure. But in the end, he’s just another dead rat in a garbage pail behind a Chinese restaurant. Exempel på hur text bör se ut mot mörk tonplatta.

Mr. Fox, FANTASTIC MR.FOX

Papperets kvalitet

Papperets kvalitet och färgton påverkar läsligheten. Med en matt yta undviker man reflexer och hög opacitet förhindrar att baksidans och följande sidans text lyser igenom. En lätt gultoning underlättar vid sträckläsning. Färghållningen vid tryckning bör inte vara alltför svart eller ljus.

39 That's the Perfect Attendance Award and the Punctuality Award. I got those at Rushmore. I thought you could choose which one you like more, and you could wear one and I could wear the other.

Exempel p책 papper med gultoning.

Max Fischer, RUSHMORE

Efterord

Texten i alla exempel (förutom på sida 9, 23, 29 och 33) är tagna från dialogen i Wes Andersons filmer “Bottle Rocket”(1996), “Rushmore”(1998), “The Royal Tenenbaums”(2001), “Life Aquatic”(2004), “Darjeeling Limited”(2007), “Fantastic Mr.Fox”(2009), “Moonrise Kingdom”(2012) och “The Grand Budapest Hotel”(2014). Karaktären som säger det och filmens namn står längst ner i högra hörnet på varje uppslag.

Tryckort: Sundsvall 2016-03-14 Tryckeri: Mittuniversitetet Typsnitt: Rubriker (Century Gothic 26 pt), Brödtext (Book Antiqua 10 pt), Bildtext (Century Gothic 9 pt) Papper: Scandia 2000 vit 170 g Illustratör: Sam Svensson Formgivare: Sam Svensson Texten är hämtad ur Gerold Proppers kopendium: Typografisk Design med tillägg av Anna-Lena Ekenryd och Jesper Gernes Formatet: Enkelt upplägg, med tydliga exempel. Tar inte allt för stor plats.

SAMDESIGN