Automatiseer uw grid ontwerpproces met GridGuide
De eerste grote stap in het ontwerpen van een website is het kiezen van een raster. Dit definieert meestal de maximale breedte van de pagina, samen met hoeveel interne kolommen en dakgoten zullen worden gebruikt om de lay-out te verdelen.
U kunt proberen uw eigen te bouwen, maar de beste tool voor deze taak is GridGuide. Het is een volledig gratis webapp die automatiseert volledig de netwerkgeneratie voor elke website, ongeacht de grootte.
Zet gewoon je gewenste max. Breedte in, gevolgd door het aantal kolommen dat je wilt. Meestal moeten deze twee cijfers deelbaar zijn, dus het is een goed idee priemgetallen te vermijden. Hier zijn enkele gemeenschappelijke max-breedtes voor websites:
- 1100 px bij 12 kolommen
- 1200 pixels bij 8/12 kolommen
- 1240px bij 8/12 kolommen
- Kolommen van 1440px bij 8/10/12
- 1600px bij 8/10/12 kolommen
Er is absoluut geen fout antwoord hier. Jij kan kies elke breedte en zolang deze gelijk verdeeld is door het aantal kolommen dan ben je goed om te gaan.
GridGuide is een pittige webapp die automatisch wordt bijgewerkt zodra je een waarde invoert in het invoerveld. Dus terwijl u de cijfers bovenaan aanpast, zult u de rastervoorbeelden veranderen automatisch.
Ik vertrouwde voor deze taak altijd op Photoshop en het dreef me vlezig. Eerlijk een rooster maken is een van de meest frustrerende stappen bij het ontwerpen van een nieuwe website, en het raken van de cijfers pixel-perfect kan razend zijn.
Maar GridGuide is volledig geautomatiseerd en biedt u veel verschillende rasteropties op basis van verschillende kolomgrootten en gootbreedten.
Je kan zelfs download een volledige PNG-afbeelding van het raster dat u wilt importeren in Photoshop. Dit zal bespaar veel tijd dus je maakt rasters helemaal niet opnieuw met vormgereedschap.
En als u van een bepaalde rasterstijl houdt, kunt u een deelkoppeling genereren om later een bladwijzer voor te maken of om te delen met anderen op internet.
Voor een tool die volledig gratis is en zo gemakkelijk te gebruiken, moet dit mijn belangrijkste aanbeveling zijn voor elke webdesigner. Als je worstelt met rasters en je eigen ontwerpen haat, dan is GridGuide een onmisbaar hulpmiddel in je gereedschapskist.
