9 funzioni di schizzo che dovresti utilizzare

Sketch è un'applicazione grafica per designer, che si presta molto bene al mondo del web design. Se sei nuovo, potresti non essere a conoscenza di alcuni dei trucchi che Sketch ha nascosto sotto la superficie. Oggi mi piacerebbe dare qualche consiglio in più per accelerare il flusso di lavoro del design.


Resisti. Cos'è Sketch?

Lo scorso anno Sketch ha ricevuto una nuova leccata di vernice con la versione 2, e da allora, sempre più progettisti ci sono passati. La sua semplicità lo rende probabilmente più intuitivo di Photoshop (che, non dimentichiamo, è stato originariamente creato per la modifica e l'elaborazione delle immagini), mentre i suoi strumenti vettoriali sono più che in grado di assumere Illustrator. Sketch non è uno strumento di modifica bitmap. È dotato di un'anteprima dei pixel, ma è progettato per aiutarti a progettare interfacce e icone.


1. Plug-in di simboli per oggetti intelligenti

Molto recentemente Tisho Georgiev ha rilasciato un ottimo plugin per Sketch. Chiamato simboli, ci dà la possibilità di imitare gli oggetti intelligenti; una funzionalità che Sketch non supporta attualmente.

Gli oggetti intelligenti consentono di avere più istanze di un oggetto all'interno del documento. Modificando uno qualsiasi degli oggetti intelligenti, quindi premendo CMD + E, vedrai queste modifiche apportate in tutte le istanze.


Dai un'occhiata a questo video per le istruzioni su come usarlo.

2. Guide intelligenti

Sketch supporta molte scorciatoie da tastiera. Uno di questi esempi è "Guide intelligenti".

Afferrando un oggetto e premendo ALT (o OPZIONE), Verranno visualizzate le Smart Guides, evidenziando la distanza tra l'oggetto selezionato e i bordi del documento. Se si desidera controllare la distanza tra l'oggetto selezionato e un altro oggetto, basta spostare l'oggetto desiderato e le guide intelligenti si regolano.


3. Griglie facili

La creazione di una griglia è semplice, ma può essere ancora più semplice e pulita con Sketch!

Sketch vanta una funzionalità, chiamata semplicemente "Crea griglia". Fare clic sulle quattro caselle nella barra degli strumenti secondaria (mostrata in alto a destra nell'immagine), per visualizzare un menu a comparsa, in cui è possibile definire il numero di righe e il numero di colonne in cui si desidera organizzare gli oggetti selezionati.

Se si desidera definire in modo specifico l'area attorno a ciascun oggetto, nonché la spaziatura tra, è possibile selezionare il boxed opzione.


4. Preset di tavola da disegno

Se stai usando Tavole da disegno (Lo schizzo ha una tela infinita di default) è utile usare i predefiniti di Artboard. Quando fai clic sul pulsante Tavola da disegno sulla barra degli strumenti ti verrà data la possibilità di selezionare i predefiniti dalla barra degli strumenti secondaria.


Preimpostazioni come queste sono anche disponibili, pronte per essere utilizzate, come modelli

Le preimpostazioni ti consentono di organizzare il tuo lavoro utilizzando dimensioni predefinite. Ad esempio, puoi creare un documento con una gamma di tavole da disegno, quindi non devi ricordare tutte le varie dimensioni di favicon necessarie in questi giorni!


5. Modelli

Sketch è in grado di creare un nuovo file direttamente da un modello, attraverso la voce di menu File> Nuovo dal modello, ma puoi anche salvare un file corrente come modello per avviare ogni progetto dalla tua fase attuale. Vai a File> Salva come modello per fare questo.

Questo potrebbe essere molto utile, ad esempio, quando si progetta per iOS. È possibile creare un file con la barra di stato e la barra di navigazione, quindi salvarlo come modello, in modo da poterlo utilizzare in un secondo momento nei prossimi progetti iOS.


6. scorciatoie

Come accennato in precedenza, Sketch offre molte scorciatoie. Dai un'occhiata ai collegamenti del disegno di Robert van Klinken e Jeffrey de Groot. Presenta (quasi) tutte le scorciatoie offerte da Sketch.

Puoi anche creare le tue scorciatoie tramite le Preferenze di Sistema di OS X - alcuni esempi dei quali sono mostrati ai piedi della pagina Scorciatoie dello schizzo.



7. Color Picker

Per scegliere facilmente un colore da qualsiasi punto dello schermo, basta premere CTRL + C. Si aprirà una lente per aiutarti a scegliere esattamente il colore che stai cercando. Davvero semplice Davvero efficace.


8. Perfezione dei pixel

Lascia che ti mostri rapidamente la migliore funzionalità disponibile in Sketch. Ti aiuta a ottenere i pixel perfettamente posizionato all'interno del tuo design.

Se, ad esempio, hai un layer che contiene frazioni di pixel in larghezza o altezza, o non è posizionato molto bene, potresti tipicamente (in altri pacchetti grafici) ottenere un mal di testa che fissa i pixel spezzati per ottenere una perfezione netta. In Sketch, clicca su Modifica> Arrotonda al bordo dei pixel più vicini (o crea una scorciatoia personalizzata per esso) e l'intero livello verrà ripulito.


Due parole per te: Collegamento personalizzato!

Potrebbe essere necessario utilizzare questa funzione dopo aver importato le icone in un file di schizzo, accertarsi di arrotondarle al bordo dei pixel più vicino per assicurarsi che siano pixel perfetti.

Nota: Se stai progettando in @ 2x (per schermi ad alta densità di pixel) e stai esportando in @ 1x tieni presente che ogni posizione di pixel deve essere divisibile per due, altrimenti dovrai dividere nuovamente i pixel e il livello sarà sfocato nel tuo @ 1x risultato.

Nota ancora: Dai un'occhiata all'articolo di Meng To per saperne di più sulla perfezione dei pixel.


9. Esportazione

Esportare è una grande funzionalità che esce dalla scatola con Sketch. Basta andare File> Esporta e disegna tutte le fette che ti servono. Puoi anche esportare come @ 2x, se hai progettato in @ 1x, e viceversa.


Sketch offre un controllo ancora più preciso. Con la voce di menu File> Aggiungi fetta dalla selezione puoi selezionare un livello che hai creato di recente, quindi fare clic su questo elemento per ottenere una sezione che corrisponde esattamente alle dimensioni della selezione.


Conclusione

Sono disponibili molte funzionalità, estensioni e flussi di lavoro utili per Sketch. Utilizza i suggerimenti di cui sopra per migliorare il tuo flusso di lavoro e facci sapere i tuoi suggerimenti nei commenti!