EULE Institute
Corso di UI & Visual Design – Edizione Aggiornata
Un corso per aiutarti ad usare e capire tutte le tecniche e metodologie per diventare un UI & Visual Designer nell'ambito della User Experience.
12 moduli102 lezioni3h 18min di video2 anteprime gratuite€647.00
Programma
1. Corso di Visual Design1 lezione
2. Il Visual Design4 lezioni · 8min
- Cos’è il Visual DesignAnteprima
- Visual Design applicato all’UX
- Consigli per il primo esercizio
- Pratica: Crea un prodotto digitale
3. La gerarchia visiva9 lezioni
- La gerarchia nel design
- Principi di Gestalt nel design
- Scanning Pattern
- F Pattern vs Z Pattern
- Applicare la Golden Ratio
- Pratica (Facoltativo): Come disegnare la Golden Ratio
- Pratica: Gerarchia visuale
- Riflessioni sulla gerarchia visiva / Da cancellare
- Come organizzare i contenuti / da eliminare
4. Il design in funzione dell’accessibilità 12 lezioni
- Accessibilità: Progettare siti e app accessibili
- Accessibilità: Colore e Contrasto
- Accessibilità: Testo e Tipografia
- Accessibilità: Immagini e Contenuti Visivi
- Accessibilità: Focus Indicator
- Accessibilità: Touch Target & Hit Area
- Accessibilità: Stati Visivi Coerenti
- Accessibilità: Accessibilità Cognitiva
- Il Contrasto per l’Accessibilità
- Focus Indicator: Un Elemento Cruciale per l’Accessibilità
- Accessibilità delle immagini
- Supportare la navigazione da tastiera
5. Fondamenti di UI33 lezioni
- Principi base della UI Design
- Principi: La tipografia 1
- Principi: La tipografia 2
- Principi: La tipografia 3
- Principi: La tipografia 4
- Tips & Tricks: Le scale tipografiche
- Tips & Tricks: Come migliorare la leggibilità di un testo
- Tips & Tricks: Uppercase
- Principi: Il Colore 1
- Principi: Il Colore 2
- Tips & tricks: 60-30-10 la regola dei colori
- Tips & tricks: I gradienti
- Principi: Bilanciamento
- Principi: Allineamento
- Principi: Whitespace
- Principi: Proximity
- Principi: Simmetrie in UX&UI
- Princip: Patterns
- Interfaces: Elements
- Interfaces: Griglie e Layout
- Interfaces: Icon
- Interfaces: Buttons
- Tips & Tricks: Thumb zone
- Tips & Tricks: Touch Target
- Tips & Tricks: Link o Pulsanti
- Interfaces: Forms
- Interfaces: Dropdowns
- Tips & Tricks: Campi di Input
- Interfaces: Navigation
- Interfaces: Search
- Interfaces: Modals
- Interfaces: Hero Sections
- Interfaces: Cards
6. Progettare i Wireframe10 lezioni · 34min
- Panoramica sui Wireframe
- Wireframe: bassa e alta fedeltà
- Introduzione al design responsive
- Approccio Mobile-First
- Sfruttare le griglie nel layout
- Progettazione con griglie a 8px
- Le Griglie Bootstrap
- Pratica (facoltativo): Wireframe carta e penna
- Wireframing Kit
- Pratica: Wireframe ad alta fedeltà
7. Guida di stile e moodboard9 lezioni · 16min
- Introduzione alla guida di stile
- Moodboard: definizione e utilizzo
- Mooadboard: Che cosa sono?
- Pratica: Crea una moodboard
- Style Tiles vs Moodboards
- Style Tiles vs Style Guide
- Pratica: Crea una guida di stile
- Tipologie di moodboard
- Style tiles: elementi visivi chiave
8. Sessione pratica di prototipazione1 lezione
- Pratica: Aggiungi Colori e tipografia al wireframe
9. Lo UI Kit6 lezioni · 7min
- Stati del design: come gestirli
- Linee guida per nominare gli elementi
- Creare un UI Kit efficace
- Pratica: UI Kit
- Introduzione al Design System
- Design token: il ponte tra design system e codice
10. Design e collaborazione5 lezioni
- Collaborare con altri designer
- Come creare la documentazione per gli sviluppatori
- Esportare e creare gli assets
- L'handoff professionale: cosa consegnare agli sviluppatori
- Pratica (Facoltativo): Prepara l'handoff di una schermata
11. Animazioni della UI9 lezioni · 1h 56min
- L'importanza delle animazioni in UX
- Tipologie di Animazioni per Migliorare l’Esperienza Utente
- Framer: crea la tua prima animazione
- Framer: seconda animazione (difficoltà media)
- Framer: 3 animazioni avanzate
- Principle: crea la tua prima animazione
- Principle: crea la seconda animazione
- Principle: 2 animazioni avanzate
- Figma: Animazione usando le GIF
12. Crea il tuo portfolio3 lezioni · 15min
- Consigli per creare il portfolio da UX Designer
- Pratica: Crea il tuo portfolio
- Recensione finale
Informazioni sul docente
EULE Institute
Corsi online di EULE Institute