Suggerimento rapido accelera il processo di progettazione con Studio

Nel suggerimento rapido di oggi vi presenterò "Studio", uno strumento di progettazione per i prodotti digitali. Vediamo come può aiutare ad accelerare il processo di progettazione!

 

studio.design

Nel corso degli anni ci siamo familiarizzati con l'uso di strumenti come Photoshop, Adobe XD o Sketch, per progettare layout e interfacce. Studio ha un approccio leggermente diverso al processo di progettazione.

È uno strumento basato sul web, attualmente gratuito, quindi se desideri iscriverti o accedere a https://studio.design/ e inserire le tue credenziali.

Sarai accolto con a progetti pagina, pronto e in attesa del tuo primo progetto se ti sei appena iscritto. Quando inizi un nuovo progetto ti verrà data la possibilità di progettare un progetto web o un'app per iPhone.

Gli attrezzi

Una volta avviato un progetto vedrai a pagina (simile a un tavola da disegno in altre applicazioni di progettazione), alcuni controlli di zoom e visualizzazione e a sinistra vedrai che puoi aggiungere box, immagini, testo e icone. Questi sono praticamente tutto ciò che puoi aggiungere, quindi c'è immediatamente una differenza tra Studio e altre app di progettazione dell'interfaccia utente a cui potresti essere abituato!

Interfaccia di Studio

Questa apparente mancanza di flessibilità è presto annullata, tuttavia, quando si vede che la barra laterale di sinistra consente anche l'accesso a una serie di elementi pre-costruiti (kit dell'interfaccia utente). I kit dell'interfaccia utente contengono elementi e modelli comuni, come barre di navigazione, sezioni di eroi, moduli e così via. Troverai anche blocchi di incorporamento, attraverso i quali puoi anche trascinare e rilasciare Google Maps, video, ecc. Sulla tua pagina.

Fondamentalmente, tutti gli elementi di layout di Studio sono reattivi; si alterano in dimensioni e disposizione a seconda delle dimensioni della pagina che stai progettando. Questo è fondamentale per il modo in cui funziona Studio e come può alterare il modo in cui si progettano le interfacce.

Dai un'occhiata al video qui sopra per maggiori dettagli su come utilizzare Studio, i suoi strumenti e le sue risorse. Fateci sapere cosa ne pensate di Studio nei commenti!