App Sketch: una panoramica e una revisione

Sketch è uno strumento basato su vettori utilizzato per la progettazione dell'interfaccia utente desktop e mobile, mockup e prototipi, e oggi è considerato uno standard del settore. Puoi anche modificare e manipolare le foto con Sketch.

Sketch è così intuitivo che puoi impararlo velocemente anche se non l'hai mai visto prima. È pensato per i designer, non per i laici (non designer) ed è il migliore per i team che soddisfano le esigenze del cliente. Poiché è un'app solo per Mac, è destinata agli utenti Mac.

Panoramica dello schizzo

Quando inizi a utilizzare Sketch, lavorerai su una tela infinita. Puoi personalizzare la barra degli strumenti facendo clic con il pulsante destro del mouse e impostare i preferiti trascinando.

Una tavola da disegno in Sketch rappresenta una schermata o un'interazione all'interno di una schermata. Quando crei una tavola da disegno, puoi scegliere da un elenco di dimensioni dello schermo comuni per Android, iOS, Web e stampa, oppure puoi personalizzarne una tua. C'è anche un plug-in Artboard Manager per l'organizzazione a livello di disturbo ossessivo compulsivo (* cough* me): puoi agganciare le tue tavole da disegno in righe e colonne per riordinarle.

Le pagine in Sketch rappresentano una diversa risoluzione o piattaforma. Se stai creando una tavola da disegno per iOS, li inserirai tutti in una pagina e quindi potrai creare un'altra pagina per il tuo design Android. Un file di schizzo può contenere numerose tavole da disegno e pagine. Ciò ti consente di organizzare il tuo flusso di lavoro in un modo di facile accesso.

Come con la maggior parte degli strumenti di progettazione dello schermo, facendo clic su un livello si aprirà una finestra di ispezione a destra in cui è possibile modificare le proprietà.

Se sei un principiante, inizia con un modello di interfaccia utente. Sketch è precaricato con i modelli iOS, Material Design e Responsive Web (File > Nuovo da modello).

Vantaggi dello schizzo

Lo schizzo è amato per un motivo. Prima di esaminare le sue caratteristiche, parliamo dei suoi vantaggi:

• Semplice e facile da imparare; interfaccia intuitiva
• Crea progetti per più dispositivi
• I clienti possono visualizzare in anteprima cosa accadrà quando interagiscono con un design desktop, laptop, telefono o tablet
• Utili funzioni di collaborazione, in particolare con la sincronizzazione e la condivisione di Sketch Cloud
• La barra degli strumenti è simile al Mac
• Ci sono un assortimento di plugin che possono essere utilizzati con Sketch (Abstract, Craft, Flinto, ecc.)
• Conveniente

Molti dei vantaggi di Sketch sono rispetto a Photoshop. Ad esempio, funziona in modo simile a Photoshop ma a un prezzo inferiore e occupando meno spazio su disco. Alcuni ritengono che Sketch possa persino superare Photoshop ad un certo punto, almeno quando si tratta del principale strumento di prototipazione. Uno dei motivi principali per cui Sketch potrebbe essere più abile nella progettazione dello schermo rispetto a Photoshop è perché è stato progettato specificamente per questo: è uno strumento più giovane e moderno che è stato creato appositamente.

Sketch ha anche molte indicazioni sul suo sito Web, a cui è possibile accedere dalla pagina di download.

Svantaggi e concorrenti

Sketch non ha molto che non vada bene, ma due dei suoi maggiori svantaggi sono (1) puoi usarlo solo su un Mac e (2) puoi usarlo solo su un dispositivo per licenza. Inoltre, come avvertimento, se hai intenzione di creare diversi file complessi con più pagine, vorrai un potente Mac per gestire tutto.

Ci sono due principali concorrenti di Sketch: Adobe XD e InVision Studio. Adobe XD è un altro strumento basato su vettori utilizzato per wireframing e prototipazione. InVision Studio ha un vantaggio sia su Adobe XD che su Sketch: il suo modulo di animazione.

Caratteristiche dello schizzo

Sketch ha molte delle funzionalità di base che ti aspetteresti:

• Strumenti di disegno, forma e testo
• Modifica punti forma e curve di Bezier
• Operazioni di arrangiamento (allineamento, portare in primo piano, distribuzione)
• Strumenti booleani (unione, sottrazione, intersezione, differenza)

Tuttavia, lo schizzo non è progettato per il disegno: è pensato per la prototipazione. Definire gli hotspot; assegnare aree dello schermo come scorrevoli/non scorrevoli; e istanze, menu, pagine, sezioni e simboli di collegamento e collegamento incrociato. Puoi anche importare immagini o testo per popolare il prototipo con dati più realistici rispetto ai segnaposto. Sketch è particolarmente utile quando si tratta di progettare con precisione di alto livello:

• Strumenti per l'alta precisione (griglie e griglia di pixel, righelli, guide intelligenti, ecc.)
• Le guide intelligenti vengono visualizzate prima di iniziare a disegnare per una precisione ottimale
• Tenendo premuto "Alt" viene mostrata la distanza tra il livello che hai selezionato e gli altri, nonché tra il livello e la tavola da disegno
• Seleziona due livelli e allineali tra loro
• L'opzione Distribuisci oggetti consente di normalizzare le distanze tra i livelli
• Imposta la tua griglia di layout

Altre fantastiche funzioni di schizzo

• Lo strumento scala ridimensiona ogni proprietà: bordo, raggio, ombra/ombra interna, dimensione
• L'adattamento dei pixel ti consente di mantenere i pixel nitidi mentre allinei o ridimensioni le forme
• Rilevamento automatico dei colori nel documento e i colori vengono ordinati in base alla frequenza con cui vengono utilizzati
• Lo strumento colore memorizzerà la tua tavolozza per un singolo documento o globalmente
• Passa da RGB a HSB per avere più controllo sui tuoi colori
• I gradienti sono ottimi per sfondi, pulsanti e icone
• Usa gradienti radiali per sfondi grandi e gradienti angolari per sfondi circolari
• Sfocatura dello sfondo personalizzabile; tutti i livelli sotto quello selezionato verranno sfocati automaticamente
• Stili di testo ti consente di riutilizzare il tuo stile tipografico preferito tra i livelli (imposta uno stile globale)
• Crea elementi riutilizzabili (simboli) da condividere tra tavole da disegno; aggiornarne uno sincronizzerà tutti gli altri (se un altro membro del team aggiorna un simbolo, puoi approvare l'aggiornamento o staccarlo dalla tua libreria)
• Se hai una libreria piena di icone e loghi in Photoshop o Illustrator, puoi migrarli su Sketch
• L'attivazione del salvataggio automatico salverà le modifiche in modo da non perdere il duro lavoro
• Il salvataggio automatico crea anche una cronologia delle versioni del tuo progetto

Prezzi di schizzo

Sketch costa $ 99 per il primo anno e $ 69 per rinnovare la licenza ogni anno successivo. Se devi utilizzare Sketch su più di un dispositivo, è disponibile una multilicenza a partire da $ 89 per dispositivo per due dispositivi per il primo anno e $ 64 per dispositivo per i rinnovi. La licenza a volume più grande che puoi acquistare è di oltre 50 dispositivi per $ 59 per dispositivo per il primo anno e $ 49 per dispositivo per i rinnovi. C'è anche una prova gratuita di 30 giorni, senza e-mail o carta di credito richiesta, che inizia dal primo avvio dell'app.

La licenza Sketch include un anno di aggiornamenti, ma puoi utilizzare il software a vita; oppure puoi aggiornare ogni anno per ottenere sempre le ultime versioni. Insieme al software, riceverai anche l'app Mirror, che ti consente di visualizzare in anteprima i tuoi progetti in tempo reale sul tuo iPad o iPhone, e un anno di Sketch Cloud.

Avvolgendo

Per ricapitolare, Sketch è un'interfaccia utente e uno strumento di prototipazione solo per Mac per i progettisti, ma è così facile da imparare che puoi usarlo se sei un principiante o un esperto. Funziona in modo simile a Photoshop, l'interfaccia ricorda i programmi Mac e Sketch fornisce molto aiuto attraverso le loro guide, comunità e modelli e kit precaricati. È flessibile grazie ai plug-in e alla possibilità di utilizzarlo con le librerie di Photoshop e Illustrator. Come strumento di progettazione e prototipazione dello schermo appositamente costruito, enfatizza la precisione nei tuoi progetti e l'organizzazione per i tuoi progetti. Adobe XD è un degno avversario di prototipazione e InVision Studio è la scelta per l'animazione, ma la familiarità con Sketch potrebbe presto diventare un requisito del settore.

Vuoi diventare un esperto di Sketch? Abbiamo messo insieme 25 risorse di schizzo per i designer di temi e plugin di WordPress.