Rask Tips Fremskynde designprosessen med Studio

I dagens raske tips skal jeg introdusere deg til "Studio", et designverktøy for digitale produkter. La oss se hvordan det kan bidra til å påskynde designprosessen!

 

studio.design

Gjennom årene har vi alle blitt kjent med å bruke verktøy som Photoshop, Adobe XD eller Sketch, for å designe oppsett og grensesnitt. Studio tar en litt annen tilnærming til designprosessen.

Det er et nettbasert verktøy som for øyeblikket er gratis å bruke, så hvis du vil registrere deg eller logge på hodet til https://studio.design/ og skriv inn legitimasjonene dine.

Du blir møtt med en prosjekter side, klar og venter på ditt første prosjekt hvis du nettopp har registrert deg. Når du starter et nytt prosjekt, får du muligheten til å designe et webprosjekt eller en iPhone-app.

Verktøyene

Når du sparker av et prosjekt, vil du se en side (ligner en artboard i andre design applikasjoner), noen zoom og vise kontroller, og til venstre ser du at du kan legge til bokser, bilder, tekst og ikoner. Det er ganske mye alt du kan legge til, så det er umiddelbart en forskjell mellom Studio og andre UI design apps du kan være vant til!

Studio grensesnitt

Denne tilsynelatende mangelen på fleksibilitet blir snart kuttet, men når du ser at venstre sidebar også gir tilgang til en rekke forhåndsbygde elementer (UI-sett). UI-kittene inneholder vanlige elementer og mønstre, for eksempel navstenger, heltseksjoner, skjemaer og så videre. Du finner også innebygde blokker, hvor du også kan dra og slippe Google Maps, videoer etc. på siden din.

Avgjørende er at alle Studio-layoutelementene er lydhøre. de endrer seg i størrelse og arrangement avhengig av størrelsen på siden du designer. Dette er nøkkelen til hvordan Studio fungerer, og hvordan det kan endre måten du designer grensesnitt på.

Ta en titt på videoen ovenfor for mer informasjon om hvordan du bruker Studio, dets verktøy og dets ressurser. Gi oss beskjed om hva du synes om Studio i kommentarene!