Adobe XD vs Sketch

Ondřej Žáček
Blueberry_cz
Published in
4 min readJul 20, 2018

Když jsem vstupoval do online světa formou grafických elementů a primitivního HTML kódu, designeři v mém okolí používali Adobe Photoshop 7.0 (popřípadě Illustrator), Macromedia Fireworks, ti svobodnější pak GIMP.

Od té doby uteklo již hodně pixelů a vývoj všech zmíněných získal různý směr. Photoshop a Illustrator se nafoukl, Fireworks zanikl, GIMP dospěl a na poli design nástrojů se objevilo mnoho zajímavých titulů. Ano, v poslední době je toho možná příliš a přes Twitter se šíří vtípky, že v roce 2019 už nebude jediného designera, který by pracoval na klientských projektech. Všichni totiž tvořit další a další UI / UX nástroje.

Po nedávném uvolnění Adobe XD zdarma a Dribbble Playoff contestu, kde jsem měl možnost se lépe s XD seznámit, jsem se rozhodl pro krátké srovnání se Sketch.

Sketch

Myslím si, že Sketch není třeba představovat, ale opakování nikomu ještě neublížilo. Sketch je vektorový nástroj pro tvorbu prostředí mobilních a webových aplikací, webových stránek či grafiky nebo ikon.

Je to nástroj určený pouze pro Mac využívající mnoha nativních funkcí systému macOS. Díky tomuto úzkému propojení jeho verze pro Windows neexistuje a pravděpodobně ani nikdy nevznikne.

Osobně na Sketchi oceňuji jeho velmi intuitivní prostředí, které se soustředí jen na to nejnutnější a možnosti libovolného rozšíření. Díky aktivním komunitám vznikají velmi užitečné nástroje na generování obsahu, automatizaci či duplikaci. Poměrně nedávno se Sketch naučil nativně i základní prototypovací funkce a sdílení symbolů a stylů skrz Sketch Cloud.

V poslední době se ale ze Sketche stalo protivné pubertální děcko. Citelně se zpomalil, častěji se objevují pády a při resizování elementů se zježily chlupy nejednomu designerovi. Jo a Text on Path je stále nepoužitelné …

Text on Path. No tak určitě..

AdobeXD

Adobe Experience Design CC, neboli Adobe XD se světu ukázal v roce roce 2015 jako Project Comet pod vedením českého designéra Tomáše Krchy a taktéž představuje vektorový program, který se tváří jako Sketch dvojče. Oproti Sketchi je multiplatformní (a tak jej bez potíží spustíte i na Windows), ale přináší i několik zajímavých funkcí a vlastností.

Osobně největší sílu Adobe XD vidím v týmové práci. I když je Adobe XD šířen zdarma, je plně integrován do Creative Cloud a to včetně možnosti sdílení knihoven, assetů, fontů a symbolů. AdobeXD taktéž podporuje Real-Time collaboration. Na jednom souboru tedy mohou pracovat dva a více designerů.

Radost mi taktéž dělá chytrá funkce Repeat Grid, která šetří hromadu času při duplikování stejného typu obsahu a hromadná nastavení odsazení je otázka jednoho tažení myší.

V Adobe taktéž přemýšleli nad práci s maskami. Stačí si vytvořit požadovaný tvar a pouhým tažením obrázku do okna XD se maska automaticky vytvoří.

Masky se však dají i využít v kombinací s funkcí Repeat Grid. V okamžiku, kdy si tvar nakopírujete a tažením obrázky do XD vložíte rozdistribuují se do všech nakopírovaných tvarů.

Z výčtu dostupných funkcí Adobe XD mě zaujala ještě jedna. Pokud pracujete s různými pravidly svých fontů a rádi byste kopírovali jeden styl na druhý, XD vám umožní rychlou editaci prostřednictvím Paste Appearance. V podstatě jde jen o to si vybrat styl, který hodláte použít a pak jen přes kontextové menu kopírovat.

Sketch vs AdobeXD

AdobeXD představuje velmi zajímavou alternativu ke Sketchi nebo Photoshopu. Je rychlé, velmi jednoduché a intuitivní. Bohužel i navzdory existující verzi na Windows a velmi zajímavým funkcím stále chybí základní dovednosti — pravítko a vodítka, nebo klávesová zkratka pro kapátko a výběr barvy (za tohle já Sketch miluji) a tak při mé práci Sketch zatím nahradit nemůže.

-

Adobe, budu vám držet palce, aby se AdobeXD nadále rozvíjelo a vylepšovalo. Začátek vypadá totiž víc než slibně ;).

--

--