Revisió i valoració d'esbossos

Sketch ràpidament per la seva competència, Sketch està disposat a superar Photoshop com a eina de prototipat d'interfície única, fins al punt que molts desenvolupadors prefereixen que els dissenyadors transmetin fitxers Sketch en lloc de fitxers Photoshop en capes. A diferència de Photoshop, el programari gràfic Sketch es va crear des de la base per dissenyar interfícies interactives. Crea comptes en directe per tal que els clients puguin visualitzar prèviament el que passa quan fan clic, fan lliscar o toquen el seu disseny a l'escriptori, portàtil, tauleta o telèfon. Per tot això, els dissenyadors que utilitzin Photoshop per crear interfícies d'usuari per a ordinadors de sobretaula i dispositius mòbils potser voldrien donar a Sketch una mirada més propera.

Sketch és originari dels Països Baixos, Sketch és un programa de disseny vectorial exclusiu per a Mac, centrat en la creació de prototips interactius de dissenys d'aplicacions web i d'aplicacions. El tipus de disseny que produeix Sketch permet als vostres clients tenir una millor idea de com es veu i respon tot. Al seu torn, això els permet proporcionar una informació més útil sobre la funcionalitat (interfície d'usuari o interfície d'usuari) i l'experiència de l'usuari (UX) i, per tant, permet l'aprovació informada abans de l'etapa de desenvolupament: frenar la frustració i estalviar temps i diners.

La concepció relativament recent (2008) de Sketch es va centrar en el disseny col·laboratiu per a pantalles, de manera que té una avantatge sobre Photoshop, que va debutar 30 anys abans, quan la paraula pantalla tenia a veure amb la mesura de la densitat de semitons. Els dissenyadors van començar a recolzar-se en Adobe Photoshop per organitzar i lliurar fitxers de disseny d’interfícies perquè era la millor eina del quadre per fer la feina, no perquè es tractés d’una eina creada específicament per a aquest propòsit.

Tot i això, Sketch no està sol a l’espai de disseny d’UX. Adobe XD (XD significa Experience Design), publicat el 2016 com a part del Creative Cloud d'Adobe per a Windows i Mac, també és una eina basada en vectoris per a filar fotogrames i produir prototips de clic interactius.

Un segon competidor basat en vectors, conegut com "l'eina de disseny de pantalla més potent del món", és Studio de la plataforma de gestió de sistemes de disseny de pesos pesats, InVision (gratuït per a un prototip, 25 dòlars al mes per a prototips il·limitats). A diferència de Sketch i XD, Studio té un mòdul d'animació avançat integrat. Els treballs realitzats a Sketch es poden sincronitzar a la plataforma InVision mitjançant el seu propi complement Craft Manager. Adobe ofereix un pla d’inici de XD gratuït que té l’emmagatzematge i l’ús limitats (2 GB) d’una part de la col·lecció Adobe Fonts. La versió completa de XD està disponible com a part de la subscripció d'Adobe Creative Cloud (CC), des de 20, 99 dòlars mensuals per a l'aplicació única o des de 54, 99 dòlars anuals per a totes les aplicacions de Creative Cloud, incloses Illustrator, InDesign i Photoshop.

Sketch utilitza una variant en un model de subscripció, que té un cost de 99 dòlars anuals per dispositiu (ja sigui un ordinador o mòbil), per a particulars. Inclou un any d’actualitzacions i Sketch Cloud (per compartir i col·laborar en línia), després del qual podreu mantenir i utilitzar la versió actual per sempre o renovar-vos per 69 dòlars anuals per recuperar actualitzacions periòdiques i beneficis al núvol. Les llicències de volum oscil·len entre 64 dòlars anuals per dispositiu de dos a nou dispositius fins a 49 dòlars cadascun per a 50 o més dispositius.

Val la pena assenyalar que quan compreu una llicència, teniu dret només a un sol seient (només per utilitzar en un equip). Si utilitzeu diversos Mac, com un ordinador d’escriptori i un ordinador portàtil, no teniu sort i haureu de comprar dos seients. Moltes aplicacions basades en subscripcions permeten dos seients per llicència, com a bona oportunitat per a aquells treballadors que treballen la seva feina a l'oficina i el portàtil de casa. Un inconvenient relacionat és que si voleu utilitzar Sketch en un Mac nou o si heu hagut de tornar a formatar la unitat, heu de tornar a registrar Sketch de la vostra màquina / unitat antiga i tornar a registrar-vos.

Començant

Sketch és un complement de descàrrega des del lloc de l'empresa (sketchapp.com); Hi ha una prova gratuïta de 30 dies sense necessitat de targeta de crèdit. Sketch requereix MacOS 10.13.4 (Sierra Alta) o posteriors. La companyia adverteix que si es treballa amb documents múltiples i complexos amb centenars de taulers d'art, es recomana un dels Mac més potents amb RAM. Vaig provar Sketch 53.2 en un MacBook Pro 2018 amb un processador Intel Core i9 de 2, 9 GHz, 32 GB de RAM i una targeta gràfica Radeon Pro 560X.

A la pàgina de descàrrega, Sketch ofereix una Guia per als principiants, una extensa documentació, tutorials i consells i enllaços a les seves xarxes de xarxes socials i desenvolupadors, bloc i xats i Dribble. És acollidor i inspirador veure una llista de reunions i esdeveniments de comunitat de disseny global. A més, el lloc ofereix una gran quantitat de recursos gratuïts i premium UX / UI de Sketch App, inclosos kits de filferro, kits d’UI mòbils, plantilles, maquetes, taulers de comandament, conceptes i icones.

Interfície i lona

Per exemple, esbossa el subjecció i proporciona una interfície d'interès contextual neta amb tres seccions principals, i (per disseny) sense panells flotants. Si ja sou un usuari de Mac, trobareu coneguda la interfície d'usuari de Sketch, ja que es modelitza a les interfícies d'aplicacions d'Apple com Pages, Numbers i Keynote. Amb aquesta darrera versió, el mode fosc d'Apple ja és compatible.

A la part esquerra de la pantalla, trobareu la llista de pàgines amb un inventari de les vostres capes, els elements de contingut individual d’aquestes capes i taulers d’art i el contingut que s’anomena. A la dreta hi ha l'Inspector, on podeu jugar amb les propietats del contingut sobre la capa que heu seleccionat. A la part superior hi ha la Barra d’eines que conté eines i accions. L’escenari central és el vostre llenç on creeu la màgia.

La Llista de pàgines facilita l’organització, l’assignació o el canvi de capes, a més de permetre-vos nomenar, agrupar, seleccionar i duplicar articles de contingut perquè el vostre flux de treball sigui eficient. Quan arribeu el moment de lliurar fitxers a un desenvolupador, tindreu la forma de punta.

Sketch lubrica el vostre flux de treball facilitant o automatitzant tasques comunes amb biblioteques fàcils de fer, estils de text i capa, instàncies de símbols i presets. A més, hi ha disponibles centenars de kits, plantilles i complements d'interès gràfics que permeten estalviar temps que amplien la funcionalitat de Sketch en moltes maneres.

Dibuix i Configuració de tipus en esbós

Com que és un guepard, s'executa el prototipat. Un guepard, sens dubte, és capaç de caminar, però el que ha evolucionat és funcionar. Així mateix, podeu dibuixar Sketch absolutament, i és correcte, però el que és extraordinari sobre Sketch és el seu prototipat. Tot i així, val la pena obtenir una visió general del que es pot fer amb les eines de dibuix de Sketch.

Tota la creació, importació i muntatge de contingut comença amb un clic al menú desplegable Insereix. Hi trobareu les formes esperades de dibuix, eines i text. Les operacions d'ordenació són adequades a la dreta, alineació i distribució; i eines bàsiques no destructives booleanes com la unió, la subtracció, la intersecció i la diferència. Les eines vectorials intuitives i eficients permeten crear i editar formes, els seus punts i les corbes de Bezier. Si bé Sketch pot gestionar tasques essencials de dibuix, no és Illustrator, ni ho és.

La tipografia bàsica en Sketch és senzilla, amb característiques familiars semblants a Microsoft Word i opcions decoratives per a ombres, ompliments i sanefes. Per formatar blocs de tipus, és possible que es requereixi un esforç manual en Sketch que, per exemple, no és compatible amb la fitxa, cal utilitzar la tecla d'espai per simular l'efecte desitjat. Està bé, perquè qualsevol tipus de composició complex no serveix per a res quan es dissenyen dissenys sensibles: tot tipogràfic (mida, salts de línia, guionisme, etc.) canvia quan es visualitzen en diversos dispositius de diferents mides.

Prototips i Disseny Responsiu

A diferència d’altres programes de dibuix (però molt similar a Adobe XD), Sketch facilita la construcció d’un prototip interactiu. Per simular la ruta del vostre lloc o aplicació (IU) i com serà l’experiència (UX), podeu assignar determinades àrees com a desplaçament o no desplaçament, menús d’enllaços i enllaços creuats, símbols, seccions, pàgines i instàncies i definiu els hotspots (àrees de clic). No només podeu previsualitzar els vostres esforços des de l'aplicació, sinó que també podeu utilitzar Mirador d'esbós (més informació sobre aquesta funció a continuació).

Una novetat excel·lent a Sketch és que podeu emplenar camps i formes de text i forma de prototip amb dades realistes dinàmiques en lloc de quedar-se lligats al típic tedium de Lorum Ipsum. A les capes de text o forma seleccionades, podeu assignar un fitxer font des del qual importar text o imatges.

Sketch juga molt bé amb els altres, i no només dins de l'aplicació. Va ser una delícia descobrir que podia copiar i enganxar una icona creada a Illustrator. Després de la importació, Sketch va crear una capa agrupada per al meu art i, a partir d’aquí, podria utilitzar la icona tal com és, afegir-la a una biblioteca o crear un símbol, tal com es pot amb qualsevol art creat dins de l’aplicació.

Al mercat actual, qualsevol disseny ben pensat i orientat a la pantalla ha de donar resposta. Això vol dir que el contingut dins d’una pantalla d’aplicació o pàgina web es redimensiona i canvia automàticament, depenent del dispositiu de visualització (escriptori, ordinador portàtil, mòbil, tauleta). Per tant, el text es redimensiona, els salts de línia canvien i les imatges es redueixen, s’amplien o s’amaguen, depenent del que quedarà millor a cada dispositiu.

A Sketch, heu de crear dissenys i simplificacions diferents de les ràtios aspectes manualment, copiant i enganxant cada element o grup. Tot i així, desitjo que hi hagués una opció d’ajust intel·ligent per a modificacions de disseny responsiu semblant a la mida de mida responsiva en XD o fins i tot a la funció d’ajust de disposició d’InDesign. Tot i que l’ajust del disseny gairebé mai no proporciona una solució perfecta, sens dubte estalvia temps i proporciona un lloc millor per començar que una pàgina en blanc.

Per veure la visualització prèvia dels dissenys de Sketch en temps real als vostres dispositius, hi ha el Mirall Sketch gratuït per iOS, així com diverses aplicacions per fer-ho en dispositius Android. En tots els casos, els dispositius necessitaran connexió Wi-Fi o connexió USB. La presa de decisions de disseny informades beneficia el flux de treball de qualsevol persona i, per tant, poder veure els vostres ajustaments, cultius i dimensionament de text en directe amb Sketch Mirror al dispositiu real és un element important.

Sortida i col·laboració

Quan el vostre treball estigui preparat per rebre comentaris del client o col·laboració en equip, hi ha diverses maneres de compartir. El mètode principal és pujar el vostre document a Sketch Cloud. Després de la càrrega, s’obté un URL i podeu triar a qui convidar a visualitzar el document i establir un dels tres nivells d’accés: Comentar, baixar o utilitzar com a biblioteca. Qualsevol usuari de l'enllaç pot utilitzar les eines de comentari integrades i, si obren la pàgina en una tauleta o telèfon, podran previsualitzar les taules d'art a la resolució completa sempre que hi hagi un disseny per al seu dispositiu.

Les biblioteques connecten a tu i al teu equip amb els presets i actius del projecte. Creeu-los a Sketch és una brisa i és un mètode intel·ligent per emmagatzemar els actius de la marca flexible en un sol lloc accessible globalment, ja sigui local al vostre disc dur, al vostre servidor o, fins i tot, a magatzems de tercers basats en núvols com Dropbox. Una biblioteca és una altra pàgina del Sketch del document que heu designat com a biblioteca, la qual cosa la fa disponible i útil per afegir o revisar els recursos.

Si editeu un símbol que heu creat, quan (o qualsevol altra persona que col·labora en el document) torneu al vostre document de disseny, trobareu un missatge a la part superior dreta de la pantalla que us avisa sobre l'actualització. Aleshores, podeu triar un clic per actualitzar-lo, o podeu decidir treure l'obra d'art de la Biblioteca. L’esbós és important en ordre i organització, de manera que quan feu clic en aquesta alerta, apareix una finestra de diàleg que mostra els components de la vostra biblioteca, que mostra al costat del símbol obsolet i el símbol actualitzat. És fantàstic tenir informació completa al vostre abast.

De forma alternativa, podeu exportar taulers d'art com a pàgines PDF que es poden marcar amb comentaris a Apple Preview, Adobe Acrobat o qualsevol altre programari de visualització de PDF. Sketch també exporta gràfics, llesques i pàgines com a fitxers JPG, PNG i SVG. És més, pot exportar codi per atributs SVG i CSS.

Res d'aparició d'aquesta aplicació

Sketch és una eina a tota regla nascuda per a dissenyadors que creen experiències de disseny basades en pantalla i ho fa de manera magistral. Sketch ha tingut una bona reputació com a eina de prototipat, ja que facilita i agilitza el procés de aprovació i aprovació del disseny, ja que té una interfície intuïtiva i una fàcil col·laboració entre dissenyadors i clients. Per obtenir les millors funcions d’il·lustració vectorial, mireu l’opció dels nostres editors, Adobe Illustrator.