Introduzione al design UI

Introduzione alla progettazione UI

“Ciao! Sei arrivato alla fine del corso. Durante il corso ti ho raccontato molte esperienze e sentimenti che circondano questo meraviglioso mondo di UI, ti ho detto come tutto alla fine della giornata sia diventata un'esperienza gratificante, mi ha portato non solo a saperne di più sull'argomento , ma anche volere saperne di più su di lui ogni giorno. Ho la ferma convinzione che questa community stia crescendo giorno dopo giorno e condividere ciò che sappiamo è la chiave per ottenere risultati sempre migliori nell'interfaccia utente. Ecco perché in ogni occasione condivido con voi tutto ciò che ho imparato lungo la strada. Ma ora è il tuo momento di iniziare questo viaggio, è giunto il momento di iniziare, il tuo progetto! Per aiutarti nel percorso condivido la serie di passaggi che ho seguito per creare il mio. Vedremo! Scegli il tuo strumento Ti ho mostrato un'ampia varietà di strumenti che puoi utilizzare per creare il tuo progetto. Nel mio caso ho scelto Figma, ti ho spiegato alcuni dei motivi per cui ho deciso di utilizzare questo strumento. Ma puoi usare quello che vuoi, ti consiglio di usare quello con cui ti senti meglio e più a tuo agio.

Inizia il tuo processo di progettazione! Prima di intraprendere qualsiasi strada, è importante che tu sappia cosa vuoi o dove vuoi andare. Ti ho insegnato che alcune delle domande chiave sono: capire il problema e pensare all'utente. Ricorda che ci saranno momenti in cui dovrai lavorare in squadra! Non aver paura di comunicare con i programmatori, se hai le idee chiare sarà più facile per loro capirti. Il tuo benchmark Per iniziare a creare interfacce, ti ho mostrato come creare i tuoi benchmark. In questo caso l'ho fatto per “Freshi”. Ti mostro come realizzare due tipologie, la prima tenendo conto dei prodotti che il mio brand ha già e la seconda incentrata solo sul design. I wireframe Ho iniziato a creare i miei wireframe e ti ho mostrato come usarli per materializzare le nostre idee. Consiglio di tenere sempre a mente la frase: "Cosa voglio comunicare?" Pensa alla struttura e alle informazioni! Non deve essere perfetto, puoi iniziare come ho fatto io prendendo carta e matita. Allora avrai tempo per perfezionarli. Alcune lettere qui e altre lì Ho selezionato il carattere per il mio progetto, tenendo conto di questioni come la dimensione, il peso e anche i tipi di testo. Ho menzionato l'importanza dell'armonia e come ottenerla con la tipografia, poiché ne definisce l'80%. I layout Ho iniziato disegnando i box models e ti ho mostrato come usarli per ottimizzare gli spazi. Ho anche generato le gerarchie necessarie per il nostro sito Web reattivo. Come si usano i colori? Ho utilizzato i colori RGB per poter poi scegliere i colori più adatti al mio progetto, così ho potuto definire la mia tavolozza dei colori. Ricorda che i colori digitali funzionano in modo diverso, quindi è importante che tu lo faccia sempre tenendo conto dei colori RGB. Le icone Cerca le icone appropriate per il mio progetto, tenendo conto che provenivano tutte dalla stessa famiglia. Le icone possono dire più di mille parole, è importante non rinunciare alla ricerca finché non trovi le migliori. Crea i tuoi pulsanti! Ti ho mostrato come creare i pulsanti appropriati. Fai il mio tenendo conto se volevi che fossero pulsanti primari, secondari o terziari. Liste e schede Infine ho fatto gli elenchi di alcuni prodotti che condividono determinate caratteristiche. Ho realizzato anche delle card, assicurandomi che contenessero tutto il necessario per comunicare le informazioni che devo inviare all'utente. Progetta il tuo login! Ho eseguito i login del mio progetto, sia per il computer che per la versione mobile . E voilà, hai già il tuo sito web reattivo! Ogni volta che inizi un progetto, ti consiglio di chiederti costantemente "perché", questo sarà di grande aiuto per identificare se ciò che vuoi creare risolve qualche problema. Il miglior consiglio che posso darti è quello di mantenere sempre viva la tua curiosità, in questo modo potrai sempre imparare, conoscere e ti sentirai più a tuo agio per iniziare una nuova avventura. Mi ha fatto molto piacere condividere con voi questo nuovo corso, spero che vi abbia aiutato a creare tutte le idee nella vostra mente o semplicemente a chiarire qualche dubbio. Non dimenticare di condividere il risultato del tuo progetto finale! Un grande abbraccio dal Perù! 🇵🇪 ”

Trascrizione parziale del video

“Ciao. in questa lezione faremo un breve riepilogo di ciò che abbiamo visto nel corso. Nella prima unità abbiamo parlato del mindset che deve avere un UI Designer e di come il continuo apprendimento in questa carriera sia essenziale. Poi ti ho mostrato il processo di design di un prodotto digitale e ti ho presentato gli strumenti che puoi usare. come Figma. Usa Sketch o Adobe XD per avviare i tuoi progetti. Abbiamo discusso di ispirazione. benchmarking e dell'importanza degli Y-Friends. Abbiamo dedicato due unità ai concetti che ogni designer deve conoscere. come tipografia. colore. icone. A...”

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

Riepilogo del corso: Introduzione al design UI

• Livello: Principiante
• 95% valutazioni positive (350)
• 11771 allievi
• 6 unità didattiche
• 21 lezioni (2h 30m)
• 1 download

• Categoria

  Web & App Design

• Aree

  Design, Design interattivo, Design per smartphone, Progettazione di applicazioni, Web design