Kaks raskekaalu võistlejat jätkavad sellega võitlust, et saada enim eelistatud disainivahendi esikoht: Adobe XD vs Sketch. Milline tööriist neid kõiki valitseb? Vastus pole lihtne. Kuna mõlemad on viimastel aastatel teinud erakordseid edusamme, on terviklik disainitööriistade funktsioonide, jõudluse ja kasutusmugavuse võrdlus hilinenud.

Sketch oli enne XD debüüdi juba aastaid ees: täpsemalt kuus. Sellel oli lai, spetsiaalne fännibaas, see oli koormatud funktsioonidega ja ulatusliku pistikprogrammi ökosüsteemiga. Kuid Sketchil oli Achilleuse kand - see töötas ainult Mac-arvutitel.

2016. aastal suurendas Adobe kuumust ja hüppas tülli. Nad ei sobitanud Sketchi mitte ainult XD-s sarnaste funktsioonidega, vaid tegid selle ka Windowsis kättesaadavaks. Kuna umbes 78% maailma lauaarvutitest töötab Windowsis, oli see julge ja konkurentsivõimeline samm.

Adobe XD täitis ka olulise augu Creative Suite'i koosseisus. Ilutulestikule anti kuldne käepigistus ja XD pakutavad funktsioonid ei olnud saadaval muudes rakendustes, nagu Illustrator või Photoshop. XD pole mitte ainult sama kerge vektoripõhine kujundustööriist kui Sketch, vaid integreerub paremini ka ülejäänud Adobe Creative Suite'i ökosüsteemiga.

Kuid disainerite seas on arvamused endiselt erinevad, milline tööriist on parem. Lahing on hiljuti kasvanud kõikehõlmavaks sõjaks, kuna mõlemale tööriistale lisatakse kiiresti funktsioone, mängides sageli järelejõudmist ja jäljendades sageli üksteist.

Sukeldume sisse ja võrdleme järgmisi Adobe XD vs Sketch funktsioone:

• Kasutajaliides
• Sümbolidega / põhikomponentidega töötamine
• Varade ja komponentide paneelid
• Kihtide ja komponentide skaleerimine
• Elementide paljundamine ja levitamine
• Reageerivad disainivahendid
• Pistikprogrammid
• Prototüüpimine
• Meeskonna koostöö
• Arendaja üleandmine
• Versioonihaldus ja jagatud raamatukogud
• Tume režiim

Kasutajaliides

Kuigi Sketchil ja Adobe XD-l on sarnane liides, Sketchi kasutajaliides on XD ees . See tundub pigem tugeva ja professionaalse kujundustööriistana, samas kui XD tundub nagu Illustratori ja Photoshopi kitsendatud kombinatsioon.

Aastal märkimisväärne ebamugavus Adobe XD on see, et see kuvab varad vaikepaneel on avatud. Enamik disainereid seda ei oota. Kujundusdokumenti alustades loodavad enamik disainereid seda näha kihid paneel kohe - mitte varad või pistikprogrammid .

➠ Sketchile selle intuitiivse liidese jaoks +1.

Sümbolidega / põhikomponentidega töötamine

Korduvkasutatavad kujundusteegi sümbolid on saadaval nii Sketchis kui ka Adobe XD-s (XD-s nimetatakse neid 'põhikomponentideks'). Kui sümbolit või põhikomponenti värskendatakse, kajastavad värskendust kõik selle komponendi eksemplarid projektis.

Vastupidiselt Adobe XD-le on aga Sketch’s Nutikas paigutus funktsioon on selliste põhikomponentidega töötamisel võimsam. See võimaldab suuremat paindlikkust ja kiiremat töövoogu.

Sisse Visand , saame määrata komponendile kindla paigutuse → lohistage komponent lõuendile → kasutage sisu kohandamiseks alistamisi ja komponent muutub uue sisu põhjal.

➠ Sketchile +1, kuna see teeb sümboleid paremini.

Varade ja komponentide paneelid

Sketch ja Adobe XD jagavad sarnaste varade / komponentide paneele mõningate erinevustega.

Varade puhul on XD-l rippmenüü, mis annab disaineritele võimaluse näha ainult konkreetseid kategooriaid, välja arvatud „Kõik”. Disainerid saavad vahetada ka võrguvaate ja loendivaate vahel. Need valikud muudavad varade paneel XD-s oluliselt kasutajasõbralikum. Samuti pakub rippmenüü konkreetsete kategooriate vaatamiseks suuremat paindlikkust tulevikus rohkemate kategooriate lisamiseks.

Visand on vähem paindlik. See kuvab projekti varasid kolme nupuga segmenteeritud juhtimise all (sümbolite, tekstistiilide ja värvistiilide jaoks). Sketchi abil on komponente võimalik otsida, kuid mitte kategooriate kaupa. XD otsib paremini, otsides kõiki komponente kõigist varadest.

➠ +1 Adobe XD-le, kuna see haldab varasid paremini.

Teiste raamatukogude põhikomponentide kasutamine

Sketchi abil saavad disainerid kiiresti ja hõlpsalt lisada paljudele lingitud raamatukogudele - kohalikele või veebis jagatud - tahvlitele põhisümboleid. Adobe XD-s saab „lingitud varasid” paigutada „XD-pilve” - komponentide, värvide ja märgistiilide - kujundustesse, kuid selle ebamugava töövoo tõttu on Adobe XD palju vähem paindlik.

➠ Sketchile parem UX, kui töötate põhikomponentidega.

Värvistiilide muutmine

Kui varateeki lisatud, laseb Adobe XD seda teha disainerid redigeerige värvistiile ja jälgige värvimuutusi reaalajas kogu tahvlil. Sketchis on värvide ülemaailmseks muutmiseks lahendus, kuid see pole nii intuitiivne kui Adobe XD.

Styles Värvistiilide paremaks muutmiseks lisage Adobe XD-le +1.

Disainisüsteemi seadistamine

Sketchil on suurepärane võimalus komponentide korrastamisel ehitamisel disainisüsteemid (ikoonid, nupud, värvistiilid, tekstistiilid jne). Kasutades nende varade loomisel ja nimetamisel kaldkriipsu '/', rühmitatakse need komponentide paneelil ja paigutatakse hierarhiliselt sisestusmenüüs. See on suurepärane meetod komponentide loogiliseks korraldamiseks ja mõistlik disainerid töötades sadade kujunduselementidega.

Adobe XD ei paku seda paindlikkust.

➠ Sketchile +1 disainivarade hõlpsaks haldamiseks.

Kihtide ja komponentide skaleerimine

Mitut komponenti sisaldavate objektide skaleerimisega ei käitu Adobe XD hästi. Üldiselt saab Sketch sellega palju paremini hakkama. See säilitab elementide vahel proportsionaalse kauguse kenasti näiteks sümboli skaleerimisel.

Lisaks on Sketchil kasulik Skaala kihid tunnusjoon ( Command + K ), kus elementide rühma saab skaleerida, kasutades protsente või numbreid, täpsustades, millisest päritolust skaala järgi. Sketch suurendab valitud kihtide suurust, samas kui stiili atribuudid nagu ääre paksus, varju suurus ja raadius muudetakse sobivalt.

Sketchi teine ​​mugav funktsioon on võime inspektoris elementide suurust muuta arvu või protsendi järgi. See erineb mõnevõrra Skaala kihid käsk üleval. Lisades protsentidele või numbritele järgmised tähed - c / m, t, b, r —Sketch suurendab valitud elementi sellest päritolust. Näiteks, ' 50% c ”Suurendab valitud elementi keskelt 50%.

• c / m: skaala keskelt
• t: skaala ülevalt
• b: skaala altpoolt
• r: skaala paremalt

Märge : Valikut „skaala vasakult” ei kuvata, kuna see on visandis vaikekäitumine.

Vaadake, kuidas kihi skaleerimine Sketchis töötab →

➠ +1 sketšile, et elementide skaleerimisel oleks mitmekülgsem ja täpsem.

Elementide paljundamine ja levitamine

The Korrake võrku Adobe XD on mugav funktsioon, mis muudab rühmade elementidest võrku, mis neid objekte kordab. Enamik disainereid proovis seda XD-d uurides ilmselt paar korda, kuid mitu korda kasutavad disainerid seda? Ja kahjuks Korrake võrku ei haaku kihtidena, oluline puudus.

Sketchi abil saame seevastu all hoida Variant klahv ja lohistage kiht selle kopeerimiseks (hoidke all klahvi Shift võtmega). Pärast seda Command + D kordab elementi nii palju kordi kui soovitakse sama täpse vahega duplikaatide vahel.

Lisaks kiirendab Sketch disaini töövooge Nutikas levitamine . See annab disaineritele suurema kontrolli võrkude loomise, vahekauguse kohandamise ja kihtide järjestuse üle. Peale paljude kasulike pisiasjade Nutikas levitamine teeb, sellel on maagia 'Korralik' inspektoris olev nupp.

Pärast mitme objekti juhuslikku paigutamist tahvlile võime klõpsata nuppu Korralik nuppu ja see jaotab need võluvõrgus maagiliselt ühtlaselt. Vahemikku saame täiendavalt kohandada, lohistades ilmuvaid käepidemeid (kui hõljutate rühma kohal) või sisestades absoluutse täpsuse jaoks käsitsi väärtused.

On loodud mitu Sketchi pistikprogrammi, mis aitavad disaineritel lisaks võrkudele, juhenditele ja levitamisele Nutikas levitamine . Siin on kolm:

Levitage kihte • SketchDistributor • Ühtlaselt jaotatud juhendid

➠ Sketchile +1 elementide paremaks paljundamiseks ja levitamiseks.

Reageerivad disainivahendid

Nii Adobe XD-l kui ka Sketchil on sarnased automaatselt reageerivad funktsioonid. Mõlemad võimaldavad käsitsi juhtida elemendi fikseeritud laiust ja kõrgust, kinnitades samal ajal elemendi piirdekasti kindla alguspunkti külge. Adobe XD-l on ka nutikas tööriist 'reageeriv suuruse muutmine', mis määrab automaatselt elementide ja rühmade suuruse muutmise, kuid see pole täiuslik.

Sketchil on nutikas reageerimisvahend nimega Nutikas paigutus . Disainerid saavad ehitada reageerivaid komponente ja alati, kui nende sisu kohandatakse, vastavad komponendid muudatustele, võimaldades suuremat paindlikkust ja kiiremat töövoogu.

Koos Nutikas paigutus , saavad disainerid hõlpsasti luua nuppe, mille suurust muudetakse automaatselt, säilitades samas püsivad veerised ja täidised - olenemata sellest, kui pikaks tekstisildid muutuvad. Nutikas paigutus töötab ka rühmadega.

Adobe XD on hiljuti juurutanud funktsiooni „reageeriva suuruse muutmine“, kuid see jääb Sketchist siiski maha.

➠ Sketchile +1 kiirete ja hõlpsate reageerimisvõimalustega disainifunktsioonide jaoks.

Pistikprogrammid

Digitaalsete disainivahendite ülekülluse hulgas on Sketch üks kõige jõulisemaid pluginate ökosüsteemid . Tuhandete pistikprogrammide olemasolu on Sketchi üks kõige atraktiivsemaid omadusi ja arendajad teevad pidevalt abistavaid pistikprogramme, mis laiendavad Sketchi funktsionaalsust.

Adobe XD pistikprogrammide kogu kahvatub. Isegi kui sama arendaja loob Sketchi pistikprogrammi XD versiooni, on XD liiga värske, et pistikprogrammi laialdaselt kasutusele võtta. Veelgi enam, paljud uued XD pistikprogrammid ei anna disaineritele piisavalt väärtust, et neid omaks võtta.

➠ Sketchile selle ulatusliku pistikprogrammi ökosüsteemi jaoks +1.

Prototüüpimine

Koos Eneseanimeeritud , Adobe XD on prototüüpide loomise eelvaate tõstnud. Intelligentse automaatse animeerimise funktsiooni abil disainerid suudab prototüüpides luua suurepärase ülemineku, et visualiseerida sisu liikumist ekraanidel. XD võib prototüüpidele lisada helisid ka uue “toiminguga”, mis mängib helirefekte ja muid helifaile vastuseks päästikule.

Sketchil on prototüüpide loomiseks ekraanide vahel mõned põhilised salvrätikud, kuid see ei paku mikrointeraktsioonidega sama voolavust. Pole kindel, millal Sketch võib need lisada. Tundub, et keskendutakse pigem muude väärtuslike funktsioonide, näiteks Assistendid sketšisse.

Sketchi tegijad tunnevad suure tõenäosusega, et väga üksikasjalike mikrointeraktsioonidega prototüüpide loomiseks on palju muid tööriistu, näiteks ProtoPie . See on võimas ja sellega saab Sketchist, Figmast ja Adobe XD-st hõlpsalt kujundusi importida.

Mõlemad Sketch ja Adobe XD on kael, kui tuleb pakkuda rakendusi prototüüpide eelvaadeteks mobiilis: Visandipeegel ja Adobe XD . Rakendused tõmbavad prototüüp kujundatud töölauale mobiiliekraanile USB-kaabli või wifi kaudu.

➠ Prototüüpide visualiseerimiseks automaatselt animeeritud üleminekute jaoks Adobe XD-le +1.

Meeskonna koostöö

Mõlemad tööriistad pakuvad meeskonna koostööd. Sketšil on Visand meeskondadele kus jagatud pilvega tööruumi kasutavad disainerid saavad ideid jagada, olge sünkroonis Jagatud pilveraamatukogud , kontrollige teiste meeskonnaprojektide edenemist ja jätke kujunduste kohta tagasisidet - kõik ühes kohas.

Lisaks saavad kutsutud sidusrühmad ja koostööpartnerid, kellel puudub juurdepääs rakendusele Sketch, brauseris kujundusi vaadata, kontrollida ja kommenteerida. Arendaja üleandmine on integreeritud ka Sketchi kasutades Visand meeskondadele .

Sellest kirjutamisest alates võimaldab Adobe XD esmaklassiline versioon meeskondadel XD-faile Creative Cloudi kaudu teiste disaineritega (võrgus ja võrgus) redigeerida, faile ülevaatamiseks jagada ja arendajatele hõlpsasti tehnilisi andmeid edasi anda. Kõik need funktsioonid on praegu olemas beetaversioonis .

➠ Sketchile sirgjoonelise meeskonnatöö jaoks +1.

Arendaja üleandmine

Kujunduste edasiandmine arendajatele on ülioluline samm ning nii Adobe XD kui ka Sketch saavad sellega võrdselt hakkama. Veebiplatvormide kaudu projekte jagades saavad disainerid genereerida spetsifikatsioone ja teha arendajatega koostööd, et aidata neil kujundusest veebisaite ja rakendusi muuta.

➠ +1 Adobe XD-leja+1 visandilearendaja üleandmiseks.

Versioonihaldus ja jagatud raamatukogud

Kujundusfailide versioonide kontrollimine on hädavajalik, kui töötate sama projekti teiste disaineritega. Samuti hõlbustab see meeskonna koostööd ja tagasisidet disaini kohta tõhusamalt. Sketch on need funktsioonid hiljuti integreerinud Visand meeskondadele . Koos Visandipilv saavad disainerid jagada disainifaile ja Raamatukogud mis hõlbustavad hajusate meeskondade projekteerimissüsteemidega töötamist.

Adobe XD-l on ka pilvefailide versioonisüsteem koos Adobe Creative Cloudiga. Kuigi Creative Cloudi veebisait hoiab XD-failide versioone, pole varasematele versioonidele naasmine võimalik. Eelmisele versioonile naasmiseks peavad disainerid faili avama Adobe XD-s Creative Cloudi veebisaidi kaudu ning seejärel sisu praegusele dokumendile kopeerima ja kleepima. Failiversioonid kustutatakse ka 30 päeva pärast automaatselt, kui neid ei nimetata ega järjehoidjatesse lisatud. Teisisõnu, see pole sujuv protsess.

Nagu Sketch, on ka XD meeskondadel hõlpsasti jagatud varade kasutamine Creative Cloud Librariesi abil. Disainerid saavad nendest teekidest XD-sse tuua värve, tähemärgistiile ja graafikat.

➠ Sketchile +1 failide hõlpsaks versioonimiseks ja pilvega jagatud raamatukogude kasutamiseks.

Tume režiim

Näeb hea välja ja muudab disainilahendused silmapaistvaks

Paljud disainerid eelistavad töötada hämarates ruumides, et näha nende loomingut ekraanil ilma peegelduste ja pimestamiseta. Pimedas režiimis olev kasutajaliides sobib sellesse keskkonda hästi. See tagab suurepärase kontrasti peaaegu kõigi värvide jaoks ja muudab visuaalse sisu silmatorkavamaks.

Tume režiim ei tundu mitte ainult hea, vaid vähendab ka digitaalne silmade tüvi . ” Olgem ausad, disainerid vaatavad suurema osa päevast ekraane. Digitaalne silmade koormus on tavaline seisund, mis mõjutab miljoneid inimesi. Põhjuseks kõik, alates arvuti liigsest kasutamisest kuni korrapärase kokkupuuteni ereda valgusega, võib see põhjustada pea-, kaelavalu, ähmast nägemist ja silmade põletust / kipitust.

Aktsent ja esiletõstetud värvid

Sketch toetab pimedat režiimi alates Sketch 52-st (oktoober 2018). Samuti toetab see macOS Mojave's global Aktsent ja Tõstke esile värvieelistused. Paneelil Kihid, Inspektor ja mujal rakenduses esile tõstetud valitud valikud vastavad süsteemi eelistustele.

Tume režiim pole Adobe XD-s saadaval, isegi mitte MacOS-is.

➠ Pimedas režiimis visandile +1.

Adobe XD vs Sketch Showdown Winner on… visand

Sketch võidab disainivahendite ülemvõimu võitluse märkimisväärse eduga Adobe XD ees.

Mõnes stsenaariumis on valik ilmne: Sketch pole Windowsi jaoks saadaval. Adobe Creative Cloudi tellijate jaoks on märkimisväärne eelis ka see, et XD-stardiplaan on tasuta - ehkki sellega kaasnevad märkimisväärsed piirangud.

Sketchi mitmekülgsus peaks sundima macOS-i disainereid valima Sketchi asemel XD. Selle liides, pistikprogrammid, koostööfunktsioonid, tundlikud kujundustööriistad, korduvkasutatavad sümbolid, jagatud teegid ja muud käepärased funktsioonid trumpavad Adobe XD omad.

See väärib märkimist disainifailide teisaldamine XD-lt Sketchile pole võimalik . Sketchist (ja Photoshopist või Illustratorist) XD-le üleminek on lihtsam, kuna XD suudab Sketch-faile avada. Ainult Sketchi jaoks mõeldud pistikprogrammide (nt.) Kasutamisel võivad tekkida mõned probleemid Abstraktne või InVision käsitöö , kuid seda saab natuke koristada.

Mõned disainerid armastavad Adobe XD-d selle pärast Eneseanimeeritud tunnusjoon. See on atraktiivne funktsioon, mis muudab prototüübid suurepäraseks. Kuid disainerid peavad meeles pidama, et see on ainult üks väljamõeldud atribuut. Arvestades Sketch vs XD eeliseid, pole kompromissid seda väärt. Paljud keerukad prototüüpimise tööriistad on saadaval, mis töötavad Sketchiga sujuvalt.

Lahing pole veel lõppenud. Lähiaastatel peaks Adobe XD vs Sketch käima intensiivse ja täieliku sõjana. Lõppkokkuvõttes saavad kasu disainerid, kuna mõlemale kujundustööriistale lisatakse rohkem võimalusi. See muudab nende igapäevase tööelu palju lihtsamaks ja see on midagi, mida oodata.

---

Andke meile teada, mida arvate! Palun jätke oma mõtted, kommentaarid ja tagasiside allpool.

• • •

Lisalugemine ApeeScape'i disainiblogist:

• Kujundus täpsusega - Adobe XD ülevaade
• Multimodaalse disaini uurimine - Adobe XD õpetus
• Vorm ja funktsioon - juhtmeta juhtmeta tööriistade juhend
• Meisterdage oma käsitööd nende tipp-UX-tööriistadega
• Parimad UX-i disainerite portfellid - inspireerivad juhtumianalüüsid ja näited

Põhitõdesid mõistes

Kas Adobe XD on parem kui Sketch?

Käimas on Adobe XD vs Sketch arutelu selle üle, milline kujundustööriist on parem. Funktsioonide võrdlemisel on asjad suhtelised, kuid paljuski on Sketchiga töötamine parem, eriti kui disainer töötab macOS-is. Kuid Sketch ei tööta Windowsis, nii et sel juhul on Adobe XD kasutamine ilmselge valik.

Kas Adobe XD saab Sketch-faile avada?

Adobe XD saab avada Sketch-failid ja teisendada need XD-failideks. Pärast Sketch-failide teisendamist muutuvad need XD-s redigeeritavaks ja disainerid saavad nendega töötada nagu iga teine ​​Adobe XD-fail. XD-s saab siiski avada ainult Sketch-versiooni 43 või uuemaid versioone kasutades loodud Sketch-faile.

Kas Adobe XD tapab Sketchi ja InVisioni?

On vaieldav, kas XD tapab Sketchi ja muid tööriistu nagu InVision või Figma. Igal disainivahendil on oma tugevused ja nõrkused ning mõned disainerid eelistavad erinevaid tööriistu. Üks otsustav tegur võib olla operatsioonisüsteem, milles tööriist töötab (macOS vs Windows), või kui see on eraldiseisev rakendus vs veebipõhine tööriist.

Kas Adobe XD on lihtne kasutada?

Enamik disainereid on Adobe rakendust varem kasutanud. Neile on tuttav kasutajaliides: vasakul tööriistapaneel, keskel peamine lõuend ja paremal sellised kihid nagu kihid. Õppimiskõver on väike ja toimub enamasti keerukate disainisüsteemide ühendamise ja põhikomponendi alistuste mõistmise ümber.

Kas peaksin õppima Adobe XD-d või Sketchi?

MacOS-i kujundamisel on väga soovitatav investeerida aega Sketch vs Adobe XD õppimisse. Sketchil on lai, spetsiaalne fännibaas, funktsioonidega koormatud ja ulatuslik pistikprogrammi ökosüsteem. See on macOS-i de facto kujundustööriist ja enamiku disainitööde jaoks peaks disainer seda tundma.

Kas Sketchi on raske õppida?

Sketš ei ole väljakutse õppimiseks. Enamik disainereid on enne Sketchi kasutanud mitmesuguseid digitaalseid disainivahendeid ja liides saab olema väga tuttav. Neile, kes alles projekteerimisega alustavad, saavad Sketchi metafoorid tahvlile, kihtidele ja tööriistadele hõlpsasti arusaadavaks ning hakkavad kohe kasutama.