Introduzione a Sketch
Di Samuel Hermoso (Elastic Heads) , Designer UX-UI
Impara da zero a disegnare siti web e app con il software pioniere del mercato per la progettazione di interfaccia (UI) come un professionista
- Domestika Basics 7 corsi Spagnolo con sottotitoli in italiano
- 100% valutazioni positive (67)
- 2166 allievi
Impara da zero a disegnare siti web e app con il software pioniere del mercato per la progettazione di interfaccia (UI) come un professionista
Domestika Basics · 7 corsi inclusi
-
Corso 1: Introduzione al programma e funzionalità
Di Samuel Hermoso (Elastic Heads)
Primi passi per utilizzare Sketch
-
Corso 2: Stili di forme e uso di vettori e pixel
Di Samuel Hermoso (Elastic Heads)
Impara ad aggiungere bordi, colore ed effetti alle tue forme semplici
-
Corso 3: Organizzare elementi
Di Samuel Hermoso (Elastic Heads)
Impara a organizzare elementi con smart layout
-
Corso 4: Testi e gerarchie
Di Samuel Hermoso (Elastic Heads)
Crea testi e modificane le caratteristiche
-
Corso 5: Scalare il progetto
Di Samuel Hermoso (Elastic Heads)
Impara a lavorare in scala con simboli, stili e dati
-
Corso 6: Layout, grid, smart layout e prototipazione
Di Samuel Hermoso (Elastic Heads)
Crea il tuo primo prototipo navigabile
-
Corso 7: Scorciatoie, trucchi e plugin
Di Samuel Hermoso (Elastic Heads)
Scoprirai scorciatoie e trucchi che agevoleranno al massimo il tuo lavoro su Sketch.
Se vuoi progettare un'interfaccia reattiva per diversi dispositivi, in modo semplice ed efficiente, gli strumenti di Sketch, programma sviluppato appositamente per i progettisti dell'interfaccia utente, semplificheranno il tuo lavoro.
In questo Domestika Basics di 7 corsi, il designer e consulente UX / UI Samuel Hermoso ti insegnerà a padroneggiare Sketch da zero. Con una metodologia pratica attraverso una serie di esercizi, sarai in grado di progettare l'interfaccia dei tuoi progetti, per siti web e applicazioni, in modo professionale.
Inizierai imparando come installare il programma, conoscendone l'interfaccia e gli strumenti di base, nonché le sue caratteristiche principali. Vedrai come creare le tue prime forme e come selezionare, spostare e trasformare i livelli in diversi modi.
Nel secondo corso, Samuel ti insegnerà come aggiungere bordi, colori, ombre e altri effetti alle tue forme di base. Imparerai come lavorare con vettori e pixel e creerai le prime icone per la progettazione della tua interfaccia attraverso l'intersezione di forme vettoriali e disegni di curve.
Nel terzo corso vedrai come lavorare con gli elementi in Sketch in modo organizzato, misurando le distanze, raggruppando e allineando i layer. Imparerai le funzionalità principali per riordinare schermate e livelli con lo strumento Layout intelligente.
Passerai al quarto anno, entrando nel processo di progettazione del testo. Imparerai come migliorare l'esperienza di lettura e mantenere la coerenza durante il tuo progetto. Samuel ti insegnerà a modificare i testi, creando stili diversi e stabilendo gerarchie. Esplorerai caratteri, dimensioni, colori e contrasti per creare un design per uno schermo mobile.
Quindi, imparerai a lavorare con il tuo progetto in modo scalabile usando i simboli con lo strumento Ridimensionamento. In questo modo, sarai in grado di duplicare le schermate e attuare regolazioni che interessano tutte le copie, in modo efficiente; Inoltre, imparerai a creare e scambiare stili.
Nel penultimo corso di queste Nozioni di base di Domestika, creerai un prototipo navigabile con le tue pagine. Per fare ciò, vedrai come regolare i tuoi progetti per diversi dispositivi attraverso layout di colonne e griglie . Approfitterete delle nuove funzionalità per allineare gli elementi in modo automatizzato, creando spaziature e imbottiture .
Infine, Samuel ti mostrerà come ottenere il massimo da Sketch condividendo vari suggerimenti e scorciatoie che renderanno il tuo lavoro più veloce ed efficiente. Infine, vedrai una serie di plug-in per personalizzare lo strumento più adatto alle tue esigenze.
Requisiti tecnici
- ⦁ Un computer con macOS Mojave o versioni successive.
⦁ L'ultima versione di Sketch. Puoi scaricare la versione di prova dalla pagina ufficiale del software .
- 100% valutazioni positive (67)
- 2166 allievi
- 83 lezioni (11h 46m)
- 7 corsi
- 79 download (21 file)
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Spagnolo
- Spagnolo, Inglese, Portoghese, Tedesco, Italiano, Francese, Polacco, Olandese
- Livello: Principiante
- Acceso illimitato per sempre
Software consigliato per questo corso
SketchRecensioni
Con oltre 20 anni di esperienza specializzata in consulenza e progettazione di prodotti digitali. Dopo aver lavorato con diversi studi e agenzie, ha creato lo studio Elastic Heads, a Madrid (Spagna), dove aiuta le persone, le aziende e le startup ad adattarsi ai nuovi cambiamenti nel mondo digitale e migliorare i loro prodotti digitali.
Oltre a dirigere il suo studio, Samuel si dedica anche all'insegnamento, essendo professore di design del prodotto, esperienza utente e metodologie e strumenti di progettazione interattiva in scuole come: Ironhack, Mr. Marcel School, IED, Neoland e l'Università Europea.
Contenuti
Corso 1: Introduzione al programma e funzionalità
-
U1
benvenuto
-
benvenuto
-
-
U2
installa il programma
-
installa il programma
-
-
U3
Interfaccia di schizzo
-
Interfaccia di schizzo
-
-
U4
Zoom e muoviti
-
Zoom e muoviti
-
-
U5
preferenze
-
preferenze
-
-
U6
Visualizza
-
Visualizza
-
-
U7
Inserisci forme di base
-
Inserisci forme di base
-
-
U8
Menu
-
Menu
-
-
U9
Trasforma, scala, ruota e specchia
-
Trasforma, scala, ruota e specchia
-
-
U10
Selezionare
-
Selezionare
-
-
U11
Sposta, copia, incolla e duplica
-
Sposta, copia, incolla e duplica
-
-
U12
Esercizio: progettazione con forme geometriche e adattamenti a diversi schermi
-
Design con forme geometriche e adattamenti a diversi schermi
-
Corso 2: Stili di forme e uso di vettori e pixel
-
U1
benvenuto
-
benvenuto
-
-
U2
Bordi e colori
-
Bordi e colori
-
-
U3
Lavora con le immagini
-
Lavora con le immagini
-
-
U4
Esporta immagini
-
Esporta immagini
-
-
U5
Vettori, bordi arrotondati, importazione ed esportazione di vettori
-
Vettori, bordi arrotondati, importazione ed esportazione di vettori
-
-
U6
Pixel icone perfette
-
Pixel icone perfette
-
-
U7
Lavora con forme vettoriali
-
Lavora con forme vettoriali
-
-
U8
Booleano con forme geometriche
-
Booleano con forme geometriche
-
-
U9
Esercizio: disegno dell'icona
-
Esercizio: design dell'icona 1
-
Esercizio: design dell'icona 2
-
Corso 3: Organizzare elementi
-
U1
benvenuto
-
benvenuto
-
-
U2
Gruppi di livelli
-
Gruppi di livelli
-
-
U3
Tipi di strato
-
Tipi di strato
-
-
U4
Blocca e sblocca i livelli
-
Blocca e sblocca i livelli
-
-
U5
Misura le distanze, allinea e distribuisci
-
Misura le distanze, allinea e distribuisci
-
-
U6
Pulsante Riproduci e allinea gli elementi nell'intestazione
-
Pulsante Riproduci e allinea gli elementi nell'intestazione
-
-
U7
Ordine dei livelli
-
Ordine dei livelli
-
-
U8
Riorganizza i livelli e gli schermi
-
Riorganizza i livelli e gli schermi
-
-
U9
Riordina gli spazi nei testi
-
Riordina gli spazi nei testi
-
-
U10
Esercizio: disponi e allinea gli elementi su uno schermo
-
Esercizio: disponi e allinea gli elementi su uno schermo
-
Corso 4: Testi e gerarchie
-
U1
benvenuto
-
benvenuto
-
-
U2
Allinea e modifica testo e forme per creare pulsanti
-
Allinea e modifica testo e forme per creare pulsanti
-
-
U3
Migliora l'esperienza di lettura
-
Migliora l'esperienza di lettura
-
-
U4
Gerarchie di testo
-
Gerarchie di testo
-
-
U5
Incolla il testo mantenendo lo stesso stile
-
Incolla il testo mantenendo lo stesso stile
-
-
U6
Esercita i pulsanti di trasformazione
-
Trasforma i pulsanti
-
-
U7
Dimensioni del testo consigliate
-
Dimensioni del testo consigliate
-
-
U8
Stili di testo
-
Stili di testo
-
-
U9
Esercizio: crea schermi mobili combinando diversi stili di testo
-
Esercizio: crea schermi mobili combinando diversi stili di testo 1
-
Esercizio: crea schermi mobili combinando diversi stili di testo 2
-
Corso 5: Scalare il progetto
-
U1
benvenuto
-
benvenuto
-
-
U2
Simboli
-
Simboli
-
-
U3
Modifica i valori con sostituzioni
-
Modifica i valori con sostituzioni
-
-
U4
Compila le informazioni con i dati
-
Compila le informazioni con i dati
-
-
U5
Trasforma gruppi e simboli con il ridimensionamento
-
Trasforma gruppi e simboli con il ridimensionamento
-
-
U6
Crea simboli alternativi
-
Crea simboli alternativi
-
-
U7
Aggiungi stili per modificare le sostituzioni di colore
-
Aggiungi stili per modificare le sostituzioni di colore
-
-
U8
Copia-incolla lo stile del livello
-
Copia / incolla lo stile del livello
-
-
U9
Copia un altro colore e tipi di riempimenti
-
Copia un altro colore e tipi di riempimenti
-
-
U10
Sfumature
-
Sfumature
-
-
U11
Esercizio: elenco delle schermate delle preferenze su cellulare e tablet
-
Esercizio: elenco delle schermate delle preferenze su cellulare e tablet 1
-
Pratica: elenco delle schermate delle preferenze su cellulare e tablet 2
-
Pratica: elenco delle schermate delle preferenze su cellulare e tablet 3
-
Corso 6: Layout, grid, smart layout e prototipazione
-
U1
benvenuto
-
benvenuto
-
-
U2
Layout a 12 colonne
-
Layout a 12 colonne
-
-
U3
Adatta gli elementi al layout e alla griglia
-
Adatta gli elementi al layout e alla griglia
-
-
U4
Ritmo verticale per testi e spaziatura
-
Ritmo verticale per testi e spaziatura
-
-
U5
Usa il layout intelligente
-
Usa il layout intelligente
-
-
U6
Imbottitura con layout intelligente
-
Imbottitura con layout intelligente
-
-
U7
Prototipazione
-
Prototipazione
-
-
U8
Elementi fissi
-
Elementi fissi
-
-
U9
Visualizza l'anteprima del prototipo
-
Visualizza l'anteprima del prototipo
-
-
U10
Esercizio: progetto UI di una web / app e prototipo di schermo di una web / app
-
Esercitazione: progetto UI di una web / app e prototipo di schermate di una web / app 1
-
Progetto della schermata dell'interfaccia utente e prototipo di un'app 2
-
Corso 7: Scorciatoie, trucchi e plugin
-
U1
benvenuto
-
benvenuto
-
-
U2
Tasti rapidi
-
Tasti rapidi
-
-
U3
Più costoso
-
Più costoso
-
-
U4
Trova e sostituisci i colori
-
Trova e sostituisci i colori
-
-
U5
Ridimensiona gli schermi
-
Ridimensiona gli schermi
-
-
U6
Consigli per linee e grafici ad anello
-
Consigli per linee e grafici ad anello
-
-
U7
Sostituisci gli elementi
-
Sostituisci gli elementi
-
-
U8
Crea elenchi di dati per il menu Dati
-
Crea elenchi di dati per il menu Dati
-
-
U9
Riduci le dimensioni del file e gli elementi della versione
-
Riduci le dimensioni del file e gli elementi della versione
-
-
U10
Passa da finestre a schede per più documenti
-
Passa da finestre a schede per più documenti
-
-
U11
La penna per disegnare le curve
-
La penna per disegnare le curve
-
-
U12
Plugin
-
Plugin 1
-
Plugin 2
-
-
U13
Esercizio: adattare uno schermo a una nuova immagine del marchio rinnovata
-
Esercizio: adattare uno schermo a una nuova immagine del marchio rinnovata
-
Esercizio: adattare uno schermo a una nuova immagine del marchio rinnovata 2
-
Esercizio: adattare uno schermo a una nuova immagine del marchio rinnovata 3
-
Esercizio: adattare uno schermo a una nuova immagine del marchio rinnovata 4
-
A proposito di Domestika Basics
I corsi Domestika Basics spiegano passo per passo i software più usati dai creativi di tutto il mondo.
I contenuti sono accuratamente pensati come introduzione per chi vuole conoscere una nuova disciplina creativa e per professionisti con esperienza che desiderano rafforzare le proprie competenze.
Impara insieme ai migliori insegnanti di Domestika grazie a lezioni pratiche, risorse in abbondanza e una difficoltà crescente che ti darà risultati fin dal primo giorno.
Con Domestika Basics crescerai come professionista e ti preparerai per realizzare progetti sempre più importanti.
-
Senza conoscenze previe
Con Domestika Basics hai tutto ciò che ti serve per imparare da zero una nuova disciplina e dominarla.
-
Il software in primo piano
Scopri fondamenti, tecniche e metodi testati per acquisire piena padronanza del software che ti serve.
-
Impara con rapidità
Grazie alla guida chiara e dettagliata dei migliori professionisti, eviterai di perderti nei meandri del programma.
-
Attestati Plus
Se 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.
Sketch
sofia.piedrahitar
Me gustó mucho como se dan los temas, facil de entender
Vedi traduzione
Nascondi traduzione
mam.profesional
Muy bien explicado. Abarca todos los temas importantes del manejo de la aplicación. Consigues la formación básica para manejar Sketch. Muy recomendable
Vedi traduzione
Nascondi traduzione
alboruiz
un buen curso para aprender sobre Sketch, siempre me sirve para regresar a repasar.
Vedi traduzione
Nascondi traduzione
victoria_armas
Súper últil y claro. Está tan bien organizado que cuando me olvido de cómo hacer algo solo vengo aquí y checkeo lo que necesito. Muchas gracias por el curso!!!
Vedi traduzione
Nascondi traduzione
Juan de Marcos
Muy claro para empezar a moverse en Sketch
Vedi traduzione
Nascondi traduzione