Creazione di UI Kits con Sketch

Creazione di kit di interfaccia utente con Sketch

“Ehi quanto bravo, sei arrivato alla fine del corso, spero ti sia piaciuto tutto quello che ti ho insegnato! Ora sai tutto ciò di cui hai bisogno per creare il tuo Kit UI. Durante il corso ti ho mostrato il processo che seguo per creare il mio sotto il concetto di App Musicale. Adesso è il tuo momento e sei pronto per realizzare il tuo progetto. Lascia volare la tua immaginazione! Crea un kit UI per qualsiasi app a cui puoi pensare, o se hai già un progetto a portata di mano, ti consiglio di farlo su di esso. Cosa ne pensi se diamo una breve rassegna dei passaggi da seguire per renderti più facile farlo? Quale prodotto? Esplora e analizza un prodotto che è già sul mercato, cioè è già lanciato, perché in questo modo avrai un punto di partenza avanzato e ti sarà più facile lavorare sul tuo Kit UI.

Le prime configurazioni Una volta che hai il prodotto pronto, puoi iniziare a lavorare con le impostazioni come colori, caratteri e griglie del tuo Kit UI. Dagli le impostazioni necessarie in modo che abbia l'aspetto e il tocco cosa vuoi! Set di icone Unifica il set di icone che utilizzerai per il tuo design. Ricordati di dargli il tuo tocco personale, questo aggiunge sempre di più al tuo progetto, se la tua idea è di mostrarlo a un cliente questo ti darà sicuramente un vantaggio. I componenti Inizia creando i componenti più semplici come pulsanti, ingressi , icone, chip e così via. Continua con il resto dei componenti, intendo le schede , la barra di navigazione , i menu, gli elenchi e le intestazioni . Non dimenticare di creare diverse varianti di te stesso in modo da poter scegliere quello che ti piace di più alla fine. Crea i tuoi schermi e presenta il tuo kit UI Una volta che hai tutti i componenti pronti, puoi iniziare a unificarli e iniziare a lavorare sulle schermate della tua applicazione. Una volta che i tuoi schermi sono pronti, preparati a presentare il tuo Kit UI. Tieni presente che il modo in cui lo presenti sarà molto importante, in quanto ti aprirà le porte con i tuoi clienti. Quindi, ti consiglio di creare alcuni esempi di utilizzo in alcune schermate chiave. Ricordati di enfatizzare i componenti che consideri più importanti e crea una libreria in Sketch con i tuoi componenti in modo da poterli aggiornare in seguito, questo sarà molto utile in futuro per quando vorrai usarli in altri progetti. Pronto, hai già il tuo kit UI! Non dimenticare di condividere il risultato finale del tuo progetto nel forum, in questo modo ci terremo in contatto e potrò darti un feedback il prima possibile. Vi invito ad osservare anche il lavoro dei vostri colleghi e, soprattutto, se avete qualche tipo di suggerimento condividetelo con la community. Non vedo l'ora di vedere cosa hai creato. Ci vediamo sul forum! ”

Trascrizione parziale del video

“Progetto finale Facciamo un riassunto di quanto visto durante il corso. Ho parlato di come sono arrivato a progettare prodotti digitali e i progetti in cui ho sviluppato in modo professionale e personale. Poi ho condiviso alcune influenze e, prima di lavorare, parliamo del progetto finale. Affrontiamo concetti di base, come cos'è un kit dell'interfaccia utente e i vantaggi di averne uno. Ti ho mostrato la mia metodologia durante la creazione di componenti in Sketch. Analizziamo il nostro progetto e quali componenti avrebbe. Definiamo il nostro "look and feel" selezionando i colori, il carat...”

Questa trascrizione è stata generata con sistemi automatici, quindi può contenere errori.

Riepilogo del corso: Creazione di UI Kits con Sketch

• Livello: Principiante
• 91% valutazioni positive (23)
• 629 allievi
• 5 unità didattiche
• 17 lezioni (3h 1m)
• 11 download

• Categoria

  Web & App Design

• Software

  Sketch

• Aree

  Design interattivo, Design per smartphone, Progettazione di applicazioni, Sviluppo di applicazioni, UX / UI, Web design, Web development