Adobe XD: Det gratis brugergrænseflade og UX-designværktøj, du kan bruge lige nu

Reklame

Det er ikke ofte du forbinder Adobe med "gratis" downloads, men det er nøjagtigt, hvad det firma har gjort med Adobe XD. Det er en hurtig interface-prototype-app til mobile enheder og websteder, så designere hurtigt kan komme med design til specifikke platforme.

Det bedste ved Adobe XD er, hvor nemt det er at bruge. Selv hvis du har ringe erfaring med at designe noget, er der kun en meget gradvis læringskurve til at holde dig tilbage.

Selv brugergrænsefladen er forfriskende skarp uden alle de værktøjer og paneler, der udsætter så mange mennesker apps som Photoshop, Illustrator og Lightroom 15 gratis alternativer til Adobe Lightroom, Illustrator og PhotoshopVil du have Adobe Photoshop, Lightroom eller Illustrator gratis? Her er nogle af de bedste Creative Cloud-alternativer. Læs mere . I denne artikel introducerer vi dig Adobe XD og forklarer, hvad du kan og ikke kan gøre med det.

Hvad er Adobe XD?

Adobe XD er et designværktøj. Den bygger ikke din app for dig, men det vil hjælpe dig med at præsentere en vision eller en prototype til, hvad du vil have din næste mobil- eller tablet-app, -websted eller anden brugergrænseflade til at se ud. Appen bruger kunstplader - i det væsentlige skærmmodeller - til at give en visuel repræsentation af dit appdesign.

Oprettelse af mobile apps Lav din første mobilapp med disse diskonterede kursusbundterHar du hvad der skal til for at udvikle den næste store iOS- eller Android-app? Disse stærkt nedsatte kursusbunter lærer dig, hvordan det gøres! Læs mere og websteder, der fungerer, kan tage en masse teknisk know-how. Adobe XD giver dig værktøjer til at omdanne en idé til et bevis på koncept. Når du er færdig, har du en plan, hvorfra du kan arbejde, og en kan du justere uendeligt, indtil du er tilfreds med designet.

På samme måde som konceptkunst er så vigtig i kreative bestræbelser (se dette smuk videospil koncept kunst Hvor finder man smukke videospilkonceptkunst onlineVil du se nogle af de smukke konceptkunst bag dine yndlingsspil? Her er videospilets kunstressourcer til din rådighed! Læs mere som bevis), et bevis på koncept til dit ønskede interface-design er vigtigt, når det kommer til software- og webstedsopbygning. At give programmører et koncept, der så tæt matcher det færdige produkt, er en fantastisk måde at tilpasse dine forventninger til, hvad der er muligt.

Det bedste af alt, appen er designet på en sådan måde, at enhver kan bruge den. Uanset om du er en erfaren designer, en programmør eller en der mangler begge disse færdigheder; Adobe XD kan bygge bro mellem din vision og tekniske viden. Det behøver du ikke engang lære at kode Lær at kode ved at remixe eksisterende apps gratisDette sted giver dig mulighed for at oprette eller remixe apps, så du kan være kreativ uden frygt for at bryde noget. Læs mere at designe en app.

Hvad kan Adobe XD gøre?

Adobe XD er designet med et par specifikke applikationer i tankerne, men du kan også tænke uden for kassen. Appen gør det let ved at inkludere skabeloner til:

• Smartphone-apps: Fra iPhone 5 og SE til de helt nyeste modeller; og en generisk Android-skabelon også.
• Tablet-apps: Med skabeloner til iPad, begge størrelser af iPad Pro, Surface Pro 3 og 4 og en generisk Android tabletskabelon.
• Websteder / webapps: Med et par forindstillinger at vælge imellem, inklusive Full HD.

Du behøver ikke holde sig til disse skabeloner, de er bare der for at gøre dit liv lettere. Du kan også specificere en fuldstændig tilpasset interface (dvs. skærm) størrelse og begynde at designe for næsten enhver platform, du kan forestille dig.

Hvis du designer en mobilapp, kan du downloade den gratis Adobe XD-app til din platform og eksportere dine designs til en live preview på din enhed.

UI-sæt gør livet endnu lettere

Hvis du tænker på design til iOS 7 grunde til, at det hurtige programmeringssprog er værd at læreDu burde lære Swift-programmeringssprog før og senere, hvis du ikke ønsker at blive efterladt. Her er nogle fremragende grunde, der kan overbevise dig. Læs mere , Android, Windows eller en anden veletableret platform; du kan bruge UI-sæt til at få en hjælpende hånd. Dette er i det væsentlige projektskabeloner, der vedligeholdes af Apple, Google, Microsoft og andre, der kan downloades i Adobes .XD-filformat.

Med UI-sæt kan du fremskynde produktionen, så du kan designe din app inden for de begrænsninger og fælles elementer, der ses i din valgte platform. Da de vedligeholdes af platformudviklerne, er de generelt altid opdaterede og grundige.

For eksempel inkluderer Apples iOS UI-sæt blankstørrelsesdimensioner til en række enheder, eksempler på iOS-tastatur, navigationselementer som båndet øverst på skærmen, iOS-vippeknapper og mere. Du kan nemt kopiere og indsætte elementer i dine designartboards og oprette nøjagtige prototyper.

Adobe vedligeholder også et par andre UI-sæt, herunder watchOS-kompatible smartwatch-prøver, et websæt med e-handel og et sæt eksempler til oprettelse apps til digital valuta Top 10 Bitcoin- og Cryptocurrency-apps til iPhoneDet er nu nemmere end nogensinde at købe Bitcoin, konvertere til altcoins og endda investere i ICO'er, alt fra din telefon med cryptocurrency-apps. Læs mere . Du skal downloade det relevante UI-sæt til iOS, Googles materiale design og Microsoft Windows separat.

Et simpelt sæt indbyggede værktøjer

I modsætning til Adobes andre komplekse grafik- og designapps har XD en dejlig ren UI med kun et par enkle værktøjer. Du har dine grundlæggende figurer: rektangler, cirkler, linjer og et penværktøj til at oprette tilpassede figurer. Der er også et simpelt tekstværktøj med adgang til typekit-fontbiblioteket (men ikke det hele).

Du kan derefter ændre forskellige attributter, der er relateret til disse elementer, såsom opacitet, fyldfarve, rammer, skygger og rulleopførsel. Endelig er der et forstørrelsesglas og et tegnebrætværktøj til at udvide dit design.

Adobe XD hjælper dig med at placere elementer på æstetisk behagelige steder ved at "klikke" på plads omkring kanterne på skærmen, lærredets midtpunkt og til andre elementer. Du kan tilsidesætte dette, hvis du vil ved at holde en knap nede (i Mac-versionen er det Cmd).

Langs appens øverste kant ser du to skift: Design og Prototype. Design er det sted, hvor du bruger det meste af din tid på at skabe din vision. Skift til Prototype-tilstand for at tilføje forskellige interaktioner mellem elementer på skærmen. Du kan udløse begivenheder og skifte til forskellige tegnebræt, hvilket giver en simpel brugeroplevelse uden at skrive en kodelinje.

Dette gøres via et simpelt træk og slip-interface, for eksempel: opret en knap med cirkelværktøjet, opret et nyt tegnebræt med det ønskede resultat af knappen tryk på (f.eks. en anden fane i din app), skift til prototype-tilstand og træk pilen fra knappen til din nye tegnebræt. Tryk på knappen "Afspil" eller få vist preview på din live enhed for at se, hvordan den afspilles.

Du kan endda specificere overgange og effekter for at få det til at se smuk ud. Der er nogle ret store begrænsninger for prototype-tilstand. Du kan ikke virkelig komme for dybtgående med det, men det tjener et formål, og den enkle implementering gør det let at bruge.

Hvor begrænset er den gratis version af Adobe XD?

Som et gratis produkt er Adobe XD designet til at få dig tilsluttet dens enkle arbejdsgang og brugervenlige værktøjer uden at bruge en krone. Den største ulempe ved den gratis version er manglende evne til at have mere end en aktiv delt prototype eller et sæt designspecifikationer ad gangen.

Så til dit første design eller projekt kan den gratis version være tilstrækkelig. Når det kommer til at dele flere designs eller projekter med dit team eller appudviklere, rammer du hurtigt en væg. Du kan altid eksportere dine forskellige tegnebræt som .PNG-filer gratis, for altid via Fil> Eksport mulighed.

Imidlertid er den delte prototype og interaktivitet mellem tegnebræt en af ​​de fremtrædende funktioner her. Appen er stadig nyttig uden den, bare ikke i samme omfang. Du kan ikke opbygge en fuldt ud realiseret prototype, men du kan hurtigt fastlægge dit design.

De andre begrænsninger i den gratis version inkluderer et begrænset antal Typekit-skrifttyper og 2 GB cloud-lagring (i modsætning til 100 GB) for Creative Cloud-abonnenter. Hvis du beslutter at stubbe kontanterne op for den betalte version, Adobe XD koster dig $ 9.99 / måned for denne app alene eller $ 52.99 / måned for den fulde Creative Cloud-pakke.

Vi tænker Adobe Creative Cloud er pengene værd 5 grunde til at købe Adobe Creative CloudAdobes Creative Cloud har mange store fordele. Vi har samlet en liste over grunde til at investere i Adobe Creative Cloud, mens du stadig kan. Læs mere , forudsat at du er i stand til at få nok udnyttelse af det.

Adobe XD er et overraskende brugervenligt værktøj

Adobe XD er et nyttigt værktøj, uanset om du agter at betale for det eller ej. I nogle tilfælde slipper du måske med den gratis version til at arbejde på små personlige projekter. Når det kommer til seriøst arbejde og deling med teams, skal du opgradere.

Adobe XD er ikke alt-fra-alt-og-slutningen af ​​UI-design. Designere har i flere år brugt grafikværktøjer til at oprette mockups til websteder, appdesign og mere. Tjek bedste Mac-vektorgrafikværktøjer til designere med et budget Den bedste vektorsoftware til Mac-designere på et budgetHer er den bedste vektorsoftware til macOS, som du kan bruge gratis eller købe på et budget. Perfekt til moderne designere! Læs mere at se nogle dygtige alternativer.