GuideGuide: Een gratis plugin voor het werken met grids in photoshop
Geschreven door Kevin van Beers dinsdag, 31 januari 2012 15:01
Er word je gevraagd om een multi-column website ontwerp te maken. Hoe ga je dat aanpakken? Er zijn verschillende methodes die door ontwerpers worden gebruikt. Sommige designers slepen wat guides op het canvas en plaatsen deze op het oog zodat er kolommen ontstaan. Weer andere designers gebruiken vector afbeeldingen om de kolommen te creëren. Designers zijn er om te ontwerpen en niet om hun wiskundige kennis ten toon te stellen.
Als we een wiskundige formule van zouden maken dan zou deze is ongeveer zo uitzien:
(siteWidth - (gutterWidth × (numberOfColumns - 1) ) ÷ numberOfColumns = columnWidth))
Zou het niet handig zijn als er een tool of plugin beschikbaar zou zijn die dat voor je kon uitrekenen?
GuideGuide
GuideGuide is een photoshop plugin die je in staat stelt om heel makkelijk een multi-column grid te creëren op je canvas. Voer slechts een paar waarden in en de grids (kolommen) worden automatisch geplaatst.
Je hoeft het natuurlijk niet alleen voor een column layout te gebruiken. Je kunt GuideGuide onder andere gebruiken voor:
- Line-height (Creeër rijen van grids zodat je de line-height van elementen kunt visualiseren)
- Midpoints (Het word extreem makkelijk om het middelpunt van een element te bepalen)
- Padding (Wil je padding creëren maar wil je niet precies uitrekenen hoeveel het moet zijn? Vul simpelweg een negatieve margin in en de padding word netjes om het selecteerde element gezet)
Je kunt hier GuideGuide downloaden voor photoshop CS4 en CS5.
