Automatiser din netdesignproces med GridGuide
Det første store trin i ethvert website design er at vælge et net. Dette definerer typisk sidens maksimale bredde sammen med hvor mange interne kolonner og gutters der vil blive brugt til at opdele layoutet.
Du kan prøve at opbygge din egen, men det bedste værktøj til dette job er GridGuide. Det er en helt gratis webapp der automatiserer gridgenerering til enhver hjemmeside uanset størrelse.
Indsæt kun din ønskede maks bredde efterfulgt af antallet af kolonner, du vil have. Typisk skal disse to tal være delelige, så det er en god idé at undgå primtal. Her er nogle almindelige maksbredder for websites:
- 1100px med 12 kolonner
- 1200px med 8/12 kolonner
- 1240px med 8/12 kolonner
- 1440px ved 8/10/12 kolonner
- 1600px ved 8/10/12 kolonner
Der er absolut ingen forkert svar her. Du kan Vælg enhver bredde og så længe den er jævnt delelig med antallet af kolonner så er du god til at gå.
GridGuide er en smart webapp, så det automatisk opdateres, når du indtaster en værdi i inputfeltet. Så som du justerer tallene øverst vil du bemærke grid previews ændres automatisk.
Jeg plejede at stole på Photoshop for dette job, og det kørte mig batty. Ærligt at oprette et gitter er et af de mest frustrerende skridt, når du designer et nyt websted, og at få numrene pixel-perfekt kan være irriterende.
Men GridGuide er fuldstændig automatiseret, og det giver dig mange forskellige netværktøjer baseret på forskellige søjlestørrelser og rendebredder.
Du kan endda download et fuldt PNG-billede af det net, du vælger at importere til Photoshop. Dette vil spare meget tid så du genopretter ikke gitter med formværktøjer fra bunden.
Og hvis du kan lide en bestemt gitterstil, kan du generere et aktielink til bogmærke til senere eller dele med andre på internettet.
For et værktøj, der er helt gratis og så nemt at bruge, må det være min top anbefaling for hver enkelt webdesigner. Hvis du kæmper med grids og hader at designe din egen, så er GridGuide en must-have ressource i din værktøjskasse.
