Adobe XD Free UI og UX Design Tool du kan bruke akkurat nå

Det er ikke ofte du knytter Adobe med “gratis” nedlastinger, men det er akkurat det selskapet har gjort med Adobe XD. Det er et raskt grensesnitt prototyping app for mobile enheter og nettsteder, slik at designere raskt kan komme med design for bestemte plattformer.

Det beste med Adobe XD er hvor enkelt det er å bruke. Selv om du har liten erfaring med å designe noe, er det bare en svært gradvis læringskurve som holder deg tilbake.

Selv brukergrensesnittet er forfriskende, uten alle verktøy og paneler som setter så mange mennesker av apps som Photoshop, Illustrator og Lightroom. 15 Gratis alternativer til Photoshop, Illustrator, Lightroom og mer. 15 Gratis alternativer til Photoshop, Illustrator, Lightroom og Mer Ønsker du ikke å bruke $ 50 / måned på et Adobe Creative Cloud-abonnement? Her er noen av de beste gratis alternativene som er tilgjengelige. Les mer . I denne artikkelen vil vi presentere deg til Adobe XD og forklare hva du kan og ikke kan gjøre med det.

Hva er Adobe XD?

Adobe XD er et designverktøy. Det vil ikke bygge appen din for deg, men det vil hjelpe deg med å presentere en visjon eller prototype for hva du vil at din neste mobil- eller nettbrettapp, nettsted eller annet brukergrensesnitt skal se ut. Appen bruker kunstbrett - hovedsakelig skjermmockups - for å gi en visuell representasjon av appdesign.

Opprette mobilapper Lag din første mobilapp med disse rabatterte kurspakker Gjør din første mobilapp med disse rabatterte kurspakker Har du det som trengs for å utvikle neste store iOS- eller Android-app? Disse tungt nedsatte kurspakker vil lære deg hvordan det er gjort! Les mer og nettsteder som fungerer kan ta mye teknisk kunnskap. Adobe XD gir deg verktøyene for å gjøre ideen til et bevis på konsept. Når du er ferdig, har du en tegning som du kan jobbe fra, og en du kan justere uendelig til du er fornøyd med designen.

På samme måte som konseptkunst er så viktig i kreative tiltak (se denne vakre konseptkonseptkunsten der du kan finne Beautiful Video Game Concept Art Online Hvor finner du Beautiful Video Game Concept Art Online Vil du se noen av de vakre konseptkunstene bak din favoritt spill? Her er video spill kunst ressurser til din disposisjon! Les mer som bevis), et bevis på konseptet for ønsket grensesnitt design er viktig når det gjelder programvare og nettside konstruksjon. Å gi programmerere et konsept som passer så godt til det ferdige produktet, er en fin måte å justere dine forventninger til med det som er mulig.

Best av alle appene er utformet på en slik måte at alle kan bruke den. Enten du er en erfaren designer, en programmerer eller noen som mangler begge disse ferdighetene; Adobe XD kan bygge bro over gapet mellom visjonen din og teknisk kunnskap. Du trenger ikke engang å lære å kode Lær å kode ved å remixe eksisterende programmer gratis Lær å kode ved å remix eksisterende applikasjoner gratis Dette nettstedet lar deg lage eller remixere apper, slik at du kan være kreativ uten frykt for å bryte noe. Les mer for å designe en app.

Hva kan Adobe XD gjøre?

Adobe XD er designet med noen spesifikke applikasjoner i tankene, men du kan også tenke utenfor boksen. Appen gjør det enkelt å inkludere maler for:

• Smartphone apps: Fra iPhone 5 og SE til de aller nyeste modellene; og en generisk Android-mal også.
• Tablet-apper: Med maler til iPad, begge størrelser iPad Pro, Surface Pro 3 og 4, og en generisk Android-nettbrettmal.
• Nettsteder / webapps: Med noen forhåndsinnstillinger å velge mellom, inkludert Full HD.

Du trenger ikke å holde fast i disse malene, de er bare der for å gjøre livet enklere. Du kan også angi et helt tilpasset grensesnitt (dvs. skjerm) størrelse, og begynne å designe for omtrent hvilken som helst plattform du kan forestille deg.

Hvis du designer en mobilapp, kan du laste ned den gratis Adobe XD-appen for plattformen og eksportere designene dine for å få et levende forhåndsvisning på enheten din..

UI-sett gjør livet enda enklere

Hvis du tenker på å designe for iOS 7 Grunner til at det swift programmeringsspråket er verdt å lære 7 Grunner til at det swift programmeringsspråket er verdt å lære Du burde lære Swift-programmeringsspråket raskere enn senere hvis du ikke vil bli etterlatt. Her er noen gode grunner som kan overbevise deg. Les mer, Android, Windows eller en annen veletablert plattform; Du kan bruke UI-kits for å få en hjelpende hånd. Dette er i hovedsak prosjektmaler som vedlikeholdes av Apple, Google, Microsoft og andre, som kan lastes ned i Adobes .XD-filformat.

Med UI-kits kan du øke hastigheten på produksjonen, slik at du kan designe appen din innenfor begrensningene og vanlige elementene som er sett på din valgte plattform. Siden de vedlikeholdes av plattformutviklerne, er de vanligvis alltid oppdaterte og grundige.

Apples IOS UI-sett inneholder for eksempel skjermdimensjoner for en rekke enheter, eksempler på iOS-tastaturet, navigasjonselementer som båndet øverst på skjermen, iOS-knappene og mer. Du kan enkelt kopiere og lime inn elementer i designtavlene dine, og opprette nøyaktige prototyper.

Adobe opprettholder også noen andre brukergrensesnitt, inkludert watchOS-kompatible smartwatch-prøver, et e-handelsnettstedssett og et sett med eksempler for å lage digitale valuta-smarttelefonapps. Topp 10 Bitcoin og Cryptocurrency Apps for iPhone Topp 10 Bitcoin og Cryptocurrency Apps for iPhone Det er nå enklere enn noensinne å kjøpe Bitcoin, konvertere til altcoins, og til og med investere i ICOer, alt fra telefonen din med cryptocurrency apps. Les mer . Du må laste ned de riktige brukergrensesnittene for iOS, Googles materialdesign og Microsoft Windows separat.

Et enkelt sett med innebygde verktøy

I motsetning til Adobes andre komplekse grafikk- og designapps, har XD et fint, rent brukergrensesnitt med bare noen få enkle verktøy. Du har dine grunnleggende former: rektangler, sirkler, linjer og et pennverktøy for å lage egendefinerte figurer. Det finnes også et enkelt tekstverktøy, med tilgang til Typekit-fontbiblioteket (men ikke alt av det).

Du kan da endre ulike attributter knyttet til disse elementene, som opasitet, fyll farge, grenser, skygger og rulleadferd. Til slutt er det et forstørrelsesglass og et tavleverktøy for å utvide designet ditt.

Adobe XD hjelper deg med å plassere elementer i estetisk tiltalende steder av “knipsing” på plass rundt kantene på skjermen, midtpunktet på lerretet, og til andre elementer. Du kan overstyre dette hvis du vil ved å holde nede en knapp (på Mac-versjonen er det cmd).

Langs toppkanten av appen ser du to vinkler: Design og prototype. Design er hvor du vil bruke mesteparten av tiden på å skape din visjon. Bytt til Prototype-modus for å legge til forskjellige interaksjoner mellom elementer på skjermen. Du kan utløse hendelser og bytte til forskjellige kunstbrett, og gir en enkel brukeropplevelse nedlasting uten å skrive en kode.

Dette gjøres via et enkelt dra og slipp-grensesnitt, for eksempel: Opprett en knapp med sirkelverktøyet, opprett et nytt tavla med ønsket resultat av den trykknappen (f.eks. En annen kategori i appen din), bytt til Prototype-modus og dra pilen fra knappen til den nye tavlen. Slå den “Spille” knapp eller forhåndsvisning på din live-enhet for å se hvordan den spiller ut.

Du kan til og med angi overganger og effekter for å få det til å se fancy ut. Det er noen ganske store begrensninger for Prototype-modus. Du kan ikke virkelig bli for dyp med det, men det tjener en hensikt, og det er enkel implementering gjør det enkelt å bruke.

Hvor begrenset er den gratis versjonen av Adobe XD?

Å være et gratis produkt, er Adobe XD designet for å få deg tilkoblet sine enkle arbeidsflyt og brukervennlige verktøy uten å bruke en krone. Den største ulempen med den gratis versjonen er manglende evne til å ha mer enn én aktiv delt prototype eller sett med designspesifikasjoner på en gang.

Så for ditt første design eller prosjekt, kan den gratis versjonen være tilstrekkelig. Når det gjelder å dele flere design eller prosjekter med team eller app-utviklere, vil du raskt treffe en vegg. Du kan alltid eksportere ulike artboards som. PNG-filer gratis, for alltid via Fil> Eksporter alternativ.

Men den delte prototyping og interaktivitet mellom kunstgallerier er en av standoutfunksjonene her. Appen er fortsatt nyttig uten den, bare ikke i samme grad. Du kan ikke bygge en fullstendig realisert prototype, men du kan raskt legge ned designet ditt.

De andre begrensningene i den gratis versjonen inkluderer et begrenset antall typekitfonter og 2 GB skylagring (i motsetning til 100 GB) for Creative Cloud-abonnenter. Hvis du bestemmer deg for å stumpe penger for den betalte versjonen, vil Adobe XD koste deg $ 9,99 / måned for denne appen alene eller $ 52,99 / måned for hele Creative Cloud-pakken.

Vi tror Adobe Creative Cloud er verdt pengene 5 grunner til å kjøpe Adobe Creative Cloud 5 grunner til å kjøpe Adobe Creative Cloud Adobes Creative Cloud kommer med mange flotte fordeler. Vi har samlet en liste med grunner til å investere i Adobe Creative Cloud mens du fortsatt kan. Les mer, forutsatt at du er i stand til å få nok bruk ut av det.

Adobe XD er et overraskende brukervennlig verktøy

Adobe XD er et nyttig verktøy, enten du har tenkt å betale for det eller ikke. I noen tilfeller kan du komme unna med den gratis versjonen for å jobbe med små personlige prosjekter. Når det gjelder seriøst arbeid og deling med lag, må du oppgradere.

Adobe XD er ikke det aller beste og slutt-alle UI-design. Designere har brukt grafikkverktøy i årevis for å lage mockups for nettsteder, appdesign og mer. Sjekk ut de beste Mac-vektorgrafikverktøyene for designere på et budsjett Den beste vektorprogramvare for Mac-designere på et budsjett Den beste vektorprogramvare for Mac-designere på et budsjett Adobe Illustrator kan være gullstandarden når det gjelder vektorprogramvare for Mac, men du trenger ikke alltid å bruke en formue på designprogramvare. Les mer for å se noen mulige alternativer.

Utforsk mer om: Adobe Creative Cloud, Design.