Automatisera din Grid Design Process med GridGuide
Det första stora steget i vilken webbdesign som helst är att välja ett nät. Detta definierar typiskt sidans maximala bredd tillsammans med hur många interna kolumner och takrutter som ska användas för att dela upp layouten.
Du kan försöka bygga din egen, men det bästa verktyget för detta jobb är GridGuide. Det är en helt gratis webapp som automatiserar gridgenerering helt för alla webbplatser oavsett storlek.
Ange bara önskad max bredd följt av antalet kolumner du vill ha. Vanligtvis skulle dessa två siffror vara delbara, så det är en bra idé att undvika primtal. Här är några vanliga maxbredder för webbplatser:
- 1100px med 12 kolumner
- 1200px med 8/12 kolumner
- 1240px med 8/12 kolumner
- 1440px senast 8/10/12 kolumner
- 1600px senast 8/10/12 kolumner
Det finns absolut inget fel svar här. Du kan välj vilken bredd som helst och så länge den är jämnt delbar med antalet kolumner då är du bra att gå.
GridGuide är en snygg webapp så det automatiskt uppdateras när du anger ett värde i inmatningsfältet. Så som du justerar siffrorna längst upp märker du Grid previews ändras automatiskt.
Jag brukade förlita mig på Photoshop för det här jobbet och det körde mig bra. Ärligt skapande av ett nät är ett av de mest frustrerande stegen vid utformningen av en ny webbplats, och att få siffrorna pixel-perfekt kan vara smutsiga.
Men GridGuide är helt automatiserad och det ger dig många olika rutnätalternativ baserat på olika kolonnstorlekar och takrännor.
Du kan till och med ladda ner en fullständig PNG-bild av gallret du väljer att importera till Photoshop. Det här kommer att spara mycket tid så att du inte skapar nycklar med formverktyg från början.
Och om du gillar en viss gallerstil kan du skapa en länk till bokmärke för senare eller att dela med andra på webben.
För ett verktyg som är helt gratis och så lätt att använda måste detta vara min bästa rekommendation för varje webbdesigner. Om du kämpar med nät och hatar att designa din egen är GridGuide en måste-resurs i din verktygslåda.
