Impara a creare file predisegnati usando la metodologia Atomic Design per interfacce di applicazioni e siti web che velocizzeranno il tuo flusso di lavoro
La regola principale delle applicazioni è semplificare la vita ai propri utenti, tuttavia crearne una da zero può essere un processo davvero complicato. Pertanto, i kit dell'interfaccia utente, set di elementi pronti all'uso nella progettazione dell'interfaccia, sono una risorsa davvero utile.
In questo corso imparerai come creare kit di interfaccia utente per applicazioni e siti Web in Sketch dalla mano del designer Migue, alias El Nodos. Inoltre, vedrai come aggiornarli per riutilizzarli in progetti futuri e semplificare ulteriormente il tuo flusso di lavoro. Dai vita a interfacce straordinarie e crea esperienze indimenticabili in modo rapido e semplice.
Cosa imparerai in questo corso online?
17 lezioni & 21 download
Cosa faremo durante il corso
2 minuti, 25 secondi
Cos'è un kit UI?
7 minuti, 52 secondi
Modelli e componenti dell'interfaccia utente in Sketch
4 minuti, 57 secondi
Design atomico
11 minuti, 18 secondi
Il progetto
10 minuti, 16 secondi
Colori, carattere e griglia
20 minuti, 13 secondi
Cosa include questo corso?
Inizierai conoscendo il tuo insegnante e come è stato il suo percorso attraverso la sua carriera professionale. Inoltre, spiegherà il progetto su cui lavorerai durante il corso.
Successivamente, scoprirai cos'è un kit UI e cosa lo differenzia da un sistema di progettazione. Vedrai i modelli di progettazione dell'interfaccia e imparerai a organizzare i tuoi file secondo la metodologia utilizzata da Migue.
Esaminerai il progetto su cui ti baserai per creare il tuo Kit UI e analizzerai i componenti da creare. Quindi, definirai la tua guida di stile guardando i colori, il carattere, le griglie (griglia) e il set di icone.
Agirai creando prima gli atomi, poi combinerai alcuni di essi per creare le molecole e, infine, creerai degli schermi con tutti questi componenti.
Nell'ultima unità, Migue ti mostrerà come utilizzare il tuo kit UI in Sketch come libreria e come mantenerlo aggiornato, aggiungendo nuovi componenti secondo necessità.
Software e strumenti consigliati per questo corso
Qual è il progetto del corso?
Creerai un kit UI che ti consentirà di ottimizzare il tuo lavoro durante la creazione di schermate per la tua applicazione. Durante il corso lavorerai da un'app musicale.
A chi è rivolto questo corso online?
Ai designer che vogliono entrare nel mondo del design dell'interfaccia, ai designer dell'interfaccia utente, ai designer dell'interazione junior e a tutti coloro che sono interessati alla progettazione di applicazioni o coinvolti nella progettazione di prodotti digitali.
Requisiti e materiale
Per seguire questo corso è richiesta una conoscenza di base di Sketch.
Per quanto riguarda i materiali, avrai bisogno di un computer con macOS Mojave o superiore e avere installata l'ultima versione di Sketch (puoi scaricare la versione di prova sul suo sito web). Avere una Wacom è un vantaggio, ma non è essenziale.
Recensioni
- un anno fa
El curso es una base para iniciar a trabajar con la metodología Atomic Design.
- 3 anni fa
La neta no era lo que esperaba, pensé que el UI Kits te ayudaba a crear el diseño de la aplicación, pero ya lo tenia creado y solo agrupo los componentes, y también no me gusto el estilo en como hablaba, parecía que le faltaba el aire para pronunciar palabras, disculpen mi critica pero así lo percibí
- 4 anni fa
Increible curso
- 4 anni fa
Muy completo
- 5 anni fa
El curso me ha parecido super claro y completo. El profesor da muchos detalles y es super dinamico para todo lo que explica en tan poco tiempo. Super recomendable.
Attualmente si concentra sulla creazione di modelli e sistemi di progettazione scalabili. Inoltre, è il co-fondatore della comunità SketchMX, dove organizzano incontri regolari per la comunità del design del prodotto, a cui partecipano designer, sviluppatori, scrittori ux, designer del prodotto e chiunque sia interessato al design del prodotto digitale.
Contenuti
- U1
introduzione
- Presentazione
- Influssi
- Cosa faremo durante il corso
- U2
Concetti e configurazione dello schizzo
- Cos'è un kit UI?
- Modelli e componenti dell'interfaccia utente in Sketch
- Design atomico
- U3
Gettare le basi del nostro kit UI con Sketch
- Il progetto
- Colori, carattere e griglia
- Colori, carattere e griglia 2
- Set di icone
- U4
Per creare componenti atomici in Sketch
- Creazione di componenti: atomi
- Creazione di componenti: atomi 2
- Creazione di componenti: molecole
- Costruire schermi con atomi e molecole
- U5
Biblioteche in Sketch
- Kit UI come libreria in Sketch
- Aggiungi nuovi componenti al nostro kit dell'interfaccia utente
- Presenta il tuo kit UI
- PF
Progetto finale
- Creazione di kit di interfaccia utente con Sketch
Cosa aspettarsi da un corso Domestika
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
Attestati
PLUSSe hai un abbonamento Plus, riceverai un attestato personalizzato firmato dall'insegnante per ogni corso completato. Condividilo sul tuo portfolio, sui social network o dove desideri.
Soyez aux premières loges
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Imparerai a creare, organizzare e documentare sistemi di design visivo, UI Kit e componenti riutilizzabili in Sketch, applicando metodologie come Atomic Design e pattern di Material Design per app mobili e web.
Questo corso è di livello intermedio, quindi è consigliato avere conoscenze base di design grafico digitale o esperienza con strumenti come Sketch o Figma.
Ti serve un computer con Sketch installato (solo Mac), connessione internet e conoscenze base di design. È utile avere familiarità con interfacce digitali e nozioni di usabilità.
Atomic Design si applica suddividendo i componenti in atomi, molecole e organismi, permettendo di creare interfacce modulari, scalabili e facili da mantenere in Sketch.
Sì, il corso ti guida passo passo a creare, organizzare e riutilizzare un UI Kit in Sketch, centralizzando componenti, stili ed elementi visivi per app mobili o web.
Sì, imparerai a creare, documentare e gestire sistemi di design visivo, comprese guide di stile, palette colori, tipografie e componenti.
Sì, il corso ti mostra come verificare il contrasto tra sfondo e testo, applicando principi di accessibilità per migliorare leggibilità ed esperienza utente.