960px grid
Hallo,
Wie van jullie gebruikt een 960px grid als je in Photoshop een design voor een website maakt? En welke grid gebruik je dan? Er zijn namelijk diverse varianten.
Ik ben ook benieuwd wat daadwerkelijk het voordeel is van zo'n grid en hoe het werkt. Is het zo dat je bijvoorbeeld zegt, ik plaats alle elementen 20px van de kant en tussen alle elementen onderling hou ik 20px ruimte? Of gaat het verder dan dat?
Kortom, wat is nu eigenlijk daadwerkelijk het voordeel van zo'n grid?
Wie van jullie gebruikt een 960px grid als je in Photoshop een design voor een website maakt? En welke grid gebruik je dan? Er zijn namelijk diverse varianten.
Ik ben ook benieuwd wat daadwerkelijk het voordeel is van zo'n grid en hoe het werkt. Is het zo dat je bijvoorbeeld zegt, ik plaats alle elementen 20px van de kant en tussen alle elementen onderling hou ik 20px ruimte? Of gaat het verder dan dat?
Kortom, wat is nu eigenlijk daadwerkelijk het voordeel van zo'n grid?
Gewijzigd op 12/02/2012 10:13:54 door Ozzie PHP
Het voordeel van zo'n grid is dat je verschillende breedtes makkelijk aan een element kan stoppen. Ik maak er wel gebruik van.
Ik vind 960gs niet geweldig. Ik hou meer van 978gs. Waarom? Omdat je daar niet van die onnodige ruimte links en rechts hebt in het grid system en omdat een content van 940px breed een beetje klein aan het worden is.
Een voorbeeldje van het voordeel kun je bijv. hier vinden: http://www.webdesignerwall.com/demo/simpler-grid/978grid.html Je kan er heel simpel en snel strakke en precies dezelfde blokken mee tekenen.
Wat handige site's omtrent grid systems:
- http://978.gs/browsers/ Hiermee zie je voor welke resolutie je welk grid system moet gebruiken, en zelfs voor smartphones en tablets
- http://978.gs/demo/ De betere versie van de link hiervoor
- http://grids.heroku.com/ Dit is een generator waarmee je je eigen grid kan maken en vervolgens snel een CSS file kan downloaden
- http://griddle.it/ Handig als je met grids aan de slag gaat in je HTML/CSS werk en je het grid system op de achtergrond wilt hebben.
Ik vind 960gs niet geweldig. Ik hou meer van 978gs. Waarom? Omdat je daar niet van die onnodige ruimte links en rechts hebt in het grid system en omdat een content van 940px breed een beetje klein aan het worden is.
Een voorbeeldje van het voordeel kun je bijv. hier vinden: http://www.webdesignerwall.com/demo/simpler-grid/978grid.html Je kan er heel simpel en snel strakke en precies dezelfde blokken mee tekenen.
Wat handige site's omtrent grid systems:
- http://978.gs/browsers/ Hiermee zie je voor welke resolutie je welk grid system moet gebruiken, en zelfs voor smartphones en tablets
- http://978.gs/demo/ De betere versie van de link hiervoor
- http://grids.heroku.com/ Dit is een generator waarmee je je eigen grid kan maken en vervolgens snel een CSS file kan downloaden
- http://griddle.it/ Handig als je met grids aan de slag gaat in je HTML/CSS werk en je het grid system op de achtergrond wilt hebben.
Gewijzigd op 12/02/2012 13:11:20 door Wouter J
Wouter, kun je dit eens uitleggen "Je kan er heel simpel en snel strakke en precies dezelfde blokken mee tekenen." Ik zie wel allerlei "blokken" staan die meerdere keren terugkomen, maar ik snap het verband niet echt...
Een grid systeem is heel geordend. Je hebt vaste breedtes tussen elementen en elementen hebben ook weer vaste breedtes/hoogtes. Alles zit mooi en keurig in een grid systeem.
Het voordeel daarvan is dat je website een stuk professioneler oogt. Het oogt minder ongeordend en het is overzichtelijker om te lezen.
Ook qua design is het een stuk makkelijker. Eerst zou je elke div een aparte width/height moeten geven, met een grid systeem is dit overbodig.
Ik weet niet precies hoe je zoiets moet uitleggen. Je moet het gewoon eens proberen. Maak eens een site met een grid systeem en kijk of het je bevalt.
Het voordeel daarvan is dat je website een stuk professioneler oogt. Het oogt minder ongeordend en het is overzichtelijker om te lezen.
Ook qua design is het een stuk makkelijker. Eerst zou je elke div een aparte width/height moeten geven, met een grid systeem is dit overbodig.
Ik weet niet precies hoe je zoiets moet uitleggen. Je moet het gewoon eens proberen. Maak eens een site met een grid systeem en kijk of het je bevalt.
Gewijzigd op 12/02/2012 21:37:53 door Wouter J
Maar ik snap niet zo goed hoe het werkt :-s
Die grid importeer ik in Photoshop en dan is het een kwestie van overtrekken ofzo??? Hoe gebruik je zo'n grid?
Die grid importeer ik in Photoshop en dan is het een kwestie van overtrekken ofzo??? Hoe gebruik je zo'n grid?
Ik raad aan om de 978 grid system te downloaden. Deze heeft de meest gebruikte grid systemen in zich met de CSS bestanden en Photoshop actions/files.
De Photoshop bestanden zijn heel simpel. Ze creëren hulplijnen voor je. Hiermee kun je in Photoshop elementen exact en netjes uitlijnen.
Deze hulplijnen kun je creëren door de Photoshop file te openen en daar je website omheen te bouwen. Maar je kunt ook gebruik maken van Photoshop actions. Hiermee kun je in je huidige site de hulplijnen automatisch laten tekenen.
De Photoshop bestanden zijn heel simpel. Ze creëren hulplijnen voor je. Hiermee kun je in Photoshop elementen exact en netjes uitlijnen.
Deze hulplijnen kun je creëren door de Photoshop file te openen en daar je website omheen te bouwen. Maar je kunt ook gebruik maken van Photoshop actions. Hiermee kun je in je huidige site de hulplijnen automatisch laten tekenen.
Ah oké. Maar vind jij zelf dat het echt iets toevoegt? Gebruik je het altijd? Ik heb zo'n grid nog nooit gebruikt en ik vraag me af of ik het echt nodig heb. Gaat het me echt voordeel opleveren? Dat is me nog steeds niet helemaal duidelijk. Ik hanteer als ik zelf een site maak ook vaste breedtes tussen elementen, dus ik ben dan benieuwd wat zo'n grid aan "extra's" oplevert. Ben ook wel benieuwd of er nog meer mensen zijn die zo'n grid gebruiken...
Ik zelf maak geen gebruik van grids, ik vind het een beetje overbodig bij ontwerpen.
Bij ontwerpen wil je juist iets nieuws maken. Ik zorg er gewoon voor dat een ontwerp binnen uiteindelijk binnen 990px valt.
Bij ontwerpen wil je juist iets nieuws maken. Ik zorg er gewoon voor dat een ontwerp binnen uiteindelijk binnen 990px valt.
Oké thanks voor je toevoeging HJ. Ik zie zelf ook nog niet helemaal het voordeel, maar ik kom het vaak tegen. Vandaar mijn vraag wat het nou precies toevoegt.




