Snabbtips Snabba upp din designprocess med Studio

I dagens snabba tips ska jag presentera dig för "Studio", ett designverktyg för digitala produkter. Låt oss se hur det kan hjälpa till att påskynda din designprocess!

 

studio.design

Under åren har vi alla blivit bekanta med att använda verktyg som Photoshop, Adobe XD eller Sketch, för att utforma layouter och gränssnitt. Studio tar en något annorlunda inställning till designprocessen.

Det är ett webbaserat verktyg som för närvarande är gratis att använda, så om du vill anmäla dig eller logga in på huvudet till https://studio.design/ och ange dina uppgifter.

Du kommer att hälsas med a projekt sida, redo och väntar på ditt första projekt om du bara har anmält dig. När du startar ett nytt projekt får du möjlighet att designa ett webbprojekt eller en iPhone-app.

Verktygen

När du sparkar av ett projekt ser du en sida (liknar en ritytan i andra design applikationer), vissa zoom och visa kontroller, och till vänster ser du att du kan lägga till rutor, bilder, text och ikoner. Det är ganska mycket allt du kan lägga till, så det är omedelbart en skillnad mellan Studio och andra UI-design apps du kan vara van vid!

Studioens gränssnitt

Denna tydliga brist på flexibilitet krossas snart, men när man ser att vänster sidobar också ger tillgång till en rad förbyggda element (UI-kits). UI-kitsna innehåller vanliga element och mönster, till exempel navstavar, hjältesektioner, blanketter och så vidare. Du hittar också inbäddade block, där du också kan dra och släppa Google Maps, videor etc. på din sida.

Avgörande är att alla Studio-layoutelementen är mottagliga. De ändrar i storlek och arrangemang beroende på storleken på den sida du designar. Det här är nyckeln till hur Studio fungerar och hur det kan ändra hur du utformar gränssnitt.

Ta en titt på videon ovan för mer information om hur du använder Studio, dess verktyg och dess resurser. Låt oss veta vad du tycker om Studio i kommentarerna!