Sketch da A a Z: Diventa un designer UI

Tutorial di disegno - diventa un UI e UX designer

Lingua: Tedesca

Tutorial di schizzi - diventa un designer di UI e UX

Sketch è uno strumento efficace e intuitivo con il quale crei prototipi di progetti web. Utilizzando il software di UI e UX, crei interfacce utente dinamiche per siti web e app. Un vantaggio significativo: poiché i design seguono le regole del web design, fornirai allo sviluppo un risultato direttamente realizzabile. Scopri Sketch in questo tutorial di Luca Kiedrowski che dura più di cinque ore, ti guiderà in modo pratico dal concept fino a una interfaccia web completamente progettata.

Diventa un designer di UI e UX: Crea interfaccie utente per siti web e app con Sketch.
Per iniziare rapidamente: Acquisisci le basi di Sketch, UI design e UX design
Per il tuo progresso: impara tecniche avanzate di design come gli operatori booleani.
Tutorial pratico: Crea, ad esempio di un'app, un'interfaccia utente moderna.
Migliora la collaborazione con gli sviluppatori: metti direttamente a disposizione prototipi sviluppabili.
Capisci in 5 ore il concetto di UI e UX: Il trainer Luca Kiedrowski mostra esempi di best practice.
Così rimane ciò che è stato appreso: materiali di lavoro inclusi per partecipare

Anche Google e Apple puntano su Sketch - fai come i grandi e impara ora come creare semplicemente design UI belli, user-friendly e pronti per lo sviluppo.

Zugriff auf alle Inhalte

In der Mitgliedschaft ab * € monatlich

oder

Inhalt in den Warenkorb

Sofort-Download nach Kauf: einmalig * €

dettagli

Può essere utilizzato con:
Contenuto: 5 h Formazione video
Licenza: privata e commerciale Diritti d'uso
Bonus: incluso materiale di lavoro

Categorie

Progettazione (Illustrazione, Layout & Stampa)

Creata con amore da:

Luca Kiedrowski

Esempi di utilizzo

Smartphone con un'app il cui design è stato sviluppato in Sketch.

Aprire galleria

Esempio: Nel tutorial realizzi un'app sviluppabile utilizzando Sketch.

Aprire galleria

Esempio: Il tuo allenatore ti fornisce consigli e trucchi per il design moderno di UX e UI.

Introduzione

Gratis

Tutorial sullo schizzo: 1.1 Introduzione

Benvenuti al tutorial sullo sketch: impara come progettare le tue app utilizzando il programma. Ecco una panoramica del corso.

Scarica il file del progetto

Gratis

Tutorial di Sketch: 1.2 Che cos'è Sketch?

Una breve introduzione al programma "Sketch" e come ottenere l'accesso a questo programma.

Tutorial Sketch: 1.3 Interfaccia del programma

Tutorial sul disegno: 1.3 Interfaccia del programma

Qui imparerai a conoscere meglio Sketch. Ti mostrerò l'intero programma e imparerai come lavorarci in modo efficace.

Tutorial di schizzi: 1.4 Strumenti di aiuto

Tutorial di disegno: 1.4 Strumenti di supporto

Sketch non sarebbe un programma così fantastico se non si potessero utilizzare strumenti di supporto. Qui scoprirai come aggiungere questi strumenti di supporto.

Tutorial per disegnare: 1.5 I plugin più importanti

Tutorial sullo schizzo: 1.5 I plugin principali

I plugin ti aiutano a lavorare ancora meglio e più velocemente con Sketch. Ti mostrerò quali plugin possono aiutarti meglio.

Tutorial di schizzi: Installazione delle librerie 1.6

Con le librerie di MIT puoi integrare design standardizzati di Apple o Android direttamente nel tuo progetto.

Tutorial sullo schizzo: 1.7 InVision

InVision è uno strumento che ti semplifica notevolmente il tuo progetto Sketch. Lì puoi creare "wireframes" per strutturare il tuo progetto.

Fondamenti del design

Tutorial di schizzi: 2.1 Colori

I colori ti offrono la possibilità di dare vita alla tua app. Qui troverai un piccolo ingresso nel mondo dei colori.

Tutorial per principianti: 2.2 Tipi di carattere

Il social network "Medium" mostra quanto le font influiscano sull'esperienza dell'utente. Le font nella tua app possono essere molto importanti.

Creare prototipi

Tutorial sullo schizzo: 3 Prototipi.

Ora iniziamo con l'applicazione effettiva.

Design del layout.

Tutorial di schizzi: 4.1 Schermata principale e modelli di design

Tutorial sullo sketch: 4.1 Schermata iniziale e modelli di design

Ora ci avventuriamo nel nostro vero progetto e iniziamo con lo schermo iniziale. Inoltre imparerai qui come possiamo creare modelli di design.

Tutorial di disegno: 4.2 Creare gruppi e stili di testo

In questa lezione imparerai come creare gruppi e salvare stili di testo per risparmiare tempo.

Tutorial di disegno: Trovare, creare e personalizzare icone 4.3

Le icone sono una grande parte di un'applicazione. In questo video scoprirai dove trovare le migliori icone e come integrarle nel tuo progetto.

Tutorial di disegno: 4.4 Progettare una chat, lavorare con i livelli

Tutorial di schizzi: progettare una chat 4.4, lavorare con i layer

Ora ci dirigiamo alla chat della nostra app. Lì lavoriamo con i "layer", che dovresti utilizzare anche tu per risparmiare tempo.

Tutorial sullo schizzo: Design iPhone X 4.5

Tutorial di schizzi: Design iPhone X 4.5

L'iPhone X ha cambiato alcune cose nel design delle app. I designer devono ora lavorare con una nuova forma di schermo. Qui imparerai le basi.

Tutorial di disegno: 4.6 Profilo utente, Effetto sfocatura

Tutorial per schizzi: 4.6 Profilo utente, Effetto sfocatura

Con gli effetti puoi dare al tuo app un design interessante. Utilizziamo l'effetto blur nel tuo profilo utente.

Tutorial di disegno: 4.7 Utilizzare il design come strumento.

In questo video scoprirai come puoi utilizzare il design come strumento per rifinire la tua app.

Tutorial per principianti: utilizzare le librerie 4.8 e creare un foglio di azione.

Tutorial Sketch: utilizzare le librerie 4.8 e creare un Action Sheet

Ora useremo la libreria iOS per creare un Action Sheet. Con le librerie puoi risparmiare tempo non solo nel design, ma anche nello sviluppo.

Fornire progetti.

Tutorial per schizzi: Caricare 5 progetti su InVision.

Tutorial di schizzi: fornire 5 design su InVision.

Se la tua app deve essere sviluppata, gli sviluppatori hanno bisogno dei tuoi design. In questa lezione scoprirai come fornire i tuoi design su InVision.

Fornire informazioni importanti.

Tutorial Sketch: inserire 6 aiuti nell'app.

Gli utenti dell'app spesso non trovano i pulsanti giusti o hanno altre domande che non sono facilmente identificabili. Ecco perché stiamo creando una sezione Q&A.

Progettazione professionale

Tutorial su come realizzare grafiche flat design: creazione di grafiche.

Tutorial rapido: creazione di grafiche flat design 7.1

Quando hai scadenze impegnative per i tuoi progetti, spesso non hai il tempo di progettare tutto da solo. Qui scoprirai come e dove ottenere aiuto.

Tutorial di disegno: 7.2 Ridisegno della casa

Tutorial di disegno: 7.2 Home-Redesign

Nella schermata principale abbiamo ancora molto spazio per migliorare. Perciò stiamo facendo un ridisegno del nostro primo schermo.

Tutorial di disegno: 7.3 Esperienza dell'utente nell'acquisto

Tutorial di schizzi: 7.3 Esperienza utente processo d'acquisto.

Il processo di acquisto di un utente deve scorrere senza intoppi, poiché questo è uno dei momenti più delicati del flusso dell'utente.

Novità in Sketch

Tutorial di Sketch: 8 prototipazione in Sketch

Nella nuova versione di Sketch hai la possibilità di creare un prototipo direttamente in Sketch.

Dettagli sul contenuto

Comprendere e realizzare il design dell'UI e dell'UX per dispositivi mobili con Sketch
Se si tratti di un'app, di un sito web o di un blog - dai vita al tuo concetto di UI e UX - con Sketch. In questo videotutorial di oltre cinque ore tenuto dal formatore Luca Kiedrowski, acquisirai rapidamente tutte le basi per utilizzare il programma, per poi lavorare intensamente poco dopo su un progetto esemplificativo di design di un'app interattiva.

Perché dovresti guardare il tutorial di Sketch

Nel design dell'UI e dell'UX utilizzi direttamente uno strumento professionale, poiché Sketch è utilizzato anche da importanti aziende come Google, Facebook e Apple. Grazie all'interfaccia intuitiva, l'utilizzo del programma è facilmente apprendibile, così da ottenere risultati soddisfacenti in breve tempo.

Se arrivi con o senza background nel design: il tutorial di Sketch è ideale per entrare nel campo del design dell'UI e dell'UX e in particolare per realizzare le tue idee di design per app con Sketch. Fondamenti e applicazioni in un'unica soluzione!

Se crei già design per web e stampa (ad esempio con Photoshop o Illustrator): acquisisci la capacità di trasferire i tuoi design e singoli elementi come icone o simboli in design dell'UI dinamici e pronti per lo sviluppo. Con la tua competenza nel settore del web design arricchisci notevolmente (e sempre di più) il tuo curriculum.

Migliora la collaborazione con gli sviluppatori web: Utilizzando Sketch, prepari interfacce utente che seguono già le regole del design web. Di conseguenza, fornisci ai team di sviluppo design che possono essere implementati direttamente. In questo modo riduci notevolmente il percorso dal concetto e dal design all'applicazione web sviluppata.

Design dell'UI e dell'UX con Sketch dall'inizio alla fine

Il tutorial di Sketch si focalizza sull'applicazione pratica del programma, che è disponibile in una versione di prova gratuita presso il fornitore. Con il tuo formatore, attraverserai passo dopo passo tutte le fasi utilizzando come esempio il design di un'app, dall'ideazione di uno schema alla realizzazione del design dell'UI completo. Troverai i materiali di lavoro allegati al tutorial, così da poter partecipare attivamente:

Prima disegni in modo approssimativo come dovrebbe essere l'interfaccia utente dell'app in futuro. Successivamente ti dedichi subito alla progettazione. Crei la schermata iniziale, lavori con gruppi, layer e stili di testo e scegli le icone appropriate. Progetti una chat, un aiuto e un profilo utente, e impari a lavorare con librerie, action sheets ed effetti. Alla fine otterrai un design dell'UI completo, dal quale potrai persino creare un prototipo nella versione attuale 52 di Sketch.

In anticipo, acquisirai le principali basi su Sketch e sul design dell'UI. Ti orienterai rapidamente nell'interfaccia, conoscerai i plugin e gli strumenti più importanti e saprai come utilizzare in modo efficace tipi di carattere e colori. Il tuo formatore ti mostrerà anche quando è utile combinare Sketch con InVision, ad esempio nella fase dello così detto wireframe.