Praktiska tips för att utnyttja textkolumner i dina layouter

Att utforma runt stora block av typ kan vara tufft och fler designers tar "färre-är-bättre"? närma sig när man arbetar med kolumner och stora block av text. När du använder en typmassa, t.ex. i en bok, textbelastad webbplats eller ett skrivprojekt, är mycket av betoningen mer på läsbarheten än det faktiska utseendet på typen.

Teckensnitt är viktiga men ännu viktigare kan vara antalet kolumner som används i kombination med orden. Antalet kolumner du använder i ett projekt kan variera beroende på ett antal faktorer som typsnitt och stil, typ av projekt, typsnittstorlek och rännbredd och andel andra delar.

Gilla artikeln? Var noga med att prenumerera på vårt RSS-flöde och följ oss på Twitter för att hålla dig uppdaterat om det senaste innehållet.

Typsnitt och stil

Det första som ska beaktas när man funderar på hur många kolumner som ska användas är fontval och hur mycket typ projektet innehåller. Tänk på extrafunktioner som du vill använda, till exempel dropphuvud, streck och streck och punktavstånd.

Typstilen är också en faktor. Serif och sans serif typsnitt är de vanligaste används i block av typ på grund av deras utmärkta läsbarhet i olika storlekar. Projekt som använder gammalengelska, skript eller nyhetstyper använde sällan flera kolumnlayouter eller stora textblock.

Många utskrifts- och webbdesigner som du ser idag använder en enkel enkelkolonndesign för huvudtextelementet. De flesta tryckta böcker använder en kolumn med text per sida, men det var inte alltid trenden. Många äldre inbundna böcker innehåller två kolumner text per sida; flera kolumnformat används fortfarande ofta för böcker som ordböcker och almanackor. Att använda en enda kolumn för typ på webbplatser är att föredra så att typen är lätt att läsa när du rullar ner sidan.

Flera kolumnlayouter är bäst reserverade för applikationer som kan ses samtidigt, t.ex. i utskriftsprojekt eller för e-läsare. Flera kolonnutformningar används mest av tidnings- och tidskriftsförlag och i nyhetsbrev.

Typ av projekt

Användning av kolumner i utskriftsprojekt kan variera kraftigt och hur du använder kolumner kan förmedla en viss känsla. Enstaka kolonnmönster tenderar att känna sig mer öppna och inbjudande, till exempel den här 1970-talets annons från Caterpillar. Observera att det mesta av utrymmet används för en bild och inte själva texten.

Att använda flera mager kolumner kan känna sig överväldigande och trångt, till exempel en sida från en ordlista men har ett distinkt syfte. Texten är inte avsedd att läsas som helhet och används för att skumma korta bitar av information.

Tidnings- och magasinlayouter använder också flera kolumnlayouter med mycket text. Wall Street Journal har använt samma sex-kolumnlayout i årtionden med bara små tweaks till layouten, till exempel tillägg av färg och foton. Kolumnerna håller liten typ (vanligen endast 9 till 11 poäng) organiseras på ett sätt som är lätt att läsa och lägger till order på en sida med många textelement som inte kan relatera till varandra.

Tidskrifter använder också flera kolumnlayouter men brukar använda större kolumnbredder och typstorlekar, till exempel denna layout från The Irish Times Magazine.

I webbprojekt, tänk på det utrymme som är tillgängligt för text. Många webblayouter är indelade i två eller tre kolumner innan du ens tar med text i mixen. Den största av dessa kolumner är reserverad för webbplatsens kropp och detta utrymme du faktiskt måste arbeta med. Tänk på elementen nedanför bannern: Finns det en kolumn med annonser som går ner längs en sida av sidan? Inkluderade du navigationselement i en kolumn också?

En gång normen har de tre kolumnen mallats av många webbplatser som nu använder en tvåkolonnemodell, inklusive här hos Design Shack och ESPN. Denna modell tillåter en bredare kolumn för textens huvudkolumn men lämnar lite utrymme för flera kolumntextlayouter, som är reserverade för ännu större utrymmen.

Teckenstorlek och rännbredd

Även om de flesta moderna bokutgivare väljer ett enda kolumnformat, notera att storleken på typen tenderar att variera kraftigt mellan inbundna, pappersbundna och e-upplagda böcker. Denna varians i typstorlek rymmer stilen med en kolumn eftersom texten är proportionell mot kolumnbredden. Det mest anmärkningsvärda undantaget är i ordböcker och almanackor, där mycket små teckenstorlekar används med massiva textblock i flera kolumner per sida.

Kolumner som är för breda kan påverka ögat, vilket gör texten svår att läsa. Kolumner som är för tunna kan orsaka udda raster och överdriven textförklaring. Kindle-applikationen för Apples iPad har löst problemet genom att byta från ett enda kolumnformat när det används vertikalt, men använder två kolumner när iPad är vänd för att lättare kunna läsa.

Som en tumregel i utskriftsprojekt borde bredden på varje kolumn (i picas) vara så bred eller bredare än teckens punktstorlek. I stora textblock ska teckensnittstorleken inte överskrida kolumnbredden.

Det finns inte lika tydlig skärning av en regel för webbdesign. Många designers väljer 12 eller 14 poäng för kroppskopia oavsett kolumnbredd. Om du har en smal kolumn för kopia (500 pixlar eller mindre) väljer du den mindre storleken. Bredare kolumner kan hantera 14-punkts typ snyggt, utan för många besvärliga raster. Om du letar efter något mer konkret, kolla Pearsonifieds Golden Ratio Typography.

Utrymmet mellan varje kolumn kan bestämma läsbarheten av texten. Observera betoningen på takrännor i annonsen från Eico Stereo ovan. De stora utrymmena mellan kolumner som innehåller stor mängd text gör kolumnerna mindre skrämmande för ögat och lättare att läsa. På en vanlig tidningssida är textkolumner mellan 10 och 13 picas breda och har en 1 pica-rännan. Tidningar använder också liknande specifikationer.Detta utrymme separerar kolumner så att det är lätt att läsa över varje linje till slutet och sedan och ner till nästa utan att hoppa över till nästa kolumn och orsaka förvirring. Större textstorlekar och större kolonnbredder kräver större rännor. Liksom med kolumner bör en konsistent rännbredd användas under ett projekt.

Andel andra delar

När du bestämmer hur många kolumner som är bäst för ett projekt, tänk på mer än bara text. Icke-textelement som omger kopian kan vara lika viktiga.

Tänk på de andra objekten som kommer att röra vid varje kolumn text. Planerar du att lägga till små bilder eller textbrytningar? Tänk också på storleken och vikten på andra objekt. I utskriftsprojekt kan storleken, vikten och färgen på annan text som omger varje kolumn, påverka din text. I webbprojekt gäller samma sak för objekt på båda sidor av huvudkopian, plus ta hänsyn till animerade effekter. Ju mer du har pågått runt varje kolumn av typ motsvarar vikten av att använda en strömlinjeformad och enkel typ i varje kolumn. De extra effekterna i arbetsytan kan också diktera den använda teckensnittstorleken. Så att kropptexten behåller sin egen identitet, sätter den i en storlek och ett teckensnitt som står i kontrast till andra element.

Med något projekt, plocka en bredd för kolumner och hålla fast vid det. Inställningstyp i varierande kolumnbredder inom ett enda dokument kan krossas. Försök att undvika att lägga in text runt för många stora objekt som ändrar kolonnernas visuella storlek. Detta kan göra text svårt att läsa, vilket orsakar dåliga raster och överdriven ordalydelse.

Slutsats

Utskriftsdesigners tar en lektion från nätet och börjar arbeta med färre men bredare kolumner i sina layouter. Detta framgår av bokförlag, tidskrifter och till och med några tidningar. Välj att använda en enda kolumn på mer vertikala projekt bredd är ett problem eller i de flesta webbapplikationer med stora textblock.

Mönster med flera kolonner fungerar bäst för mindre teckensnitt i konstruktionssituationer där ett helt projekt eller textblock kan ses med en blick, vilket gör att flera kolonnlayouter är mindre vanliga i webbdesign på grund av rullningen. Tänk på din publik, vilken typ som ska läsas och teckenstorleken när du planerar en layout som använder ett format med flera kolumner.

Bildkällor: nesster, nesster, quinn.anya, cliff1066 och fearghalonuallain.