Аутоматизујте процес дизајнирања мреже помоћу ГридГуиде-а
Први велики корак у изради било које веб странице је избор мреже. Ово обично дефинише максималну ширину странице заједно са колико ће се унутрашњих колона и олука користити за поделу распореда.
Можете покушати да направите сопствени, али најбољи алат за овај посао је ГридГуиде. То је потпуно бесплатан вебапп потпуно аутоматизира генерирање мреже за било коју веб локацију без обзира на величину.
Само унесите жељену максималну ширину, а затим и број колона које желите. Обично ова два броја треба да буду дељива, тако да је добра идеја избећи праве бројеве. Ево неколико уобичајених максималних ширина за Веб локације:
- 1100пк са 12 колона
- 1200пк би 8/12 цолумн
- 1240пк би 8/12 цолумн
- 1440пк по 8/10/12 колони
- 1600пк би 8/10/12 цолумн
Овде нема апсолутно никаквог погрешног одговора. Можете одаберите било коју ширину и све док је једнако дјељив по броју ступаца онда је добро ићи.
ГридГуиде је брз вебапп тако да се аутоматски ажурира када унесете вредност у поље за унос. Дакле, док подешавате бројеве на врху, приметићете преглед мреже се аутоматски мења.
Некада сам се ослањала на Пхотосхоп за овај посао и то ме је натјерало. Искрено прављење решетке је један од најфрустрирајућих корака приликом дизајнирања нове веб локације, а постизање савршеног броја пиксела може изазвати страхопоштовање.
Али ГридГуиде је потпуно аутоматизован и даје вам различите опције мреже на основу различитих величина колона и ширина олука.
Можеш чак и преузмите пуну ПНГ слику решетке коју желите да увезете у Пхотосхоп. Ово ће уштедите много времена тако да нећете поново креирати решетке са алаткама облика од нуле.
А ако вам се свиђа одређени стил мреже, можете генерисати линк за дељење да бисте га обележили за касније или да бисте делили са другима на Вебу.
За алат који је потпуно бесплатан и тако једноставан за кориштење, то мора бити моја главна препорука за сваког веб дизајнера. Ако се борите са решеткама и мрзите дизајнирање сопственог, онда је ГридГуиде обавезан ресурс у вашем алату.
