Automatizálja a Grid tervezési folyamatát a GridGuide programmal
Bármely weboldal tervezésének első nagy lépése a rács kiválasztása. Ez általában meghatározza az oldal maximális szélességét, valamint azt, hogy hány belső oszlopot és csatornát használnak az elrendezés megosztására.
Megpróbálhatod megépíteni a sajátodat, de a legjobb eszköz erre a feladatra a GridGuide. Ez teljesen ingyenes webapp teljes körűen automatizálja a hálózat generálását bármilyen webhelytől függetlenül méretétől.
Csak adja meg a kívánt maximális szélességet, majd a kívánt oszlopok számát. Általában ezek a két szám oszthatónak kell lennie, ezért jó ötlet a prímszámok elkerülése. Íme néhány gyakori max szélesség a webhelyek számára:
- 1100px 12 oszlopban
- 1200px 8/12 oszlopkal
- 1240px 8/12 oszlopkal
- 1440px 8/10/12 oszlopokkal
- 1600px 8/10/12 oszlopokkal
Itt nincs semmi rossz válasz. tudsz válasszon bármilyen szélességet és mindaddig, amíg egyenletesen osztható az oszlopok számával akkor jó vagy.
A GridGuide egy piszkos weblap, így automatikusan frissül, ha megad egy értéket a beviteli mezőbe. Tehát, ha a számokat a tetején állítjuk, észreveszed a A rács előnézete automatikusan megváltozik.
Erre a feladatra korábban a Photoshopra támaszkodtam, és bosszantott. Az új weboldal megtervezésekor az őszinte őszintén létrehozva a rácsot az egyik leginkább frusztráló lépés, és a számok pixel-tökéletes megszerzése is megdöbbentő lehet.
De a GridGuide teljesen automatizált, és számos különböző hálózati beállítást biztosít a különböző oszlopméretek és a csatornák szélessége alapján.
Még töltsön le egy teljes PNG képet a rácsról, amelyet a Photoshopba importál. Ez lesz sok időt takaríthat meg úgyhogy nem alakítod ki újra a rácsokat a szerszámokkal.
És ha szeretne egy bizonyos rácsstílust, akkor létrehozhat egy megosztási hivatkozást a későbbi könyvjelzők számára, vagy megoszthatja másokkal az interneten.
A teljesen ingyenes és olyan könnyen használható eszköz esetében, hogy minden egyes webtervezőnek ajánlom. Ha küzd a rácsokkal és gyűlöli a saját tervezését, akkor a GridGuide-nak kötelező eszköze az eszköztárban.
