Ui Design
Adobe XD vs. Sketch - Hvilket UX-verktøy er riktig for deg?
En UX-designer trenger mange verktøy for å fullføre de mange trinnene i UX-arbeidsflyten fra forskning til design til prototype og overlevering. Hvis du gjør jobben din på en PC, blir du sannsynligvis hjemsøkt av den konstante omtalen av Sketch, en populær, strømlinjeformet vektorgrafikredigerer med utallige nyttige plugins som raskt blir en industristandard— men bare tilgjengelig på Mac OS . Dette betyr at med mindre du har en Apple-maskin, blir du utelatt. Men nå jobber Adobe aktivt med en skikkelig konkurrent på tvers av plattformer (og ser like ut?), Etter mange års fravær: Adobe XD.
Hva er Adobe XD?
Adobe Experience Design CC , eller Adobe XD, er et lett vektorgrafikredigerings- og prototypeverktøy som ble kunngjort på Adobe MAX 2015 som Project Comet. Programvaren ble lansert i forhåndsvisning i mars 2016 som en del av Creative Cloud, og i dag er den i beta-fase, og mottar oppdateringer nesten hver måned.
Før det jobbet Adobe med å legge til funksjoner for UX-designere på deres etablerte verktøy som Photoshop og Illustrator. Selv om de begge er gode programvarer, er de verken lette eller strømlinjeformede for denne typen jobber. Gjennom årene - og spesielt etter 2013 avviklingen av Adobe Fireworks (det klassiske nettorienterte prototypeverktøyet som ble anskaffet fra Macromedia) - følte flere og flere UX-designere at Creative Cloud ikke samsvarte med markedets forventninger. Så de hoppet til Sketch (hvis de hadde en Mac). Mens Adobes svar for denne massevandringen var litt sent (Bohemian Coding lanserte Sketch for hele 6 år siden), er det verdt å vente på, spesielt hvis du har vært begrenset til å bruke mindre tilstrekkelige verktøy på din PC. La oss sammenligne Adobe XD vs Sketch
Brukergrensesnitt og eksklusive funksjoner
Når du åpner Adobe XD, er det første inntrykket at grensesnittet er veldig kjent, både for Sketch-brukere og Adobe-fans i lang tid. Adobe gikk fra de forventede Creative Cloud mørkere knappene og menyene, og valgte å tilby det beste fra to verdener. I motsetning til Sketch ser du et sett med verktøy på venstre side av skjermen, men også det høyere lagpanelet og de dynamiske egenskapene til høyre, sett på Sketch. Det er en lek å bruke og lett å lære, uansett hvilket verktøy du brukte tidligere.
Gjenta rutenett
Adobe XD har også et sett med unike funksjoner som Repeat Grid, et verktøy som lar deg replikere en gruppe objekter som et Material Design-kort med variable data og konfigurerbar avstand mellom kopiene.
Prototyping
I XD kan du opprette en interaktiv prototype uten å trenge tredjeparts plugins som du ville gjort i Sketch. Adobes prototypeditor lar designere visuelt koble interaktive områder til andre skjermer ved hjelp av ledninger og sette opp overganger. Med den interaktive prototypen klar kan du publisere og dele prototypen, som kan vises på nettet eller med Adobe XD-mobilappen. XD-prototyper har imidlertid ikke støtte for bevegelser eller faste seksjoner som overskrifter ennå, noe som er mulig på InVision og andre prototype-bare verktøy som kobles til Sketch.
Assets Panel
I august 2017-oppdateringen la Adobe til Assets-panelet, en smart måte å samle en interaktiv stilguide med farger, tegnstiler og symboler. Når du endrer noe i Assets-panelet, følger hver bruk av eiendelen i kunstverket ditt. Skisse har også fargevariabler, tegnstiler og symboler, men hver av dem finnes i sitt eget panel.
Adobe kunngjorde noen av neste funksjoner å vises på XD på produktbloggen . En av dem utvider aktiva-funksjonen, slik at designer å publisere prosjektets stilguide med nedlastbare skrifter, ressurser og farger heksadesimale koder, sammen med den interaktive prototypen og en inspeksjonsfunksjon for utviklerens kartlegging av elementer inne i prototypen. Dette kalles 'handoff for utviklere' og er allerede mulig i Sketch (og Photoshop) ved hjelp av plugins som Zeplin . En annen fremtidig funksjon som blir ertet er sanntidssamarbeidet i XD, noe som ligner på samarbeidsfunksjonen som er tilstede på Google Docs og allerede tilgjengelig på andre UX-designverktøy som Figma .
Sketch (og dets plugins) vs Adobe XD
| Egenskaper | Adobe XD | Skisse |
|---|---|---|
| Vektorgrafikk | Ja (og inkluderer Adobe Illustrator i CC-abonnement) | Ja |
| Avansert bilderedigering | Nei (men inkluderer Adobe Photoshop i CC-abonnement) | Nei |
| Lett | Ja | Ja |
| Prototyping | Ja | Nei (men tilgjengelig med tredjeparts plugins) |
| Eksporter av eiendeler | Ja | Ja |
| Handoff med online stil guide og inspektør | Nei (kunngjort som en fremtidig funksjon) | Nei (men tilgjengelig med tredjeparts plugins) |
| Symboler og stiler | Ja | Ja |
| Gjenta rutenettet | Ja | Nei |
| Dokumentgitter | Ja | Ja (med kolonner og flere alternativer) |
| Plugins | Nei | Ja |
| Samarbeid | Nei (kunngjort som en fremtidig funksjon) | Nei (men tilgjengelig med tredjeparts plugins) |
| MacOS-versjon | Ja | Ja |
| Windows-versjon | Ja (Windows 10 eller nyere) | Nei |
| Pris og lisensiering | Betaversjonen er gratis, det krever at du har en Adobe ID. Endelig prissetting blir kunngjort. | USD $ 99 for et år med oppdateringer, men du kan fortsette å bruke etter det uten oppdateringer |
Når du ser det større bildet, blir det klart at Adobe har til hensikt å gjøre at XD ikke bare gjør alt som Sketch gjør som et vektorgrafikkverktøy, men også plugins, som dekker hele UX-designarbeidsflyten. Fra design til prototyping til utlevering, vil Adobe XD trolig være det definitive UX designerverktøyet, men hva med i dag?
Er det på tide å bytte?
Adobe XD er først og fremst for Windows-brukere (som ikke kan bruke kun MacOS Sketch) og nåværende Adobe Creative Cloud-abonnenter (som ikke trenger å betale mer for XD i tillegg til Photoshop, Illustrator, etc.).
Det er mange UX-designere som allerede gjør hoppet, enten fordi de er Creative Cloud-abonnenter selv på macOS, eller fordi de tror XD vil være neste standard og er fornøyd med gjeldende funksjonssett. Hvis du er en erfaren Sketch-bruker, vil du nyte et generelt bedre grensesnitt, unike XD-funksjoner, men du må også takle de nåværende begrensningene og mangelen på plugin-støtte. I alle fall, prøv det og del inntrykkene dine med oss!
• • •
