L'ultima versione molto attesa di Sketch di Bohemian Coding, è appena stato rilasciato. È un'applicazione che ha promesso molto in passato, con molti designer che l'hanno abbracciata con tutto il cuore. Tuttavia, le due versioni precedenti sembravano troppo immature per il lavoro di livello professionale; la domanda è: la versione 3 ha risposto a queste preoccupazioni e Sketch è pronto per essere utilizzato come app di progettazione per gli studi creativi?

La prima cosa da notare è che a differenza di alcuni pretendenti alla corona di Adobe, Coding Bohemian sono una operazione professionale che ha lavorato alle varie iterazioni di Sketch per sei anni, che negli anni Web le rende vecchie mani. Sketch è un prodotto stabile con relativamente pochi bug e, per quanto posso dire nel tempo dalla versione 3, l'ultima versione è ugualmente ben fatta.

Dove Sketch davvero eccellere sta creando la grafica dell'interfaccia utente. È il mercato che la Boemia sta puntando. Con Fireworks che si sposta in direzione del cestino e Photoshop che viene riproposto come generatore 3D gonfiato, c'è sicuramente una nicchia da riempire.

Disegni di confronto

almost invariably compare Sketch to Photoshop but it's a comparison that doesn't really hold water: the two applications are built for completely different purposes, a more appropriate comparison can be made between Sketch and Fireworks. Gli appassionati di sketch confrontano quasi sempre Sketch con Photoshop ma è un confronto che non regge molto: le due applicazioni sono state create per scopi completamente diversi, è possibile effettuare un confronto più appropriato tra Sketch e Fireworks. E apparentemente è dalla comunità di Fireworks che provengono molti fan di Sketch.

Sarebbe ingenuo fingere che i confronti diretti tra Photoshop e Sketch non continueranno a essere fatti, ma ciò è in gran parte dovuto all'uso (errato) continuo di Photoshop come strumento di creazione di grafica web.

Confronta Sketch con Fireworks e otterrai rapidamente alcune conclusioni interessanti: in primo luogo, la GUI di Sketch è molto più semplice di quella di Fireworks e i miglioramenti apportati a Sketch 3 servono solo ad ampliare tale spazio; in secondo luogo, Sketch è uno strumento web contemporaneo, non sta scappando da ipotesi fatte da Macromedia negli anni '90; in terzo luogo, Sketch offre una mentalità simile a Fireworks, ma con un costante impegno per lo sviluppo, mentre Fireworks, a torto oa ragione, è appena aggrappato allo slot della linea Creative Cloud.

Esportare da Sketch

Una delle funzionalità più popolari di Sketch è l'opzione di esportazione @ 2x. Questo ti permette di esportare una versione più grande della tua immagine per i display retina. Tuttavia, se lavori con i vettori, puoi esportare in qualsiasi dimensione da Photoshop e, se lavori con le bitmap, Sketch non è migliore. Tuttavia, mi piace la semplicità delle opzioni di esportazione di Sketch, anche se ritengo che tutta la grafica vettoriale debba essere resa come SVG (che, a proposito, può fare Sketch).

Per fare un confronto diretto ho disegnato un cerchio vettoriale con un riempimento sfumato in Sketch, Photoshop e Fireworks, esportandolo due volte da ogni applicazione a 244 x 244px e 488 x 488px. I risultati sono stati inaspettati: i due file di Sketch sono arrivati ​​a 53kb e 197kb; Photoshop era di 44kb e 165kb; I fuochi d'artificio erano 8kb e 22kb. Quello, nel linguaggio moderno, è noto come un pestaggio. Naturalmente, il test è stato fortemente sbilanciato verso i programmi vettoriali, e non sono sorpreso che Fireworks sia andato così bene, tuttavia sono rimasto un po 'sorpreso dal trionfo di Photoshop. Se avessi salvato una bitmap complessa, mi aspettavo che Photoshop lo avesse fatto ancora meglio.

Inoltre, sebbene l'opzione di esportazione principale di Sketch sia l'affettatura, Photoshop ora è la funzione di generazione, un processo mediante il quale i livelli vengono esportati dal vivo quando vengono modificati. Dato l'approccio iterativo della maggior parte dei processi di progettazione, questo è qualcosa a cui manca purtroppo Sketch, forse nella versione 4.

La grazia di Sketch in questo senso è che consente l'accesso diretto alle proprietà CSS associate agli elementi, il che significa che potresti non aver bisogno di immagini per i tuoi layout.

Abbracciare la logica CSS

Il più grande successo di Sketch è che Bohemian abbia abbracciato la logica dei CSS. Quando Photoshop è stato rilasciato per la prima volta, CSS semplicemente non esisteva, anche così, è difficile immaginare come Adobe sia riuscita a stabilirsi su tali impostazioni arbitrarie - quando le persone pubblicano interi siti per aiutare i progettisti a convertire un'ombra esterna di Photoshop in un'ombra esterna CSS, quindi qualcuno in Adobe HQ dovrebbe essere in grado di individuare il buco nel loro prodotto. I fuochi d'artificio si comportano un po 'meglio, ma la mancanza di bagaglio di Sketch significa che Bohemian è stata in grado di costruire un'app più in sintonia con il modo in cui i designer contemporanei lavorano.

Certamente gli appassionati di tipo apprezzeranno non dover scegliere una delle opzioni anti-aliasing irrilevanti di Photoshop.

C'è qualcosa da dire non solo per l'efficienza, ma per l'esperienza di utilizzo di un'applicazione, e anche se è difficile essere obiettivi dopo tanti anni di utilizzo di Photoshop, l'approccio CSS di Sketch si sente certamente più ordinato. La coerenza con una mentalità di codifica front-end è uno dei grandi successi di Sketch. Funziona e basta.

Cosa c'è che non va?

Sfortunatamente ci sono alcune scelte discutibili in Sketch 3. Perché, per esempio, è stata posta tanta enfasi sulla creazione di riflessioni di elementi? Le riflessioni sono una stampella dal design intensamente datato e non valgono la pena di pensarci due volte (a meno che tu non faccia parte del team interno di Apple, nel qual caso fanno parte delle linee guida del tuo brand). Non sto tanto mettendo in discussione l'inclusione di riflessioni, piuttosto la decisione di fare una tale caratteristica di loro quando avrebbero potuto essere nascosti da qualche parte inoffensive.

Un'altra delusione è Sketch Mirror, un acquisto aggiuntivo da App Store che ti consente di visualizzare in anteprima il tuo design dal vivo sul tuo dispositivo, a condizione che il tuo dispositivo sia un iPad o un iPhone. I fan di Android dovranno attenersi a Edge Inspect di Adobe, che esegue lo stesso lavoro su più dispositivi.

Queste problematiche diventano insignificanti se messe insieme al fatto che l'adozione di Sketch non è ancora diffusa. Per i singoli designer, in particolare i progettisti iOS, Sketch può essere una preferenza personale a cui hai diritto di agire; ma per i progettisti che lavorano all'interno di un team o che forniscono contenuti ai clienti per lo sviluppo altrove, l'integrazione di Sketch con il flusso di lavoro esistente è limitata. Per il momento, i PSD sono ancora lo standard del settore e, quando i PSD vengono alla fine rifiutati, saranno destinati alla progettazione all'interno del browser, a scapito di tutte le app di progettazione, inclusa Sketch.

È tempo di cambiare?

Lo schizzo non è uno strumento indispensabile. Non è in concorrenza con Photoshop per l'editing di immagini bitmap, e sono sorpreso dal modo in cui ha gestito male l'esportazione di un vettore; rispetto a Fireworks, le sue prestazioni sono un po 'imbarazzanti. Non ha controlli di disegno sofisticati come Illustrator, e non giocherà bene con il flusso di lavoro di chiunque altro che con un design di un solo uomo e un negozio di codice. Tuttavia, Sketch è sostanzialmente più economico di qualsiasi altra offerta di Adobe. C'è una prova di 14 giorni che ti incoraggio a prendere, specialmente se sei uno dei tanti che stanno ancora lamentando la scomparsa di Fireworks.

A parte le critiche, Sketch è uno strumento davvero divertente da usare. È molto veloce da creare e la logica CSS significa convertire i disegni in puro CSS è incredibilmente facile.

La maggior parte dei progettisti non passerà a Sketch come strumento primario, ma come strumento di prototipazione secondario è eccellente, e l'idea di Sketch che sostituisce Fireworks (o Photoshop) non è così strana come sembrava un anno fa; se lo Sketch 4 crea lo stesso tipo di in-roads che Sketch 3 ha realizzato, Adobe avrà una lunga occhiata nervosa sulle loro spalle.