Kotisivu » Toolkit » Automatisoi Grid-suunnitteluprosessi GridGuiden avulla

    Automatisoi Grid-suunnitteluprosessi GridGuiden avulla

    Jokaisen verkkosivuston suunnittelun ensimmäinen merkittävä askel on ruudukon valinta. Tämä määrittelee tyypillisesti sivun enimmäisleveyden ja kuinka monta sisäistä saraketta ja vesikourua käytetään jakauman jakamiseen.

    Voit yrittää rakentaa omaa, mutta paras työkalu tähän työhön on GridGuide. Se on täysin ilmainen webapp automatisoi täysin verkkojen tuottamisen millä tahansa verkkosivustolla koosta riippumatta.

    Laita vain haluamasi maksimileveys ja sitten haluamasi sarakkeiden määrä. Tyypillisesti näiden kahden numeron tulisi olla jaollinen, joten on hyvä ajatus välttää alkuluvut. Seuraavassa on joitakin yleisiä max-leveyksiä verkkosivuille:

    • 1100px 12 sarakkeella
    • 1200 pikseliä 8/12 sarakkeella
    • 1240px 8/12 sarakkeella
    • 1440px 8/10/12 sarakkeilla
    • 1600px 8/10/12 sarakkeilla

    Tässä ei ole mitään vääriä vastauksia. Sinä pystyt valitse mikä tahansa leveys ja niin kauan kuin se jakaantuu tasaisesti sarakkeiden määrällä sitten olet hyvä mennä.

    GridGuide on iloinen webapp, joten se päivittyy automaattisesti, kun syötät arvon syöttökenttään. Joten kun säädät numeroita yläosassa, huomaat ruudukon esikatselut muuttuvat automaattisesti.

    Olen luottanut Photoshopiin tähän työhön, ja se ajoi minua batty. Rehellisen luominen verkkoon on yksi kaikkein turhauttavimmista vaiheista uuden verkkosivuston suunnittelussa ja numeroiden pikselin täydellisyyden saaminen voi olla hurmaava.

    GridGuide on kuitenkin täysin automatisoitu, ja se antaa sinulle monia erilaisia ​​ruudukkovaihtoehtoja, jotka perustuvat eri pylväskokoihin ja -laajennuksiin..

    Voit jopa Lataa täydellinen PNG-kuva ruudusta, jonka haluat tuoda Photoshopiin. Tämä tulee säästää paljon aikaa joten et luo uudelleen verkkoja, joissa on muotoiluvälineitä tyhjästä.

    Ja jos pidät tiettyä ruudukon tyyliä, voit luoda jaetun linkin kirjanmerkiksi myöhemmin tai jakaa muiden kanssa verkossa.

    Jos työkalu on täysin ilmainen ja niin helppokäyttöinen, se on minun suositus jokaista web-suunnittelijaa varten. Jos kamppailet ruudukkojen kanssa ja vihaat suunnittelemalla omaa, GridGuide on työkalupakkiisi pakollinen resurssi.