Amžina dizainerių dilema: kuo skiriasi šie du milžinai?
Kai pradedi kurti skaitmeninį produktą, vienas pirmųjų klausimų – kokį įrankį pasirinkti? Jei esi dizaineris arba dirbi su dizaineriais, greičiausiai girdėjai šias dvi magiškas frazes: Adobe XD ir Sketch. Abu įrankiai tapo industrijos standartais, bet kiekvienas turi savo fanatikų armiją, kuri prisiekia, kad jų pasirinkimas yra vienintelis teisingas.
Realybė, žinoma, kiek sudėtingesnė. Nėra vieno „geriausio” įrankio – yra tas, kuris geriau tinka konkrečiam projektui, komandai ar darbo procesui. Per pastaruosius kelerius metus turėjau galimybę dirbti su abiem platformomis įvairiuose projektuose, nuo mažų startuolių iki didelių korporacijų. Ir žinot ką? Kiekvienas kartas buvo skirtingas.
Šiame straipsnyje nenagrinėsiu teorinių specifikacijų – jų rasite bet kurioje oficialių dokumentacijų puslapyje. Vietoj to, pasidalinsiu praktine patirtimi, realiais naudojimo scenarijais ir tais niuansais, kuriuos supranti tik realiai dirbdamas su šiais įrankiais kasdien.
Platformų karai: Mac vs viskas kitas
Pradėkime nuo dramatiškiausio skirtumo, kuris daugeliui iš karto nusprendžia viską – platformų palaikymas. Sketch yra macOS ekskluzyvinis produktas. Taškas. Jei dirbi su Windows ar Linux, Sketch tau tiesiog nepasiekiamas (nebent naudoji kažkokius keistus workaround’us su virtualiosiomis mašinomis, bet rimtai – kam to reikia?).
Adobe XD, priešingai, veikia tiek macOS, tiek Windows sistemose. Tai gali atrodyti kaip smulkmena, bet praktikoje tai keičia viską. Dirbau projekte, kur dizaino komanda naudojo Mac, o developeriai – Windows. Su XD failų perdavimas ir bendradarbiavimas vyko sklandžiai. Su Sketch būtų reikėję ieškoti papildomų sprendimų.
Tačiau štai įdomus niuansas: nors Sketch yra Mac-only, jie turi žiniatinklio versiją, kuri leidžia peržiūrėti ir komentuoti dizainus bet kurioje platformoje. Tai šiek tiek sušvelnina situaciją, bet vis tiek negali pilnai redaguoti dizaino ne-Mac aplinkoje.
Kainų žaidimas: kas išlošia jūsų piniginę?
Pinigai – tai tema, apie kurią visi galvoja, bet ne visi drįsta atvirai kalbėti. Sketch kainuoja 99 USD per metus vienam vartotojui. Tai prenumeratos modelis, kuris suteikia prieigą prie visų atnaujinimų ir debesies funkcijų. Jei nustoji mokėti, vis tiek gali naudoti paskutinę turėtą versiją, bet nebeturėsi prieigos prie debesies funkcionalumo.
Adobe XD yra dalis Creative Cloud ekosistemos. Gali jį gauti atskirai už apie 9,99 USD per mėnesį arba kaip dalį pilno Creative Cloud paketo už 54,99 USD per mėnesį. Jei jau naudoji kitus Adobe produktus (Photoshop, Illustrator, After Effects), tai gali būti labai patrauklu.
Bet štai ką pastebėjau praktikoje: daugelis dizainerių vis tiek naudoja Photoshop ar Illustrator tam tikriems dalykams, net jei pagrindinis jų įrankis yra Sketch. Todėl galiausiai vis tiek moka už Creative Cloud. Tokiu atveju XD tampa beveik nemokamu priedėliu.
Yra ir nemokamos versijos. Adobe XD turi gana dosnią nemokamą versiją su tam tikrais apribojimais (pvz., ribotu aktyvių dokumentų skaičiumi). Sketch tokios nemokamos versijos neturi – tik bandomąjį laikotarpį.
Dizaino procesas: nuo idėjos iki prototipo
Dabar pereikime prie to, kas iš tiesų svarbu – kaip šie įrankiai jaučiasi kasdienėje praktikoje. Sketch turi ilgesnę istoriją – jis atsirado 2010-aisiais ir iš esmės revoliucionizavo UI dizainą, pakeisdamas Photoshop kaip pagrindinį įrankį. Tai reiškia, kad jis yra brandus, ištobulintas ir turi milžinišką plugin’ų ekosistemą.
Dirbant su Sketch, iš karto jauti, kad jis sukurtas būtent UI/UX dizainui. Simbolių (symbols) sistema yra intuityvi ir galinga. Galiu sukurti komponentą, pavyzdžiui, mygtuką, ir jį pakartotinai naudoti visame projekte. Kai pakeičiu pagrindinį simbolį, visi jo egzemplioriai atsinaujina automatiškai. Skamba paprasta, bet tai sutaupo neįtikėtiną kiekį laiko.
Adobe XD atsirado vėliau – 2016-aisiais, bet greitai pasivijo konkurentus. Jo prototipavimo galimybės iš karto buvo stipresnės nei Sketch. XD leidžia kurti interaktyvius prototipus su animacijomis, perėjimais ir net balso komandomis. Tai darai tiesiogiai įrankyje, be papildomų plugin’ų.
Praktinis patarimas: jei tavo projektas reikalauja daug prototipavimo ir klientui reikia parodyti, kaip produktas veiks realybėje, XD turi pranašumą. Jei daugiau fokusuojiesi į statinį dizainą ir komponentų sistemą, Sketch gali būti geresnis pasirinkimas.
Komponentų ir simbolių filosofija
Čia prasideda įdomiausi skirtumai. Abu įrankiai turi komponentų sistemas, bet jos veikia šiek tiek skirtingai. Sketch naudoja Symbols ir Overrides koncepciją. Sukuri simbolį, tada gali keisti jo „overrides” – tekstą, spalvas, tam tikrus elementus – kiekviename simbolio egzemplioriuje atskirai.
Adobe XD naudoja Components ir States sistemą. Tai šiek tiek modernesnė koncepcija. Gali sukurti komponentą su skirtingais būsenomis (states) – pavyzdžiui, mygtukas gali turėti „normal”, „hover”, „pressed” būsenas. Tai labai patogu kuriant interaktyvius elementus.
Dirbau projekte, kur kūrėme sudėtingą dizaino sistemą su šimtais komponentų. Su Sketch simbolių valdymas tapo šiek tiek chaotiškas – reikėjo labai griežtos pavadinimų konvencijos ir organizacijos. XD komponentų sistema su būsenomis atrodė švaresnė ir lengviau valdoma.
Bet štai kur Sketch išlošia: plugin’ai. Yra plugin’as beveik bet kam. Reikia automatiškai generuoti duomenis? Yra plugin’as. Reikia eksportuoti į specifinį formatą? Yra plugin’as. Reikia integruoti su kažkokia egzotine sistema? Greičiausiai yra plugin’as. XD plugin’ų ekosistema auga, bet dar neprilygsta Sketch.
Bendradarbiavimas ir komandinis darbas
Modernus dizainas niekada nėra vieno žmogaus darbas. Dirbi su kitais dizaineriais, su developeriais, su produkto vadybininkais, su klientais. Todėl bendradarbiavimo funkcijos yra kritiškai svarbios.
Sketch Cloud leidžia dalintis dizainais, gauti komentarus, versijų kontrolę. Bet čia reikia pripažinti – tai nebuvo Sketch stiprioji pusė ilgą laiką. Jie daug investavo į tai pastaraisiais metais, ir dabar situacija žymiai geresnė, bet vis dar jaučiasi, kad tai buvo pridėta vėliau, o ne suprojektuota nuo pradžių.
Adobe XD su savo Creative Cloud integracija šioje srityje jaučiasi natūraliau. Dalintis prototipais, gauti komentarus, bendradarbiauti realiu laiku – visa tai veikia sklandžiai. Be to, jei tavo komanda jau naudoja kitus Adobe produktus, viskas integruojasi į vieną ekosistemą.
Praktinis pavyzdys: dirbome su klientu užsienyje, kuris norėjo nuolat matyti progresą ir komentuoti. Su XD tiesiog siųsdavome nuorodą į prototipą, ir jie galėjo jį peržiūrėti naršyklėje, komentuoti konkrečius elementus, net išbandyti interaktyvumą. Nereikėjo jokių papildomų įrankių ar sudėtingų setup’ų.
Integracija su kūrimo procesu
Dizainas neegzistuoja vakuume – jis turi virsti realiu produktu. Todėl integracija su developerių įrankiais yra svarbi. Abu įrankiai turi „handoff” funkcijas – galimybę developeriams peržiūrėti dizainą ir gauti reikalingą informaciją (spalvas, šriftus, atstumus, net kodą).
Sketch turi Inspect funkciją, kuri leidžia developeriams peržiūrėti dizainą ir gauti CSS, iOS ar Android kodą. Bet dažnai praktikoje naudojami trečiųjų šalių įrankiai kaip Zeplin ar Avocode, kurie suteikia dar daugiau galimybių.
XD turi integruotą Design Specs funkciją, kuri veikia panašiai. Developeriams siunti nuorodą, ir jie gali matyti visą reikalingą informaciją. Tai veikia gerai, bet kartais jaučiasi, kad trūksta kai kurių detalių, kurias suteikia specializuoti įrankiai.
Įdomus faktas: kai kurios komandos vis tiek naudoja Figma šiam etapui, net jei dizainas buvo sukurtas Sketch ar XD. Tai rodo, kad developer handoff vis dar yra problema, kurią sprendžia visa industrija.
Našumas ir failų valdymas
Kalbant apie kasdienį darbą, našumas yra svarbus. Niekas nenori laukti, kol įrankis „pagalvos”. Sketch failai gali tapti gana dideli, ypač sudėtinguose projektuose su daugybe artboard’ų ir simbolių. Pastebėjau, kad didesniuose projektuose (50+ ekranų) Sketch kartais pradeda lėtėti. Sprendimas – skaidyti projektą į kelis failus, bet tai prideda organizacinio darbo.
XD šioje srityje jaučiasi šiek tiek greitesnis, bent jau mano patirtyje. Failai atrodo kompaktiškesni, ir įrankis retai lėtėja net su dideliais projektais. Galbūt tai dėl to, kad XD yra naujesnis ir sukurtas su šiuolaikinėmis technologijomis.
Versijų kontrolė – dar viena svarbi tema. Sketch failai yra iš esmės ZIP archyvai su JSON failais viduje, todėl teoriškai galima naudoti Git. Praktikoje tai sudėtinga ir ne visada veikia gerai. Sketch Cloud turi versijų kontrolę, bet ji gana paprasta. XD taip pat turi versijų istoriją, integruotą į Creative Cloud.
Patarimas iš praktikos: nesvarbu, kurį įrankį naudoji, turėk aiškią failų pavadinimų ir organizavimo sistemą. Ir daryk backup’us. Daug backup’ų. Mačiau projektus, kurie buvo prarasti dėl sugadintų failų ar debesies sinchronizacijos problemų.
Kas laimės šią kovą: atsakymas, kurio nesitikėjote
Taigi, kuris įrankis geresnis? Jei skaitėte visą straipsnį tikėdamiesi aiškaus nugalėtojo paskelbimo, turiu jus nuvylti – tokio nėra. Ir tai iš tiesų gera žinia, nes reiškia, kad turime pasirinkimą.
Sketch yra puikus pasirinkimas, jei dirbi Mac aplinkoje, vertini brandų produktą su milžiniška plugin’ų ekosistema ir nori įrankį, kuris yra lazeriškai sufokusuotas į UI/UX dizainą. Jis ypač tinka, jei dirbi su sudėtingomis dizaino sistemomis ir reikia daug simbolių bei komponentų.
Adobe XD švyti, jei dirbi mišrioje platformų aplinkoje, jau naudoji kitus Adobe produktus, arba tau svarbus stiprus prototipavimas ir animacijos. Jis taip pat geresnis pasirinkimas, jei esi pradedantysis – mokymosi kreivė yra šiek tiek švelnesnė.
Bet štai ką pastebėjau per metus: daugelis profesionalių dizainerių galiausiai mokosi naudoti abu įrankius. Kartais projektas diktuoja pasirinkimą – galbūt klientas jau turi dizaino sistemą Sketch, arba komanda dirba su Adobe ekosistema. Lankstumas tampa didesne vertybe nei fanatiškas atsidavimas vienam įrankiui.
Mano asmeninis workflow’as šiandien? Naudoju Sketch dideliems projektams su sudėtingomis komponentų sistemomis, ypač kai dirbu tik Mac aplinkoje. XD – greičiausiam prototipavimui ir kai reikia parodyti klientui interaktyvų demo. Ir žinot ką? Tai veikia puikiai.
Galų gale, įrankis yra tik įrankis. Svarbu ne tai, ar naudoji Sketch ar XD, o tai, kaip gerai supranti dizaino principus, vartotojų poreikius ir gebėji išspręsti problemas. Geras dizaineris sukurs puikų produktą su bet kuriuo įrankiu. Prastas dizaineris nesukurs gero produkto net su geriausiu įrankiu pasaulyje. Tai skamba kaip klišė, bet tai tiesa, kurią verta prisiminti kiekvieną kartą, kai pradedame naują projektą.