Guida Sketch

In questa guida introduttiva illustreremo i concetti fondamentali per usare Sketch, l'applicazione di grafica vettoriale sviluppata dall'azienda olandese Bohemian Coding esclusivamente per macOS. La versione a cui faremo riferimento è la numero 55 che è l'ultima rilasciata al momento della stesura di queste lezioni. Richiede macOS High Sierra(10.13.4) o versioni successive. Attraverso degli esempi pratici scopriremo quali sono le...

Nella precedente lezione abbiamo elencato l'interfaccia utente fra i motivi dell'enorme successo riscosso da Sketch. Infatti, aprendo il programma ci si trova davanti ad un'interfaccia semplice e lineare in cui ogni strumento è facilmente raggiungibile o sono necessari solo pochi click del mouse per attivarlo. Aspetto dell'interfaccia di Sketch Gli screenshot visti finora facevano sempre riferimento alla versione chiara dell'interfaccia (Light...

Nella precedente lezione, descrivendo l'interfaccia di Sketch, abbiamo visto che è possibile organizzare un file in più pagine. Nella colonna di sinistra del programma è sempre visibile l'elenco delle pagine in cui possiamo aggiungerne delle nuove, rinominare quelle esistenti, rimuoverne una e così via. Selezionando una pagina, Sketch mostra l'elenco dei livelli presenti in essa, ovvero la lista degli...

In questa lezione inizieremo a lavorare con i livelli ed illustreremo alcune delle operazioni che è possibile eseguire su questi ultimi. Come aggiungere un nuovo livello in Sketch In Sketch esistono delle forme predefinite che possiamo aggiungere all'area di lavoro selezionando lo strumento Shape che è presente nella barra degli strumenti (oppure Insert > Shape dalla barra dei menu). Alle quattro...

In questa lezione descriveremo in dettaglio il pannello Style di Sketch che viene attivato nell'Inspector ogni volta che creiamo o selezioniamo una forma nell'area di lavoro. Ricordiamo che per ogni nuovo livello Sketch usa uno stile predefinito che possiamo personalizzare. A tal fine dopo aver selezionato un livello ed aggiornato le sue impostazioni presenti nel pannello Style, dovremo scegliere...

In questa lezione della giuda a Sketch approfondiremo l'argomento delle forme ed illustreremo delle nuove operazioni che possono essere eseguite sui livelli. Editare una forma in Sketch Iniziamo quindi a vedere come editare e modificare la struttura di una forma. Ricordiamo che tutte le forme sono costituite da una serie di punti connessi da linee (path). Facendo doppio click su una...

In questa lezione illustreremo come usare lo strumento Text di Sketch per inserire del testo nell'area di lavoro e quali sono gli strumenti relativi presenti nell'Inspector. Vedremo quindi come creare degli stili di testo sulla falsa riga di quanto visto nelle lezioni precedenti con gli stili di livello. Tipi di testo Per inserire del testo in Sketch è necessario attivare lo...

Inserire delle immagini in un documento Sketch supporta vari formati di immagini raster che possono essere inserite nell'area di lavoro in diversi modi. Uno di questi è la barra dei menu dell'applicazione in cui dovremo selezionare Insert > Image.... In alternativa possiamo sempre trascinare un'immagine nell'area di lavoro da qualsiasi cartella del nostro computer o direttamente dal browser. Una volta aggiunta...

In questa lezione esploreremo il mondo dei simboli che costituiscono una delle funzionalità più interessanti ed utili di Sketch. Grazie ai simboli potremo risparmiare diverse ore di lavoro ed organizzare in modo più efficiente un documento. Prima di imparare come crearli, spieghiamo brevemente di cosa si tratta. Cos'è un simbolo In Sketch, i simboli rappresentano un modo per riutilizzare degli elementi...

Cosa sono e a cosa servono le librerie in Sketch Le librerie sono dei semplici file Sketch, come quelli che abbiamo creato finora, che contengono dei Simboli, livelli di stile e livelli di testo. Registrando tali file come librerie, Sketch consentirà di riutilizzare gli elementi in essi definiti all'interno di altri progetti. Le librerie rappresentano il modo migliore per lavorare...

In una delle precedenti lezioni sui simboli in Sketch abbiamo visto come usare un'immagine di sfondo casuale per l'avatar di un utente. E', infatti, spesso utile impiegare delle immagini, dei testi o dei dati casuali all'interno dei progetti che realizziamo. In questo modo abbiamo una visione completa su quello che sarà il prodotto finito e riusciamo a renderci meglio...

In questa lezione vedremo come esportare i livelli, i gruppi o le intere artboard presenti nell'area di lavoro di un file Sketch. Come esportare livelli, gruppi e artboard La procedura da seguire per esportare un livello, un gruppo o un artboard è abbastanza lineare. Innanzitutto dovremo renderli esportabili. Per questo motivo occorre selezionare nell'area di lavoro o nella lista dei livelli...

In questa lezione parleremo della funzione dei prototipi introdotta in Sketch a partire dalla versione 49 con l'intenzione di creare un software sempre più completo, in cui non solo è possibile disegnare l'interfaccia grafica di un sito web o di un'applicazione, ma che permette anche di realizzare un prototipo che offra una visione completa su quello che sarà il...

In quest'ultima lezione parleremo brevemente dei plugin che rappresentano il modo migliore per arricchire Sketch con nuove funzionalità. Nel corso degli anni sono stati creati diversi tipi di plugin da sviluppatori di terze parti. Alcuni di questi risultano particolarmente utili e consentono di utilizzare Sketch in modo più produttivo ed efficiente, semplificando la gestione e l'organizzazione dei file. Installare dei...