Automatizujte proces tvorby siete pomocou GridGuide
Prvým hlavným krokom každého dizajnu webových stránok je vyberanie siete. Toto typicky definuje maximálnu šírku stránky spolu s množstvom vnútorných stĺpcov a žľabov, ktoré sa použijú na rozdelenie rozloženia.
Môžete skúsiť vytvoriť si vlastný, ale najlepší nástroj pre túto prácu je GridGuide. Je to úplne zadarmo webapp to plne automatizuje generovanie siete pre akékoľvek webové stránky bez ohľadu na veľkosť.
Stačí vložiť požadovanú maximálnu šírku a potom počet požadovaných stĺpcov. Obvykle by tieto dve čísla mali byť deliteľné, takže je dobré sa vyhnúť prvočíselným číslam. Tu sú niektoré bežné maximálne šírky pre webové stránky:
- 1100 x 12 stĺpcov
- Stĺpce 1200 x 8/12
- Stĺpce 1240px po 8/12
- 1440px do 8/10/12 stĺpcov
- 1600px do 8/10/12 stĺpcov
Tu nie je úplne žiadna chybná odpoveď. Môžeš vyberať akúkoľvek šírku a pokiaľ je rovnomerne deliteľné počtom stĺpcov potom ste dobré ísť.
GridGuide je elegantný webapp, takže sa automaticky aktualizuje po zadaní hodnoty do vstupného poľa. Takže keď nastavíte čísla na vrchu, všimnete si to Náhľady mriežky sa automaticky menia.
Spočiatku som spoliehal na Photoshop pre túto prácu a to ma vyhnalo. Úprimne vytvoriť mriežku je jeden z najviac frustrujúce kroky pri navrhovaní novej webovej stránky, a získať čísla pixel-dokonalý môže byť rozzuřujúci.
Ale GridGuide je úplne automatizovaný a ponúka veľa rôznych možností mriežky založených na rôznych veľkostiach stĺpcov a šírkach žľabov.
Môžete dokonca Stiahnite si úplný obrázok PNG o mriežke, ktorú sa rozhodnete importovať do programu Photoshop. Toto bude ušetrite veľa času takže nemusíte znovu vytvárať mriežky s tvarovými nástrojmi od začiatku.
A ak sa vám páči určitý štýl mriežky, môžete vygenerovať odkaz na zdieľanie na záložku pre neskoršie alebo zdieľať s ostatnými na webe.
Pre nástroj, ktorý je úplne zadarmo a ľahko sa používa, musí to byť moje najlepšie odporúčanie pre každého web dizajnéra. Ak bojujete s mriežkami a nenávisťou navrhovaním vlastných, GridGuide je nevyhnutným zdrojom vo vašom nástroji.
