Tutorial di disegno - diventa un UI e UX designer Lingua: Tedesca

Tutorial di schizzi - diventa un designer di UI e UX

Progettazione (Illustrazione, Layout & Stampa) 24 Video · 5.2 h Formazione video · Italiano Luca Kiedrowski di Luca Kiedrowski

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.

Contenuto

24 Video, 315 Minuti

Introduzione

7 Video · 26 Minuti
01 Aperto 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.

02 Aperto Gratis

Tutorial di Sketch: 1.2 Che cos'è Sketch?

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

03 Aperto

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.

04 Aperto

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.

05 Aperto

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.

06 Aperto

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.

07 Aperto

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.

01

Tutorial sullo schizzo: 1.1 Introduzione

3 min Aperto
02

Tutorial di Sketch: 1.2 Che cos'è Sketch?

2 min Aperto
03

Tutorial sul disegno: 1.3 Interfaccia del programma

6 min Aperto
04

Tutorial di disegno: 1.4 Strumenti di supporto

3 min Aperto
05

Tutorial sullo schizzo: 1.5 I plugin principali

5 min Aperto
06

Tutorial di schizzi: Installazione delle librerie 1.6

3 min Aperto
07

Tutorial sullo schizzo: 1.7 InVision

4 min Aperto

Fondamenti del design

2 Video · 37 Minuti
08 Aperto

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.

09 Aperto

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.

08

Tutorial di schizzi: 2.1 Colori

19 min Aperto
09

Tutorial per principianti: 2.2 Tipi di carattere

18 min Aperto

Creare prototipi

1 Video · 18 Minuti
10 Aperto

Tutorial sullo schizzo: 3 Prototipi.

Ora iniziamo con l'applicazione effettiva.

10

Tutorial sullo schizzo: 3 Prototipi.

18 min Aperto

Screen-Design

8 Video · 128 Minuti
11 Aperto

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.

12 Aperto

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.

13 Aperto

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.

14 Aperto

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.

15 Aperto

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.

16 Aperto

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.

17 Aperto

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.

18 Aperto

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.

11

Tutorial sullo sketch: 4.1 Schermata iniziale e modelli di design

25 min Aperto
12

Tutorial di disegno: 4.2 Creare gruppi e stili di testo

18 min Aperto
13

Tutorial di disegno: Trovare, creare e personalizzare icone 4.3

16 min Aperto
14

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

16 min Aperto
15

Tutorial di schizzi: Design iPhone X 4.5

11 min Aperto
16

Tutorial per schizzi: 4.6 Profilo utente, Effetto sfocatura

18 min Aperto
17

Tutorial di disegno: 4.7 Utilizzare il design come strumento.

18 min Aperto
18

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

6 min Aperto

Fornire designs

1 Video · 13 Minuti
19 Aperto

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.

19

Tutorial di schizzi: fornire 5 design su InVision.

13 min Aperto

Fornire informazioni importanti

1 Video · 22 Minuti
20 Aperto

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.

20

Tutorial Sketch: inserire 6 aiuti nell'app.

22 min Aperto

Progetto professionale

3 Video · 66 Minuti
21 Aperto

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.

22 Aperto

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.

23 Aperto

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.

21

Tutorial rapido: creazione di grafiche flat design 7.1

14 min Aperto
22

Tutorial di disegno: 7.2 Home-Redesign

25 min Aperto
23

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

27 min Aperto

Novità in Sketch

1 Video · 6 Minuti
24 Aperto

Tutorial di Sketch: 8 prototipazione in Sketch

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

24

Tutorial di Sketch: 8 prototipazione in Sketch

6 min Aperto

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.
  • Smartphone con un'app il cui design è stato sviluppato in Sketch.
    Aprire galleria
    Esempio: Il tuo allenatore ti fornisce consigli e trucchi per il design moderno di UX e UI.
Commenti (0)

Commenta ora „Tutorial di schizzi - diventa un designer di UI e UX“