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

Det er ikke ofte du forbinder Adobe med “ledig” downloader, 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 UI'en er forfriskende skarp, uden alle 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 Photoshop 15 gratis alternativer til Adobe Lightroom, Illustrator og Photoshop ville vil du gerne have Adobe Photoshop, Lightroom eller Illustrator gratis? Her er nogle af de bedste Creative Cloud-alternativer. . I denne artikel introducerer vi dig til 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. Det 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 app til mobil eller tablet, websted eller anden brugergrænseflade til at se ud. Appen bruger kunstbrætter - 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 rabatkursusbundter Lav din første mobilapp med disse rabatkursusbundter Har du det, 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! 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 denne smukke videospils konceptkunst Hvor finder man smukke videospil Konceptkunst online Hvor finder man smukke videospil Konceptkunst online Vil du se nogle af de smukke konceptkunst bag din yndlingsspil? Her er videospilets ressourcer til din rådighed! som bevis), et bevis på koncept til dit ønskede interface-design er vigtigt, når det kommer til software- og webstedskonstruktion. 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 nogen, der mangler begge disse færdigheder; Adobe XD kan bygge bro mellem din vision og tekniske viden. Du behøver ikke engang at lære at kode Lær at kode ved at remixe eksisterende apps gratis Lær at kode ved at remixe eksisterende apps gratis Dette sted giver dig mulighed for at oprette eller remixe apps, så du kan være kreativ uden frygt for at ødelægge noget. 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 overvejer at designe til iOS 7 Årsager til, at det hurtige programmeringssprog er værd at lære 7 grunde til, at det hurtige programmeringssprog er værd at lære. Du burde lære Swift-programmeringssprog før snarere end senere, hvis du ikke ønsker at blive efterladt. Her er nogle fremragende grunde, der kan overbevise dig. , 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-kit tom skærmdimensioner til en række enheder, eksempler på iOS-tastaturet, navigationselementer som båndet øverst på skærmen, iOS-knapknapper 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 af apps til digital valuta Smartphone-apps Top 10 Bitcoin og Cryptocurrency til iPhone Top 10 Bitcoin og Cryptocurrency Apps til iPhone Det 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. . Du skal downloade de passende UI-sæt til iOS, Googles materialedesign 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 “snapping” 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 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 en simpel træk og slip-grænseflade, for eksempel: opret en knap med cirkelværktøjet, opret et nyt tegnebræt med det ønskede resultat af det knaptryk (f.eks. En anden fane i din app), skift til prototype-tilstand og træk pilen fra knappen til dit nye tegnebræt. Klik på “Spille” knappen eller 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 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 det er en enkel implementering, der 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 sin 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 på én gang.

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-lager (i modsætning til 100 GB) for Creative Cloud-abonnenter. Hvis du beslutter at stumpe kontant op til den betalte version, koster Adobe XD dig $ 9.99 / måned for denne app alene eller $ 52.99 / måned for den fulde Creative Cloud-pakke.

Vi mener, at Adobe Creative Cloud er værd at pengene 5 grunde til at købe Adobe Creative Cloud 5 grunde til at købe Adobe Creative Cloud Adobes Creative Cloud kommer med en masse store fordele. Vi har samlet en liste over grunde til at investere i Adobe Creative Cloud, mens du stadig kan. , 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 hvad UI-design har. Designere har i flere år brugt grafikværktøjer til at oprette mockups til websteder, appdesign og mere. Tjek de bedste Mac-vektorgrafikværktøjer til designere med et budget. Den bedste vektorsoftware til Mac-designere på et budget. Den bedste vektorsoftware til Mac-designere på et budget. Adobe Illustrator er muligvis guldstandarden, når det kommer til vektorsoftware til Mac, men du behøver ikke altid bruge en formue på design-software. at se nogle dygtige alternativer.