A l’hora de dissenyar llocs web, hi ha una eina (relativament) nova que tot bon dissenyador que es dediqui a aquests temes (disseny per a pantalles) hauria de conèixer.

Es diu Sketch, i arriba d’Holanda.

Sketch està esdevenint un digne competidor de Photoshop, en aquest terreny: el del desenvolupament UX/UI. I és que Photoshop es fa pesat, a l’hora de treballar prototipus de llocs web i apps.

El que ofereix Sketch és una manera de treballar més àgil. Podríem dir que ve a ser una barreja d’Illustrator i Photoshop, però no seria del tot correcte. Perquè Sketch, de fet, prescindeix de bona part de les funcions de Photoshop, que no calen si el que es busca és una eina ràpida de prototipar, des del primers esbossos fins a maquetes complexes que es poden ensenyar al client.

Simplicitat, lleugeresa, velocitat. Aquesta és la causa que fa que Sketch hagi anat guanyant terrreny, arreu del món. I comença a ser un dels requeriments habituals de les ofertes de treball.

La cosa té mèrit, si tenim en compte que es tracta de fer la competència al gran gegant: Adobe. Sketch és una eina creada per una empresa holandesa, Bohemian, que va començar a funcionar el 2008. Amb poc temps, però, ha estat adoptada per una gran comunitat, estesa per tot el món.

Només Mac

Alguna pega havia de tenir, la criatura: de moment no hi ha versió per a Windows, ni se l’espera.
Però, com que la majoria de dissenyadors ja treballen amb Mac, ¿és una gran pega, aquesta?

Té un preu força assequible: 99 euros per anys.
I et pots descarregar una versió de demo des del lloc web del fabricant.

Treballa amb pàgines

Una de les coses que em maravella, de la gent que treballa amb Photoshop per a dissenyar pàgines web, és la capacitat que tenen per treballar diferents pàgines en un sol document. Photoshop no està pensat per aquesta feina. Però bé, jugant amb les capes, amagant i ensenyant, amagant i ensenyant, la gent arriba a fer virgueries.

Illustrator, temps era temps, també tenia aquesta limitació, la de treballar amb només una pàgina. Però això, afortunadament, ja fa temps que és a la paperera de la història.

El flamant Sketch, en aquest sentit, és de l’estil Illustrator. Permet tenir en el mateix document els dissenys diferenciats per a mòbils, tauletes i ordinadors.

Exportar

A l’hora d’exportar, Sketch és més ràpid i fàcil. Pàgines senceres o per peces, element per element.

Com que Sketch és una eina vectorial, com Illustrator, els dissenys es veuen perfectes en tots els dispositius i en totes les mides. Fins i tot es pot exportar com a SVG.

Segurament que, si estàs acostumat a treballar amb Illustrator, trobaràs que Sketch és una mica limitat, parlant de dibuix vectorial. Però com que copiar i enganxar entre els dos programes funciona perfectament, sempre podràs dibuixar el que vulguis amb Illustrator, portar-ho a Sketch i, si convé, acabar-ho de retocar en aquest programa.

Plugins

Com dèiem al principi, Sketch, tot i ser una eina relativament nova, tot i el poc temps que porta ja ha estat adoptada per una gran comunitat, estesa per tot el món.

Podem trobar Meetups (trobades). Per exemple aquest mes de novembre n’hi ha d’organitzades a Alemanya, Itàlia, Mèxic, Perú, a més de diversos llocs dels Estats Units.

Hi ha també una nombrosa comunitat de desenvolupadors que complementen l’eina amb una àmplica gamma de plugins. Per exemple, n’hi ha que omplen de forma automàtica els camps de text, amb dades variades.

Photoshop també en té, de plugins, és clar. Però no estan tan orientats al disseny UX/UI. Al capdavall, no ho oblidem, és un programa de retoc fotogràfic!

Esperant l’Adobe XD

Si estàs dubtant, però ets dels fidels, si no li vols fer el salt a Adobe, hauràs de donar un cop d’ull a una eina nova que aquest gegant del software per a creatius acaba de donar per enllestida.

Després d’un temps en què el projecte estava en fase de proves i se’l coneixia com a Adobe Comet, ara que ja finalment el tenen enllestit l’han batejat simplement com a XD.

Que ve a ser el mateix que l’Sketch, pel que fa a simplicitat, facilitat d’ús. I que potser l’avança en alguns aspectes. Però d’això ja en parlarem un altre dia.

Més informació:

https://www.toptal.com/designers/adobe/sketch-vs-photoshop

https://medium.com/design-with-sketch/design-with-sketch-92608a88c103

https://webdesign.tutsplus.com/tutorials/rapid-prototyping-using-sketch-symbols-and-templates–cms-23021

http://blog.mengto.com/photoshop-users-how-to-switch-to-sketch/