Adobe XD: ilmainen käyttöliittymän ja UX-suunnittelutyökalu, jota voit käyttää heti

Mainos

Adobe-palveluita ei usein liitetä "ilmaisiin" latauksiin, mutta se on juuri se, jonka yritys on tehnyt Adobe XD. Se on nopea käyttöliittymän prototyyppisovellus mobiililaitteille ja verkkosivustoille, jonka avulla suunnittelijat voivat nopeasti laatia malleja tietyille alustoille.

Parasta Adobe XD: ssä on, kuinka helppoa sitä on käyttää. Vaikka sinulla olisi vain vähän kokemusta minkään suunnittelemisesta, on vain hyvin asteittainen oppimiskäyrä, joka pidättää sinut.

Jopa käyttöliittymä on virkistävän karkea ilman kaikkia työkaluja ja paneeleja, jotka lähettävät niin monet ihmiset pois sovelluksia, kuten Photoshop, Illustrator ja Lightroom 15 ilmaista vaihtoehtoa Adobe Lightroomille, Illustratorille ja PhotoshopilleHaluatko saada ilmaiseksi Adobe Photoshopin, Lightroomin tai Illustratorin? Tässä on joitain parhaimmista Creative Cloud -vaihtoehdoista. Lue lisää . Tässä artikkelissa esittelemme sinulle Adobe XD: n ja selitämme, mitä et voi tehdä sille.

Mikä on Adobe XD?

Adobe XD on suunnittelutyökalu. Se ei rakenna sovellustasi sinulle, mutta auttaa sinua esittämään vision tai prototyypin siitä, minkä haluat seuraavan mobiili- tai tablet-sovelluksen, verkkosivustosi tai muun käyttöliittymän näyttävän. Sovellus käyttää tauluja - lähinnä näytön malleja - tarjotakseen visuaalisen esityksen sovelluksesi suunnittelusta.

Luo mobiilisovelluksia Tee ensimmäinen mobiilisovelluksesi näiden alennettujen kurssipakettien avullaOnko sinulla mitä tarvitaan seuraavan suuren iOS- tai Android-sovelluksen kehittämiseen? Nämä voimakkaasti alennetut kurssipaketit opettavat sinulle kuinka se tehdään! Lue lisää ja toimivat verkkosivustot voivat viedä paljon teknistä osaamista. Adobe XD tarjoaa sinulle työkalut, joiden avulla ideasta voi tehdä todiste konseptista. Kun olet valmis, sinulla on suunnitelma, josta työskennellä, ja yhden, jota voit muokata loputtomasti, kunnes olet tyytyväinen suunnitteluun.

Samalla tavalla käsitetaiteet ovat niin tärkeitä luovissa pyrkimyksissä (katso tämä kaunis videopelien konseptitaide Mistä löytää kaunista videopelien konseptitaidetta verkossaHaluatko nähdä osan kauniista konseptitaiteestasi suosikkipeleidesi takana? Tässä ovat videopelien taiden resurssit käytettävissänne! Lue lisää todisteena) haluamasi käyttöliittymäsuunnittelun konseptitodistus on tärkeä ohjelmistojen ja verkkosivustojen rakentamisessa. Ohjelmoijille sellaisen konseptin tarjoaminen, joka vastaa niin tarkasti lopputuotetta, on hieno tapa mukauttaa odotuksesi mahdollisuuteen.

Mikä parasta, sovellus on suunniteltu siten, että kuka tahansa voi käyttää sitä. Olitpa kokenut suunnittelija, ohjelmoija vai joku, jolla puuttuu nämä molemmat taidot; Adobe XD voi kattaa kuilun visiosi ja teknisen tietosi välillä. Sinun ei tarvitse edes tehdä oppia koodaamaan Opi koodaamaan korjaamalla olemassa olevat sovellukset ilmaiseksiTällä sivustolla voit luoda tai remiksoida sovelluksia, jolloin voit olla luova ilman pelkoa rikkoa mitään. Lue lisää suunnitella sovellus.

Mitä Adobe XD voi tehdä?

Adobe XD on suunniteltu muutamia erityisiä sovelluksia ajatellen, mutta voit myös ajatella laatikon ulkopuolella. Sovellus tekee asioista helppoa sisällyttämällä malleja seuraaviin:

• Älypuhelinsovellukset: IPhone 5: stä ja SE: stä aina uusimpiin malleihin; ja myös yleinen Android-malli.
• Tabletit-sovellukset: Mallissa iPadille, molemmat kokoiset iPad Pro, Surface Pro 3 ja 4 ja yleinen Android-tablet-malli.
• Verkkosivustot / verkkosovellukset: Muutamalla esivalinnalla, mukaan lukien Full HD.

Sinun ei tarvitse pitää kiinni näistä malleista, ne ovat vain olemassa helpottaaksesi elämääsi. Voit myös määrittää täysin mukautetun käyttöliittymän (ts. Näytön) koon ja alkaa suunnitella mitä tahansa aluetta, jonka voit kuvitella.

Jos suunnittelet mobiilisovellusta, voit ladata ilmaisen Adobe XD -sovelluksen käyttöjärjestelmällesi ja viedä mallisi laitteellesi suoraa esikatselua varten.

UI-sarjat tekevät elämästä entistäkin helpompaa

Jos olet ajatellut suunnittelu iOS: lle 7 syytä siihen, että nopea ohjelmointikieli on oppimisen arvoinenSinun pitäisi oppia Swift-ohjelmointikieli ennemmin kuin myöhemmin, jos et halua jäädä jälkeen. Tässä on joitain erinomaisia ​​syitä, jotka voivat vakuuttaa sinut. Lue lisää , Android, Windows tai jokin muu vakiintunut alusta; voit käyttää käyttöliittymäpaketteja saadaksesi apua. Nämä ovat pohjimmiltaan Apple, Google, Microsoft ja muiden ylläpitämiä projektimalleja, jotka voidaan ladata Adoben .XD-tiedostomuodossa.

UI-sarjojen avulla voit nopeuttaa tuotantoa, jolloin voit suunnitella sovelluksesi valitsemasi käyttöympäristön rajoitusten ja yleisten elementtien rajoissa. Koska alustojen kehittäjät ylläpitävät niitä, ne ovat yleensä aina ajan tasalla ja perusteellisia.

Esimerkiksi Applen iOS-käyttöliittymäpaketti sisältää tyhjän näytön mitat useille laitteille, esimerkkejä iOS-näppäimistö, navigointielementit, kuten nauha näytön yläosassa, iOS-painikkeet ja lisää. Voit helposti kopioida ja liittää elementtejä suunnittelutauluihin ja luoda tarkkoja prototyyppejä.

Adobe ylläpitää myös muutamia muita käyttöliittymäpaketteja, mukaan lukien watchOS-yhteensopivia älykellonäytteitä, verkkokauppasivustopaketti ja joukko esimerkkejä luomiseen digitaalivaluutta älypuhelinsovellukset 10 parasta Bitcoin- ja Cryptocurrency-sovellusta iPhonelleNyt on nyt helpompaa kuin koskaan ostaa Bitcoinia, muuntaa se altcoineiksi ja jopa sijoittaa ICO: iin, kaikki puhelimestasi salauksenvaihto-sovelluksilla. Lue lisää . Sinun on ladattava sopiva Käyttöliittymäpaketit iOS: lle, Googlen materiaalisuunnittelu ja Microsoft Windows erikseen.

Yksinkertainen sisäänrakennettujen työkalujen sarja

Toisin kuin Adoben muissa monimutkaisissa grafiikka- ja suunnittelusovelluksissa, XD: llä on mukava puhdas käyttöliittymä, jossa on vain muutama yksinkertainen työkalu. Sinulla on perusmuodot: suorakulmiot, ympyrät, viivat ja kynätyökalu mukautettujen muotojen luomiseen. Siellä on myös yksinkertainen tekstityökalu, jolla on pääsy Typekitin kirjasinkokoelmaan (mutta ei kaikkiin).

Voit sitten muuttaa näitä elementtejä koskevia erilaisia ​​ominaisuuksia, kuten opasiteetti, täyttöväri, reunat, varjot ja vierityskäyttäytyminen. Viimeinkin on suurennuslasi ja artboard-työkalu mallin laajentamiseksi.

Adobe XD auttaa sinua sijoittamaan elementit esteettisesti miellyttäviin paikkoihin "napsauttamalla" paikalleen näytön reunojen, kankaan keskipisteen ja muiden elementtien ympärille. Voit ohittaa tämän halutessasi pitämällä painiketta painettuna (Mac-versiossa se on cmd).

Sovelluksen yläreunassa näkyy kaksi vaihtamista: Design ja Prototyyppi. Suunnittelussa vietät suurimman osan ajasta visiosi luomiseen. Vaihda prototyyppitilaan lisätäksesi erilaisia ​​vuorovaikutuksia näytön elementtien välillä. Voit laukaista tapahtumia ja vaihtaa eri tauluihin tarjoamalla yksinkertaisen käyttökokemuksen loppuun kirjoittamatta koodiriviä.

Tämä tapahtuu esimerkiksi yksinkertaisen vetämällä ja pudottamalla -liittymän kautta: luo painike ympyrätyökalulla, luo uusi kuvataulu haluamallasi painikkeen tulos (esim. sovelluksen toinen välilehti), siirry prototyyppitilaan ja vedä nuoli painikkeesta uuteen piirtoalueen. Paina “Toista” -painiketta tai esikatsele live-laitteellasi nähdäksesi, kuinka se soi.

Voit jopa määrittää siirtymiä ja tehosteita, jotta se näyttäisi hienolta. Prototyyppitilaan on joitain melko suuria rajoituksia. Et voi oikeasti saada sitä perusteellisesti, mutta se palvelee tarkoitusta ja yksinkertainen toteutus tekee siitä helpon käyttää.

Kuinka rajoitettu on Adobe XD: n ilmainen versio?

Koska Adobe XD on ilmainen tuote, se on suunniteltu kiinnittämään sinut yksinkertaiseen työnkulkuun ja käyttäjäystävällisiin työkaluihin kuluttamatta penniäkään. Suurin haitta ilmaiseksi versioksi on kyvyttömyys olla useammalla kuin yhdellä aktiivisella jaetulla prototyypillä tai sarjamäärityksillä kerrallaan.

Joten ensimmäiseen suunnitteluun tai projektiisi ilmainen versio saattaa riittää. Kun on kyse jakamisesta lisää malleja tai projekteja joukkueesi tai sovelluskehittäjien kanssa, törmäät nopeasti seinälle. Voit viedä erilaiset taulut aina .PNG-tiedostoina ilmaiseksi, ikuisesti Tiedosto> Vie vaihtoehto.

Kuitenkin jaettu taulujen prototyyppien ja interaktiivisuus on yksi erottuva ominaisuus tässä. Sovellus on edelleen hyödyllinen ilman sitä, vain ei samassa määrin. Et voi rakentaa täysin toteutettua prototyyppiä, mutta voit nopeasti laittaa suunnittelusi.

Muita ilmaisen version rajoituksia ovat rajoitettu määrä Typekit-fontteja ja 2 Gt pilvivarastoa (toisin kuin 100 Gt) Creative Cloud -tilaajille. Jos päätät kantaa rahaa maksettu versio, Adobe XD maksaa sinulle 9,99 dollaria / kuukausi pelkästään tästä sovelluksesta tai 52,99 dollaria / kuukausi koko Creative Cloud -sovelluksesta.

Me ajattelemme Adobe Creative Cloud on rahan arvoinen 5 syytä ostaa Adobe Creative CloudAdoben Creative Cloudilla on paljon suuria etuja. Olemme koonneet luettelon syistä investoida Adobe Creative Cloudiin, kun voit silti. Lue lisää , mikäli pystyt hyödyntämään sitä riittävästi.

Adobe XD on yllättävän käyttäjäystävällinen työkalu

Adobe XD on hyödyllinen työkalu riippumatta siitä, aiotko maksaa siitä tai ei. Joissain tapauksissa saatat päästä eroon ilmaisesta versiosta pienten henkilökohtaisten projektien työskentelemistä varten. Jos kyseessä on vakava työ ja jakaminen ryhmien kanssa, sinun on päivitettävä.

Adobe XD ei ole käyttöliittymäsuunnittelun lopullinen ja lopullinen. Suunnittelijat ovat käyttäneet grafiikkatyökaluja vuosien ajan mallien luomiseen verkkosivustoille, sovellussuunnitelmille ja muille. Katso parhaat Mac-vektorigrafiikkatyökalut suunnittelijoille budjetilla Paras vektori-ohjelmisto Mac-suunnittelijoille budjetillaTässä ovat MacOS-ohjelmien parhaat vektoriohjelmat, joita voit käyttää ilmaiseksi tai ostaa budjeteilla. Täydellinen moderneille suunnittelijoille! Lue lisää nähdä joitain kykeneviä vaihtoehtoja.