Creazione di una style guide per app
Un corso di Christian Vizcarra , Progettista di prodotti senior
In Domestika da dicembre 2014
Impara a documentare e a creare una style guide con Sketch o con un altro software di design UI
In Domestika da dicembre 2014
Uno degli elementi chiave per la progettazione di applicazioni mobili è la style guide o visual style guide, che funge da documentazione e guida per tutti i team coinvolti nella creazione dell'app, in particolare i programmatori che devono implementare i design . In questo corso imparerai a creare una guida di stile passo dopo passo in modo che non solo abbia un bell'aspetto ma sia anche altamente funzionale.
Christian Vizcarra —Product Designer e insegnante del corso Design di un'applicazione mobile - ha più di 9 anni creando prodotti digitali, essendo riconosciuto dai CSS Design Awards, Behance e Awwwards, e in questo corso ti insegnerà a documentare, comunicare ed esportare tutti i componenti per creare una guida di stile .
Cosa imparerai in questo corso online?
20 lezioni & 8 download
- 96% valutazioni positive (140)
- 3.832 allievi
- 20 lezioni (2h 18m)
- 8 risorse aggiuntive (0 file)
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Spagnolo
- Spagnolo · Inglese · Portoghese · Tedesco · Francese · Italiano · Polacco · Olandese
- Livello: Principiante
- Acceso illimitato per sempre
Adobe XD
Figma
InVision
SketchQual è il progetto del corso?
Creerai una guida allo stile per un'applicazione mobile.
Progetti di allievi del corso
A chi è rivolto questo corso online?
Designer principianti, ragazzi UI / UX e chiunque sia interessato al design e sia coinvolto nella creazione di un prodotto digitale.
Requisiti e materiale
Avrai bisogno di una conoscenza di base del web design e delle applicazioni mobili e della gestione di base di Sketch o di un'altra applicazione per la progettazione di esperienze o app web interattive.
Per quanto riguarda i materiali, avrai bisogno di un computer con Sketch (ricorda che Sketch funziona solo con Apple) o altri programmi di progettazione come Figma, InVision, Adobe XD (questi 3 funzionano su Windows e Apple), tra gli altri.
Recensioni
Christian Vizcarra
Un corso di Christian Vizcarra
Christian Vizcarra è Senior Product Designer e Digital Strategist con una visione del prodotto a 360 grazie ai suoi esordi nel marketing, 3D, video e social media. Per 8 anni si è dedicato principalmente alla creazione di prodotti digitali, alla progettazione di siti Web, applicazioni e tutti i tipi di interfacce per aziende e startup in paesi come Spagna, Canada, Stati Uniti, Cina o Brasile, tra gli altri.
Appassionato di idee, esplora sempre nuovi modi per apprendere nuove abilità e tecniche per evolversi come designer, da qui il suo progetto personale chiamato The Design Project, una sfida di design non-stop di 60 giorni. Il suo lavoro è stato riconosciuto da Awwwards, Behance e CSS Design Awards.
Contenuti
-
U1
Ciao!
-
Presentazione
-
Influssi
-
Cosa faremo nel corso?
-
-
U2
introduzione
-
Cos'è una guida di stile?
-
Differenze tra styleguide e UI Kit
-
Buone pratiche per costruire una guida di stile
-
-
U3
Elementi all'interno della guida allo stile
-
Come creare simboli?
-
disposizione
-
Spazi
-
Colori
-
Tipografia
-
Iconografia
-
Componenti dell'interfaccia utente parte 1
-
Componenti dell'interfaccia utente parte 2
-
Componenti dell'interfaccia utente parte 3
-
Componenti dell'interfaccia utente parte 4
-
Componenti dell'interfaccia utente parte 5
-
-
U4
Applicare una guida di stile
-
Applicando la mia guida di stile
-
Esportazione di risorse per la programmazione
-
E se ci sono cambiamenti
-
-
PF
Progetto finale
-
Creazione di una style guide per app
-
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.
-
Siediti in prima fila
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
I corsi di Domestika sono lezioni online che consentono di imparare una serie di strumenti e abilità per realizzare un progetto concreto. Ogni fase del progetto prevede l'uso di video, testi e materiali didattici complementari. I corsi offrono inoltre l'opportunità di condividere i propri progetti con altri utenti e con l'insegnante, generando così una community intorno al corso.
I corsi sono completamente online: una volta pubblicati potrai iniziarli e portarli a termine quando preferisci. Decidi tu a quale ritmo seguire le lezioni. Potrai rivedere ciò che ti interessa, saltare cose che già conosci, fare domande, risolvere dubbi, condividere i tuoi progetti e molto altro.
I corsi si suddividono in diverse unità. Ciascuna contiene lezioni, testi esplicativi, compiti e prove pratiche per portare a termine il tuo progetto passo dopo passo, oltre a risorse e documenti aggiuntivi. Avrai inoltre accesso a un forum esclusivo dove interagire con tutti gli allievi del corso e con l'insegnante. Qui potrai anche condividere i tuoi lavori e il progetto finale, contribuendo a creare una community incentrata sul corso.
Puoi ottenere l'accesso al corso che ti hanno regalato visitando la pagina di riscatto della gift card, dove potrai inserire il codice che ti hanno inviato.
Adobe XD
Figma
InVision
Sketch
iannone_developer
excelente curso , me gusta que el workflow sea en sketch.
Vedi traduzione
Nascondi traduzione
rafaellerinn
Excelente curso, me ha gustado y mejor aun muy bien explicado. :D
Vedi traduzione
Nascondi traduzione
mrtns.caroline
Awesome course!
Vedi traduzione
Nascondi traduzione
jv_1997oliveira
Curso muito bom!!! Abriu meu horizontes para a área e me instigou a querer estudar ainda mais!!
Vedi traduzione
Nascondi traduzione
jricosese
El curso tiene un nivel avanzado y está bien aunque si no trabajas con el mismo software te pierdes un poco a partir de las lecciones intermedias. Aún así está muy bien explicado.
Vedi traduzione
Nascondi traduzione