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 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. Læs mere . 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 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 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! Læs mere, og websteder, der fungerer, kan kræve 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 smuk videospil Konceptkunst online Vil du se nogle af de smukke konceptkunst bag din yndlingsspil? Her er videospilkilderne til din rådighed! Læs mere som bevis), et konceptbevis for dit ønskede interfacedesign 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 remix apps, så du kan være kreativ uden frygt for at ødelægge noget. Læs mere for 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 nyeste modeller; og en generisk Android-skabelon også.
- Tablet-apps: Med skabeloner til iPad, begge størrelser på iPad Pro, Surface Pro 3 og 4 og en generisk Android-tabletskabelon.
- Websteder / webapps: Med et par forudindstillinger 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 helt 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 det 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. 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-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. Læs mere . 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 at "slå" 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 (på 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. 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 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 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 .
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. Læs mere, forudsat at du er i stand til at udnytte den nok.
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. Her er den bedste vektorsoftware til macOS, som du kan bruge gratis eller købe på et budget. Perfekt til moderne designere! Læs mere for at se nogle dygtige alternativer.
Udforsk mere om: Adobe Creative Cloud, Design.
