Skip to content

Använda gallersystemet i grafisk design

15 de augusti de 2021
website design 184110047 5a5c495f7d4be800372e0119

Gridsystemet som används i den grafiska designprocessen är ett sätt att organisera innehåll på en sida. Den använder valfri kombination av marginaler, guider, rader och kolumner för att bilda ett enhetligt arrangemang. Det är mest tydligt i tidnings- och tidskriftslayouter med kolumner med text och bilder, även om designers använder det i många andra projekt också. När du lär dig att känna igen rutnätet kommer du att märka det överallt i reklam, webbplatser, förpackningar och mer.

Använda rutnät i dina mönster

Ett rutsystem kan vara ett enda rutnät eller en samling rutnät. Vissa är standard för branschen; andra är i fri form och upp till designern. I en färdig produkt är rutnätet osynligt, men att följa det hjälper till att skapa effektiva, estetiskt tilltalande tryck- och webblayouter.

Till exempel, när du utformar baksidan av ett vykort, kommer du att använda det amerikanska postkontorets standardnät. En sektion på höger sida är avsedd för adressen, och stämpeln måste finnas i den övre högra delen av detta utrymme. Du måste lämna vitt utrymme längs botten där USPS kommer att placera sitt streckkodssystem. Detta lämnar dig med ett litet avsnitt till vänster för din design och text.

Exempel på ett rutnät i sidlayout

Rutnätenheterna är där du placerar text och grafik. Marginaler, gränder och rännor är vanligtvis tomt utrymme i rutnätet.

Webbplatser och broschyrer följer vanligtvis några vanliga rutnätssystem som ligger till grund för mallar. En av de mest populära för båda projekten är rubriken och tre-kolumnlayouten. Det är mycket bekant för betraktaren och kan vara ett enkelt sätt att få en start på din design.

CSS Grid Layout - rutnätskolumner och rader

När du utformar webbplatser eller flersidig utskriftsmaterial, överväga att hålla en samling rutnät att arbeta med. Varje rutnät i en given design bör vara relaterat, men de kan vara olika. Detta gör att du kan anpassa informationen för en sida till en mer lämplig layout utan att äventyra det konsekventa utseendet och känslan som en fantastisk design kräver.

Typer av rutnät

Rutnätslayouter är lika varierade som de publikationer, webbplatser och objekt de styr. Vanliga typer inkluderar lika stora två-, tre- och fyrkolumnade rutnät med en rubrik överst, samt helsides rutnät med rutor. Från dessa byggstenar skapar variationerna av kolumnbredder, ramar, sidstorlekar och andra funktioner unika siddesigner. När du startar ett projekt eller till och med bara övar, prova att använda ett rutsystem för att placera elementen i din design på sidan.

1629041413 103 Anvanda gallersystemet i grafisk design Rutnät i Photoshop CS6″ class=”lazyload” id=”mntl-sc-block-image_1-0-19″ >

De flesta grafiska designappar och program erbjuder möjlighet att använda rutnätsöverlägg som vägledningar för innehållsplacering.

Bryter ut ur gallret

När nätet väl är etablerat är det upp till designern när och hur man ska bryta sig ur det. Detta betyder inte att man ignorerar rutnätet; element kan snarare korsa över från kolumn till kolumn, sträcka sig till slutet av sidan eller sträcka sig mot intilliggande sidor. Faktum är att börja med ett rutnät och sedan bryta ut det kan leda till intressanta siddesigner. Detta är en vanlig metod i modern tidningsdesign.