The Grid: The Structure of Design

Övrig

När jag gjorde research på webben för den här kolumnen stötte jag på en professorns handout om designgrunderna. Ledarstycket talar om att tillämpa grundläggande designprinciper varje gång du designar en sida. Han säger: 'Om du följer dem kommer dina sidor att ha konsekvent ljuddesign. Brott mot dem ofta, och du kommer att leta efter en annan arbetslinje.'

Det är en trubbig slutsats. Även om det är lite dramatiskt, gillar jag bravader. Att ha en stark grund i designprinciper kommer göra dig till en bättre designer.

Att använda ett rutnät är en av dessa grundläggande designprinciper. De flesta nyhetsdesigners arbetar med ett rutnät som någon annan har designat. Oavsett vad du tycker om det måste du förstå hur du använder det. Och någon gång i din karriär kommer du sannolikt att bli uppmanad att skapa ett rutnät för ett nytt avsnitt, eller att göra en omdesign för ett papper.

Ett rutnät består av vertikala och horisontella linjer och är grunden för nästan alla typer av visuella medier. Strukturen är till för att forma innehållet till proportioner som är tilltalande för ögat. Användningen av nätet är inget nytt. Konstnärer har använt rutnätsstrukturen i århundraden.

I den här kolumnen kommer jag inte att fördjupa mig i rutnätets historia. Men historien är användbar. Se länklistan längst ner för mer information. Detta är en guide för att skapa och använda ett rutnät.

Det finns många överväganden du måste ta hänsyn till innan du sätter dig ner och ritar ut ett rutnät. Vem är publiken? Vad är tidningens röst? Vilka storlekar på typsnitt planerar vi att använda? Vilka är våra standardannonsstorlekar? Hur kan jag göra innehållet mest läsbart? Listan fortsätter.

När du har svarat på dessa frågor kan du bygga en grund som strukturerar innehållet samtidigt som du är flexibel. Vad är nätets viktigaste uppgift? Att vara ett osynligt element som ger struktur och konsekvens till ditt innehåll.

Några saker att tänka på:
• Du kan ha mer än ett rutnät. Din förstasida kan baseras på ett rutnät med fem kolumner medan insidan med annonser i en sex kolumn. Det finns ingen rätt väg.

• För att lägga till flexibilitet kan du dela upp rutnätet i 10 eller 12 kolumner. Halvkolumner är ett bra ställe att förankra muggbilder, referenser och annan information.

• Tänk på rutnätet inte bara vertikalt utan också horisontellt.

• Bygg i vitt utrymme. Detta kan vara ett hett ämne på redaktioner, men beviset finns i prototypen. Att bara lägga till lite mer utrymme i gränder/rännor och mellan berättelser kommer att lägga till betoning på berättelsen och förbättra läsbarheten.

Broadsheet Grids
Rutnät för broadsheet-sidor kan variera från ett grundläggande rutnät med fem eller sex kolumner, till mer invecklade rutnät som delas upp i halvkolumner eller rutnät inom rutnät. Många tidningar har gått till en 50-tums webb i ett försök att minska användningen av tidningspapper. Det smalare formatet kan ha sina utmaningar, speciellt om du har mandat att använda sju kolumner, men alla utmaningar kan övervinnas genom hur du skapar arkitekturen för ditt rutnät. Läs mer om anpassning till 50-tums webben i detta stycke av Warren Watson från American Press Institute.

Att använda ett vertikalt och horisontellt rutnät är idealiskt för att skapa en produkt med ett konsekvent rent utseende.

Den här detaljen i det horisontella rutnätet visar hur element justeras på baslinjerutnätet. Detta är ett förenklat sätt att använda ett horisontellt rutnät, men ändå effektivt. I tabloid- eller tidningsformat är det ofta en större användning av horisontella rutnät, som man kan se i exemplet med Clarin/VIVA från Argentina.

Om du kör kampanjer längst ned eller överst på sidan, kan rutnätet delas upp ytterligare till 20 kolumner för att lägga till flexibilitet och samtidigt behålla konsistensen. Om kampanjer går längs sidan av din sida, lita på din horisontella struktur för att styra dessa element.






Reklam är vanligtvis inställd för att fungera på ett rutnät med sex kolumner. Vissa tidningar använder dock ett rutnät med fem kolumner för öppna sidor. Det bredare kolumnmåttet tillåter fler tecken per rad, vilket underlättar läsbarheten. Detta är särskilt ett problem för papper som använder en smalare 50-tums bana.



Jag hoppas att denna mycket grundläggande översikt är till hjälp för dig, och snälla dela dina erfarenheter i feedbackområdet.

RESURSER
Det är svårt att hitta böcker som granskar rutnät i detalj, särskilt för tidningar. Listan nedan innehåller böcker som jag har funnit användbara för att förstå detta viktiga designelement.

Rutnätet av Allen Hurlburt
En klassiker som är lätt att hitta hos onlinebokhandlare.
ISBN: 047128923X

Hur man designar rutnät av Alan Swann
Slutsåld, men kan hittas via begagnade bokhandlare online.

Tidningsdesignerns handbok, av Tim Harrower
Information om boken och var man kan få tag på den finns på http://www.timharrower.com/handbook.htm

Gridsystem i grafisk design av Josef Muller-Brockmann.
Jag har inte läst den här boken, men den får bra recensioner.
ISBN: 3721201450

Geometri i design: Studier i proportion och komposition av Kimberly Elam
En bra historielektion och en bra förklaring av förhållandet mellan proportioner i design och natur. Ett bra köp också.
ISBN: 1568982496

En historia om grafisk design av Philip Meggs
Om du inte har läst den, läs den. Om du har, läs den igen.
ISBN: 0471291986