Kaksi raskaansarjan kilpailijaa jatkaa taistelua saadakseen suosituimman suunnittelutyökalun kärkipaikan: Adobe XD vs Sketch. Mikä työkalu hallitsee niitä kaikkia? Vastaus ei ole yksinkertainen. Koska molemmat ovat edistyneet huomattavasti viime vuosina, ominaisuuksien, suorituskyvyn ja helppokäyttöisyyden kattava suunnittelutyökalujen vertailu on myöhässä.
Sketch oli jo vuosia edessä ennen XD: n debyyttiä: tarkalleen kuusi. Sillä oli laaja, omistettu tuuletinpohja, se oli täynnä ominaisuuksia ja laaja plugin-ekosysteemi. Mutta Sketchillä oli Achilles-kantapää - se toimi vain Mac-tietokoneissa.
Vuonna 2016 Adobe nosti lämpöä ja hyppäsi taisteluun. Paitsi että he sovittivat Sketchin vastaaviin ominaisuuksiin XD: ssä, he tekivät sen saataville myös Windowsille. Koska noin 78% maailman pöytätietokoneista toimii Windowsissa, tämä oli rohkea, kilpailukykyinen liike.
Adobe XD täytti myös huomattavan aukon Creative Suite -valikoimassa. Ilotulitus sai kultaisen kädenpuristuksen, eikä XD: n tarjoamia ominaisuuksia ollut saatavilla muissa sovelluksissa, kuten Illustratorissa tai Photoshopissa. XD ei ole vain kevyt, vektoripohjainen suunnittelutyökalu kuin Sketch, vaan se integroituu paremmin myös muuhun Adobe Creative Suite -ekosysteemiin.
Suunnittelijoiden keskuudessa mielipiteet vaihtelevat kuitenkin siitä, mikä työkalu on parempi. Taistelu on äskettäin kasvanut kaiken sodaksi, kun ominaisuuksia lisätään nopeasti molempiin työkaluihin, usein pelaamalla kiinni ja usein jäljittelemällä toisiaan.
Sukelletaan sisään ja verrataan seuraavia ominaisuuksia Adobe XD: ssä vs Sketch:
Vaikka Sketchillä ja Adobe XD: llä on samanlainen käyttöliittymä, Sketchin käyttöliittymällä on edut XD: n suhteen . Se tuntuu pikemminkin vankalta ja ammattimaiselta suunnittelutyökalulta, kun taas XD tuntuu supistetulta yhdistelmältä Illustratorista ja Photoshopista.
Merkittävä haitta vuonna 2007 Adobe XD on, että se näyttää omaisuuserät paneeli on oletusarvoisesti auki. Tätä useimmat suunnittelijat eivät odota. Aloittaessaan suunnitteluasiakirjan useimmat suunnittelijat odottavat näkevänsä kerroksia paneeli heti - ei omaisuuserät tai laajennukset .
➠ +1 Sketchille sen intuitiivinen käyttöliittymä.
Uudelleenkäytettäviä suunnittelukirjaston 'symboleja' on saatavana sekä Sketchissä että Adobe XD: ssä (XD: ssä niitä kutsutaan 'pääkomponenteiksi'). Kun symboli tai pääkomponentti päivitetään, kaikki muut projektin komponentin esiintymät heijastavat päivitystä.
Toisin kuin Adobe XD, Sketch's Älykäs asettelu ominaisuus on tehokkaampi, kun työskentelet tällaisten pääkomponenttien kanssa. Se mahdollistaa enemmän joustavuutta ja nopeammat työnkulut.
Sisään Luonnos , voimme määrittää komponentille tietyn asettelun → vedä komponentti kankaalle → käytä ohituksia sisällön mukauttamiseen, ja komponentin kokoa muutetaan uuden sisällön perusteella.
➠ +1 luonnokseen, koska se tekee symboleista paremmin.
Sketch ja Adobe XD jakavat samanlaisia resursseja / komponentteja sisältäviä paneeleja eräin eroin.
Omaisuuserien osalta XD: llä on avattava valikko, joka antaa suunnittelijoille mahdollisuuden nähdä vain tietyt luokat paitsi Kaikki. Suunnittelijat voivat myös vaihtaa ruudukkonäkymän ja luettelonäkymän välillä. Nämä vaihtoehdot tekevät omaisuuspaneeli XD: ssä huomattavasti käyttäjäystävällisempi. Tiettyjen luokkien tarkasteleminen avattavassa valikossa tarjoaa myös enemmän joustavuutta lisätä uusia luokkia tulevaisuudessa.
Luonnos on vähemmän joustava. Se näyttää projektivarastot kolmen painikkeen segmentoidussa ohjauksessa (symboleille, tekstityyleille ja värityyleille). Sketchin avulla komponentit ovat haettavissa, mutta eivät eri luokissa. XD etsii paremmin etsimällä kaikki komponentit kaikista resursseista.
➠ +1 Adobe XD: lle, koska se hallinnoi resursseja paremmin.
Sketchin avulla suunnittelijat voivat lisätä masterisymboleja taululle useista linkitetyistä kirjastoista - paikallisista tai jaetuista verkossa - nopeasti ja helposti. Adobe XD: ssä 'linkitetyt resurssit' voidaan sijoittaa malleihin 'XD-pilvestä' - komponentit, värit ja merkkityylit - mutta tämän hankalan työnkulun takia Adobe XD on paljon vähemmän joustava.
➠ +1 Sketchiin paremman käyttömukavuuden takaamiseksi, kun työskentelet pääkomponenttien kanssa.
Kun Adobe XD on lisätty omaisuuskirjastoon, se antaa suunnittelijat muokkaa värityylejä ja seuraa värimuutosta reaaliajassa taulukoilla. Sketchissä on kiertotapa värien muokkaamiseen maailmanlaajuisesti, mutta se ei ole yhtä intuitiivinen kuin Adobe XD.
➠ +1 Adobe XD: lle värityylien parempaan muokkaamiseen.
Luonnoksessa on loistava tapa järjestää komponentteja rakennettaessa suunnittelujärjestelmät (kuvakkeet, painikkeet, värityylit, tekstityylit jne.). Käyttämällä kauttaviivaa ‘/’ luodessasi ja nimeäessä näitä resursseja, ne ryhmitellään komponentit-paneelissa ja järjestetään hierarkkisesti lisäysvalikossa. Se on erinomainen tapa järjestää komponentit loogisella tavalla ja järkevällä tavalla suunnittelijat työskentelee satojen suunnitteluelementtien kanssa.
Adobe XD ei tarjoa tätä joustavuutta.
➠ +1 Sketchiin suunnitteluomaisuuden hallinnan helpottamiseksi.
Adobe XD ei käsittele useita komponentteja sisältäviä objektien skaalausta hyvin. Yleensä Sketch hoitaa tämän paljon paremmin. Se säilyttää elementtien välisen suhteellisen etäisyyden hienosti esimerkiksi skaalattaessa symbolia.
Lisäksi Sketchillä on hyödyllinen Skaalaa kerrokset ominaisuus ( Komento + K ), jossa joukko elementtejä voidaan skaalata käyttämällä prosenttiosuuksia tai lukuja samalla kun määritetään, mistä alkuperästä skaalata. Luonnos muuttaa valittujen tasojen kokoa, kun taas tyylimääritteet, kuten reunuksen paksuus, varjon koko ja säde, skaalataan asianmukaisesti.
Toinen Sketchin kätevä ominaisuus on kyky muuttaa tarkastajan elementtejä numeroilla tai prosentteilla. Tämä eroaa hieman Skaalaa kerrokset komento yllä. Liittämällä seuraavat kirjaimet prosentteihin tai numeroihin - c / m, t, b, r —Sketch skaalaa valitun elementin kyseisestä alkuperästä. Esimerkiksi, ' 50% c ”Skaalaa valitun elementin 50% keskustasta.
Huomautus : Skaalaa vasemmalta -vaihtoehtoa ei näytetä, koska se on Sketchin oletuskäyttäytyminen.
Katso, kuinka kerroksen skaalaus toimii Sketchissä →
➠ +1 luonnokseen lisää monipuolisuutta ja tarkkuutta elementtien skaalauksessa.
Toista ruudukko Adobe XD on kätevä ominaisuus, joka muuttaa joukon elementtejä ruudukoksi, joka toistaa kyseiset objektit. Useimmat suunnittelijat kokeilivat sitä todennäköisesti muutaman kerran tutkittaessa XD: tä, mutta kuinka monta kertaa suunnittelijat käyttävät sitä? Ja valitettavasti, Toista ruudukko ei tartu kerroksiin, merkittävä puute.
Sketchin avulla voimme toisaalta pitää Vaihtoehto -näppäin ja kopioi taso vetämällä (pidä pohjassa Siirtää avain myös sen rajoittamiseksi). Sitä seuraten, Komento + D toistaa elementin niin monta kertaa kuin halutaan samalla tarkalla etäisyydellä kaksoiskappaleiden välillä.
Lisäksi Sketch nopeuttaa suunnittelun työnkulkuja Älykäs jakelu . Se antaa suunnittelijoille paremman hallinnan ruudukkojen luomisessa, välien säätämisessä ja tasojen järjestyksessä. Lukuun ottamatta monia hyödyllisiä pieniä asioita Älykäs jakelu ei, sillä on taika 'Siisti' -painiketta tarkastuksessa.
Kun olemme asettaneet useita esineitä satunnaisesti taululle, voimme napsauttaa Siisti -painiketta, ja se jakaa ne maagisesti tasaisesti ristikkoon. Voimme tehdä lisää säätöjä väliin vetämällä näkyviin tulevia kahvoja (kun hiiri leijuu ryhmän päälle) tai syöttämällä manuaaliset arvot absoluuttisen tarkkuuden saavuttamiseksi.
Useita Sketch-laajennuksia on luotu auttamaan suunnittelijoita ruudukkojen, oppaiden ja jakelun lisäksi Älykäs jakelu . Tässä on kolme:
Levitä tasot • SketchDistributor • Tasaisesti jaetut oppaat
➠ +1 Sketchiin kopioida ja jakaa elementtejä paremmin.
Sekä Adobe XD: llä että Sketchillä on samanlaiset automaattiset toiminnot. Molemmat mahdollistavat elementin kiinteän leveyden ja korkeuden manuaalisen ohjaamisen samalla, kun kiinnitetään elementti tiettyyn rajauskotelon alkuperään. Adobe XD: ssä on myös älykäs 'reagoiva koon muuttaminen' -työkalu, joka määrittää elementtien ja ryhmien koon automaattisesti - mutta se ei ole täydellinen.
Luonnoksessa on älykäs reagoiva työkalu nimeltä Älykäs asettelu . Suunnittelijat voivat rakentaa reagoivia komponentteja, ja aina kun niiden sisältöä muokataan, komponentit mukautuvat muutokseen, mikä mahdollistaa enemmän joustavuutta ja nopeammat työnkulut.
Kanssa Älykäs asettelu Suunnittelijat voivat helposti luoda painikkeita, joiden koko muuttuu automaattisesti, samalla kun marginaalit ja täytteet pysyvät tasaisina - riippumatta siitä kuinka kauan tekstitarrat jatkavat. Smart Layout toimii myös ryhmien kanssa.
Adobe XD on äskettäin ottanut käyttöön reagoivan koon muuttamisen, mutta se on silti jäljessä Sketchistä.
➠ Sketchille +1 nopeaan ja helppoon reagoivaan suunnitteluominaisuuteen.
Sketchillä on yksi vankimmista digitaalisten suunnittelutyökalujen runsaudesta plugin-ekosysteemit . Tuhansien laajennusten saaminen on yksi Sketchin houkuttelevimmista ominaisuuksista, ja kehittäjät tekevät jatkuvasti hyödyllisiä laajennuksia, jotka laajentavat Sketchin toiminnallisuutta.
Adobe XD: n laajennuskokoelma on kalpea verrattuna. Vaikka sama kehittäjä luo Sketch-laajennuksen XD-version, XD on liian uusi, jotta laajennusta voidaan käyttää laajasti. Lisäksi monet uudet XD-laajennukset eivät tuota tarpeeksi arvoa suunnittelijoille heidän omaksumiseksi.
➠ +1 Sketchille laajalle laajennusekosysteemille.
Kanssa Itsenäinen , Adobe XD on nostanut prototyyppien muodostamisen anteeksi. Älykkään automaattisen animoinnin avulla suunnittelijat voi luoda upeita prototyyppien siirtymiä visualisoidakseen sisällön liikkumista näytöissä. XD voi myös lisätä ääniä prototyyppeihin uudella 'toiminnolla', joka toistaa äänitehosteita ja muita äänitiedostoja vastauksena laukaisimiin.
Luonnoksessa on joitain peruspyyhkeitä näyttöjen välillä prototyyppien tekoa varten, mutta se ei tarjoa samaa juoksevuutta mikrointeraktioiden kanssa. Ei ole varmaa, milloin Sketch voi lisätä ne. Näyttää siltä, että painopiste on enemmän muiden arvokkaiden ominaisuuksien, kuten Avustajat luonnokseen.
Sketchin tekijät kokevat todennäköisesti, että on olemassa monia muita työkaluja prototyyppien luomiseen erittäin yksityiskohtaisilla mikro-vuorovaikutuksilla, kuten ProtoPie . Se on tehokas ja voi tuoda malleja helposti Sketchistä, Figmasta ja Adobe XD: stä.
Sekä Sketch että Adobe XD ovat niska ja kaula tarjotessaan sovelluksia prototyyppien esikatseluun mobiililaitteilla: Luonnospeili ja Adobe XD . Sovellukset vetävät prototyyppi Suunniteltu työpöydälle mobiilinäyttöön USB-kaapelin tai wifin kautta.
➠ +1 Adobe XD: lle automaattianimaatioille prototyyppien visualisoimiseksi.
Molemmat työkalut tarjoavat tiimien yhteistyötä. Luonnoksessa on Luonnos joukkueille missä jaettua pilvityötilaa käyttävät suunnittelijat voivat jakaa ideoita, pysy synkronoituna Jaetut pilvikirjastot , tarkista muiden tiimiprojektien eteneminen ja jätä palautetta suunnittelusta - kaikki yhdessä paikassa.
Lisäksi kutsutut sidosryhmät ja yhteistyökumppanit, joilla ei ole pääsyä Sketch-sovellukseen, voivat tarkastella, tarkastaa ja kommentoida malleja selaimessa. Kehittäjien kanavanvaihto on myös integroitu Sketchiin Luonnos joukkueille .
Tämän kirjoituksen jälkeen Adobe XD: n premium-versio antaa ryhmille mahdollisuuden muokata XD-tiedostoja muiden suunnittelijoiden kanssa (online- ja offline-tilassa) Creative Cloudin kautta, jakaa tiedostoja tarkistettavaksi ja luovuttaa tekniset tiedot helposti kehittäjille. Kaikki nämä ominaisuudet ovat tällä hetkellä beetaversiossa .
➠ +1 luonnokseen suoraviivaista tiimien yhteistyötä varten.
Suunnittelun luovuttaminen kehittäjille on tärkeä askel, ja sekä Adobe XD että Sketch käsittelevät sitä yhtä hyvin. Jakamalla projekteja online-alustojen kautta suunnittelijat voivat luoda teknisiä tietoja ja tehdä yhteistyötä kehittäjien kanssa auttaakseen heitä muuttamaan suunnitelmat verkkosivustoiksi ja sovelluksiksi.
➠ +1 Adobe XD: lleja+1 luonnokseenkehittäjien kanavanvaihtoa varten.
Suunnittelutiedostoversioiden hallinta on välttämätöntä, kun työskentelet muiden suunnittelijoiden kanssa samassa projektissa. Se myös helpottaa tiimien yhteistyötä ja suunnittelupalautetta tehokkaammin. Sketch on äskettäin integroinut nämä ominaisuudet osaksi Luonnos joukkueille . Kanssa Luonnospilvi , suunnittelijat voivat jakaa suunnittelutiedostoja ja Kirjastot jotka helpottavat työskentelyä suunnittelujärjestelmien kanssa hajautetuissa tiimeissä.
Adobe XD: llä on myös pilvitiedostojen versiojärjestelmä Adobe Creative Cloudin kanssa. Vaikka Creative Cloud -sivusto pitää XD-tiedostojen versioita, paluu aiempiin versioihin ei ole mahdollista. Edelliseen versioon palaamiseksi suunnittelijoiden on avattava tiedosto Adobe XD: ssä Creative Cloud -sivuston kautta ja kopioitava ja liitettävä sitten sisältö nykyiseen asiakirjaan. Tiedostoversiot poistetaan myös automaattisesti 30 päivän kuluttua, ellei niitä ole nimetty tai merkitty kirjanmerkkeihin. Toisin sanoen, se ei ole saumaton prosessi.
Kuten Sketch, XD helpottaa myös tiimien jaettujen resurssien käyttöä Creative Cloud Libraries -sovellusten avulla. Suunnittelijat voivat tuoda värejä, merkkityylejä ja grafiikkaa XD: lle näistä kirjastoista.
➠ +1 Sketch-tiedostoon, jotta tiedostojen versiointi ja jaetut kirjastot ovat helposti pilvessä.
Monet suunnittelijat työskentelevät mieluummin hämärissä tiloissa nähdäkseen luomuksensa näytöllä ilman heijastuksia tai häikäisyä. Pimeän tilan käyttöliittymä sopii hyvin tähän ympäristöön. Se tarjoaa erinomaisen kontrastin lähes kaikille väreille ja tekee visuaalisesta silmiinpistävämmän.
Pimeä tila näyttää paitsi hyvältä, myös sen tiedetään minimoivan ' digitaalinen silmien rasitus . ” Tunnustetaan, suunnittelijat tuijottavat näyttöjä suurimman osan päivästä. Digitaalinen silmien rasitus on yleinen tila, joka vaikuttaa miljooniin ihmisiin. Syynä kaikkeen tietokoneen liiallisesta käytöstä säännölliseen altistukseen kirkkaalle valolle, se voi aiheuttaa päänsärkyä, niskakipua, näön hämärtymistä ja palavia / pistäviä silmiä.
Sketch on tukenut pimeää tilaa Sketch 52: stä (lokakuu 2018) lähtien. Se tukee myös macOS Mojaven globaalia versiota Aksentti ja Kohokohta väriasetukset. Valitut vaihtoehdot, jotka on korostettu Tasot-paneelissa, Tarkastaja ja muualla sovelluksessa, vastaavat järjestelmän asetuksia.
Tumma tila ei ole käytettävissä Adobe XD: ssä, ei edes macOS: ssä.
➠ +1 piirtotilaan pimeässä tilassa.
Sketch voittaa taistelun suunnittelutyökalujen valta-asemasta merkittävällä etumatkalla Adobe XD: hen nähden.
Joissakin tilanteissa valinta on ilmeinen: Sketch ei ole käytettävissä Windowsissa. Huomattava etu Adobe Creative Cloud -tilaajille on myös se, että XD: n 'aloitusohjelma' on ilmainen - vaikka sillä onkin huomattavia rajoituksia.
Sketchin monipuolisuuden pitäisi pakottaa MacOS: n suunnittelijat valitsemaan Sketch XD: n sijaan. Sen käyttöliittymä, laajennukset, yhteistyöominaisuudet, reagoivat suunnittelutyökalut, uudelleenkäytettävät symbolit, jaetut kirjastot ja muut kätevät ominaisuudet ylittävät Adobe XD: n ominaisuudet.
On syytä huomata se suunnittelutiedostojen siirtäminen XD: stä Sketchiin ei ole mahdollista . Siirtyminen Sketchistä (ja Photoshopista tai Illustratorista) XD: lle on helpompaa, koska XD voi avata Sketch-tiedostoja. Jotkut ongelmat voivat tulla esiin käytettäessä vain Sketch-laajennuksia, kuten Abstrakti tai InVision-veneet , mutta tämä voidaan välttää pienellä siivouksella.
Jotkut suunnittelijat rakastavat Adobe XD: tä sen puolesta Itsenäinen ominaisuus. Se on houkutteleva ominaisuus, joka saa prototyypit näyttämään hyvältä. Suunnittelijoiden on kuitenkin pidettävä mielessä, että se on vain yksi fancy attribuutti. Kun otetaan huomioon Sketch vs XD: n edut, kompromissit eivät ole sen arvoisia. Monet hienostuneet prototyyppityökalut on saatavana, jotka toimivat saumattomasti Sketchin kanssa.
Taistelu ei ole vielä ohi. Tulevina vuosina Adobe XD: n ja Sketchin välillä pitäisi käydä kiiva, kaikenkattava sota. Loppujen lopuksi suunnittelijat hyötyvät siitä, että molempiin suunnittelutyökaluihin lisätään enemmän ominaisuuksia. Se tekee heidän jokapäiväisestä työstään paljon helpompaa, ja sitä on odotettavissa.
Kerro meille mitä mieltä olet! Jätä ajatuksesi, kommenttisi ja palautteesi alla.
• • •
Adobe XD vs Sketch -keskustelu käy parhaillaan siitä, mikä suunnittelutyökalu on parempi. Ominaisuuksia verrattaessa asiat ovat suhteellisia, mutta Sketchin kanssa työskenteleminen on monella tapaa parempi, varsinkin jos suunnittelija työskentelee macOS: lla. Sketch ei kuitenkaan toimi Windowsissa, joten tässä tapauksessa Adobe XD: n käyttö on ilmeinen valinta.
Adobe XD voi avata Sketch-tiedostoja ja muuntaa ne XD-tiedostoiksi. Sketch-tiedostojen muuntamisen jälkeen niistä tulee muokattavissa XD: ssä, ja suunnittelijat voivat työskennellä heidän kanssaan kuten kaikki muutkin Adobe XD -tiedostot. XD-tiedostossa voidaan kuitenkin avata vain Sketch-versiolla 43 tai uudemmilla versioilla luotuja Sketch-tiedostoja.
On kiistanalaista, tappako XD Sketchin ja muut työkalut, kuten InVision tai Figma. Jokaisella suunnittelutyökalulla on vahvuutensa ja heikkoutensa, ja jotkut suunnittelijat suosivat erilaisia työkaluja. Yksi ratkaiseva tekijä voi olla käyttöjärjestelmä, jolla työkalu toimii (macOS vs. Windows), tai jos se on erillinen sovellus vs. verkkopohjainen työkalu.
Useimmat suunnittelijat ovat käyttäneet Adobe-sovellusta aiemmin. He tuntevat käyttöliittymän: työkalupaneeli vasemmalla, pääkanava keskellä ja asiat kuten kerrokset oikealla. Oppimiskäyrä on pieni ja tapahtuu enimmäkseen monimutkaisten suunnittelujärjestelmien sisällyttämisen ja pääkomponenttien ohitusten ymmärtämisen ympärillä.
Jos suunnittelet MacOS: ää, on erittäin suositeltavaa käyttää aikaa Sketch vs Adobe XD: n oppimiseen. Sketchillä on laaja, omistettu tuuletinpohja, se on täynnä ominaisuuksia ja laaja plugin-ekosysteemi. Se on tosiasiallinen macOS-suunnittelutyökalu, ja suunnittelijan on tunnettava se useimmissa suunnittelutyöissä.
Luonnos ei ole haastava oppia. Useimmat suunnittelijat ovat käyttäneet erilaisia digitaalisia suunnittelutyökaluja ennen Sketchia, ja käyttöliittymä on hyvin tuttu. Niille, jotka ovat vasta aloittamassa suunnittelua, Sketchin metaforat taululle, tasoille ja työkaluille tulevat helposti ymmärrettäviksi ja alkavat käyttää heti.