Gridset har lansert, og gir designere et middel for å lage nett for design, prototyping og produksjon. Mark Boulton, kreativ direktør for Mark Boulton Design, selskapet som er ansvarlig for verktøyet, snakket med .net om Gridset, hvordan det sammenlignes med andre verktøy - og hvordan det kan være til fordel for designere som jobber med responsiv webdesign.
.net: For uinnvidde, hva er Gridset?
MB: Gridset er et verktøy som lager alle slags nett som du kan bruke på prosjektene dine. Det skaper vanlige søylenett - den typen du er vant til å se i alle disse CSS-rammene som 960.gs og Twitters Bootstrap - men det skaper også ujevne kolonnerister, forholdsnett og sammensatte rutenett (der rutenett er lagt). Gridset lar deg lage et bibliotek med dine egne nett, og vi gir deg også noen forhåndsinnstillinger.
.net: Hvordan sammenlignes det med andre prototypingverktøy? Hvorfor bør designere vurdere å bruke det?
MB: Vel, Gridset er ikke bare et prototypingverktøy - det er et rutenettverktøy som gir deg nettene dine på en rekke forskjellige måter, til bruk for prototyping, men også til bruk i design og produksjon.
Et av hovedprinsippene i Gridset er at det er nettet ditt, men du vil ha det. Vi prototyper alle i en rekke verktøy: Photoshop, HTML og CSS, skisserer ... Gridset gir deg rutenettet ditt i disse forskjellige formene: fra PNGer til å legge inn i en grafisk editor til CSS for rask prototyping, og også et omfattende jukseark som viser alle de beregnede verdiene for å legge inn dine egne stilark hvis du ønsker det. Vi har prøvd å dekke alle basene.
.net: Hvordan ser koden ut? Er det noe du kan bygge på eller bare nyttig som veiledning?
MB: For tiden er CSS-kodeproduksjonen primært designet for rask prototyping. Det er spesifikt for nettene i rutenettet, uansett hvor mange du har. Det fungerer akkurat som andre rammer, ved at det gir deg alle mulige kolonnepermutasjoner av rutenettet ditt. Du bruker deretter klasser som tilsvarer disse verdiene i HTML-en din. Du kan opprette flere nett - ved forskjellige brytpunkter - og Gridset vil bare lage et sett med CSS-klasser du kan legge til. Så hvis nettet ditt er stort og komplekst, vil CSS være stort og komplekst fordi det takler alle mulige utfall.
For produksjonssteder kan det hende at en stor CSS-fil ikke er bra, så vi tilbyr jukseark som gjør at du kan ta disse verdiene og bruke dem på bestemte deler av oppsettet ditt. På den måten trenger du ikke endre HTML, og det holder også filstørrelsen nede. Men hvis rutenettet ditt er enkelt, tilbyr vi også tungt komprimerte stilark som fungerer fint i nettleseren.
.net: Du nevnte bruddpunkter, så hvor godt fungerer Gridset når det gjelder moderne webdesignproblemer som RWD?
MB: Vel, det var en av grunnene til at vi bygde Gridset. Responsiv design er utfordrende, og vi ønsket et verktøy som ville gjøre all den harde matematikken for oss, men som tillater oss å raskt prototype, og også bygge forskjellige typer nett til de vi har sett på nettet så lenge nå. Ikke bare det, Gridset lar deg lage forskjellige typer nett på forskjellige brytpunkter. Du kan ha et sammensatt rutenett for store skjermer, et vanlig søylenett for nettbrett, og deretter for små skjermer kan du ha et gyldent forholdsrutenett.
Som jeg nevnte, er et av våre hovedprinsipper i Gridset at vi er agnostiske for måten nettet leveres på. Det kan leveres til deg på mange måter: PDF, PNG, PSD, en skissebok ... Med det i tankene er et område av CSS vi ser mye potensiell endring i akkurat nå, layout. Vi har ny støtte for voksende CSS3-moduler, og nyere moduler får mer trekkraft hos nettleserleverandører. Med tiden kan Gridset levere utdata fra rutenettet ditt til disse måtene å legge ut innhold på. Vi har allerede Sass og MINDRE i arbeid.
Kjerneprinsippene for utforming av nett endres ikke. Hva som endres på nettet er måten nettene blir gjengitt i en nettleser, og for det kan Gridset gi deg dine preferanser. Det er der ting blir veldig spennende for meg.
Gridset er tilgjengelig fra Gridsetapp.com som en online tjeneste. Priser er $ 18 / måned ubegrenset eller $ 12 per rutenett.
