Adobe XD: kujundamine, prototüüp ja jagamine Adobe'i UX / UI lahendusega

Täna installisin Adobe XD, Adobe'i UX / UI lahenduse veebisaitide, veebirakenduste ja mobiilirakenduste prototüüpimiseks. Adobe XD võimaldab kasutajatel ühe klõpsuga staatilistelt traadiraamidelt interaktiivsetele prototüüpidele üle minna. Saate oma kujunduses muudatusi teha ja näha prototüübi värskendamist automaatselt - sünkroonimist pole vaja. Ja saate oma prototüüpe koos iOS-i ja Android-seadmete üleminekutega eelvaadata ning seejärel kiireks tagasiside saamiseks oma meeskonnaga jagada.

Adobe XD

Adobe XD funktsioonide hulka kuuluvad:

  • Interaktiivsed prototüübid - Ühe disainiga režiimilt prototüübi režiimile lülitumine ühe klõpsuga ja mitmikekraanirakenduste voo ja liikumisteede edastamiseks ühendage tahvlid. Ühendage disainielemendid ühelt tahvlilt teisele, sealhulgas võrgu Repeat Grid lahtrid. Kogemuse testimiseks ja kinnitamiseks lisage interaktiivsete visuaalsete juhtimisseadmetega interaktsioone.
  • Avaldage tagasiside prototüübid - Looge oma kujunduse kohta tagasiside saamiseks jagatavaid veebilinke või kinnitage need Behance'i või veebilehele. Retsensendid saavad kommenteerida otse teie prototüüpe ja teie kujunduse konkreetseid osi. Teid teavitatakse, kui nad kommenteerivad, ja nad saavad teie muudatuste nägemiseks lihtsalt oma brausereid värskendada.
  • Kiired ja mitmekülgsed tahvlid - Ükskõik, kas töötate ühe või saja tahvliga, annab XD teile sama kiire jõudluse. Kujundus erinevatele ekraanidele ja seadmetele. Panoraamimine ja suumimine ilma viivituseta. Valige eelseadistatud suuruste hulgast või määrake oma ja kopeerige suurte tahvlite vahel, kaotamata kujunduselementide paigutust.
  • Korrake ruudustikku - Valige kujunduses üksused, näiteks kontaktide loend või fotogalerii, ja kopeerige neid horisontaalselt või vertikaalselt nii mitu korda kui soovite - kõik teie stiilid ja vahed jäävad puutumatuks. Värskendage elementi üks kord ja muudatusi värskendatakse kõikjal.
  • Platvormidevaheline tugi - Adobe XD toetab loomulikult Windows 10 (Universal Windows Platform) ja Maci koos kaaslaste mobiilirakendustega Androidile ja iOS-ile.
  • Varade paneel - Muutke värvid ja märgistiilid hõlpsasti taaskasutamiseks kättesaadavaks, lisades need paneelile Varad (varem paneelile Sümbolid), mis sisaldab automaatselt sümboleid. Muutke paneelil mis tahes värvi või tähemärgi stiili ja muudatused kajastuvad kogu teie dokumendis.
  • Ümbermõeldud sümbolid - Säästke aega sümbolite, korduvkasutatavate kujunduselementidega, mis välistavad vajaduse dokumendis vara iga eksemplari leida ja muuta. Värskendage ühte ja nad värskendavad kõikjal või otsustavad konkreetsed eksemplarid alistada. Sümbolid võivad olla vektorgraafika, rasterkujutised või tekstiobjektid ning neid saab kasutada ka objektidena kordusvõrkudes.
  • Creative Cloudi raamatukogud - Creative Cloud Librariesi integreerimise abil saate XD seest pääseda juurde Photoshop CC-s, Illustrator CC-s ja muudes Creative Cloudi rakendustes loodud rasterkujutistele, -värvidele ja -stiilidele ning neid rakendada ja neid kõikjal oma dokumentides uuesti kasutada.
  • Kontekstipõhine varainspektor - Töötage piiramatus ruumis tänu kontekstiteadlikule kinnisvarainspektorile, mis kuvab suvandid ainult teie valitud objektide jaoks. Muutke selliseid omadusi nagu äärise värv ja paksus, täitke värvid, varjud, hägustused, läbipaistmatus ja pööramine ning juurdepääsuvõimalused joondamiseks, mõõtmeteks ja võrgu kordamiseks.
  • Nutikas lõuendi navigeerimine - Suumige hõlpsalt oma kujunduse konkreetset ala või tehke valik tahvlil ja kasutage selle otsesuumimiseks otseteed. Panoraamige või suumige hiire, puuteplaadi või klaviatuuri otseteede abil. Ja saate suurepäraseid tulemusi isegi siis, kui teil on sadu tahvleid.
  • Kontekstuaalsed kihid - Püsige korrastatud ja keskendunud keerukate kujunduste haldamisel tänu kontekstuaalsele lähenemisele kihtidele. XD tõstab esile ainult töötava tahvliga seotud kihid, nii et saate vajaliku leida kiiresti ja hõlpsalt.
  • Paigutuse juhendamise tööriistad - Kujunduselementide sujuv joonistamine, taaskasutamine ja uuesti segamine, kasutades rippvõrke ja muid intuitiivseid paigutusriistu, mis aitavad teil luua objektide vahel suhtelisi mõõtmisi, kujunditega maskeerida, kujunduselemente grupeerida, lukustada, joondada ja levitada ning palju muud.
  • Hägususe efektid - Hägustage konkreetne objekt või kogu taust kiiresti, et muuta oma disaini fookuspunkti, andes sellele sügavuse ja mõõtme.
  • Mitmekülgsed lineaarsed gradientid - Looge ilusad lineaarsed gradientid, kasutades värvivalija lihtsaid, kuid täpseid visuaalseid juhtnuppe. Gradiente saate importida ka Photoshop CC-st ja Illustrator CC-st.
  • Kaasaegne pliiatsi tööriist - Joonistage pliiatsi tööriistaga hõlpsalt kujundid ja teed. Kasutage kohandatud teid, lisage või eemaldage kinnituspunkte, hõlpsalt joontega manipuleerides ja kõverate ja nurkade vahel vahetamiseks - kõik sama tööriistaga.
  • Boole'i ​​grupi redigeerimine - Looge ja katsetage keerukaid kujundeid, kombineerides objektide rühmi mittepurustavate Boole'i ​​operaatorite abil.
  • Tüpograafia stiil - Stiilige täpse juhtimisega tekst kasutajakogemuse parandamiseks. Korrigeerige tüpograafilisi elemente, nagu font, kirjatüüp, suurus, joondus, tähemärkide ja reavahed. Muutke oma teksti välimust samamoodi nagu muudate XD elemente nagu läbipaistmatus, täitmine, tausta ja hägususe efektid ning äärised.
  • Sujuv värvikontroll - Värvide valimiseks sisestage täpsed väärtused või võtke proovid pilguga XD seest või väljast. Looge ja salvestage värvimallid ning kasutage värvivalijas kuueteistkümnendkoodide otseteid.
  • Kasutajaliidese ressursid - Kiiresti kujundage ja prototüüp Apple iOS-i, Google Material Designi ja Microsoft Windowsi seadmetele, kasutades kvaliteetseid kasutajaliidese komponente.
  • Kopeerimine ja kleepimine teistest kujundusrakendustest - Too kunstiteosed XD-sse Photoshop CC-st ja Illustrator CC-st.
  • Kontekstis iOS ja Android eelvaated - Eelvaadake oma kujundusi ja kõiki interaktsioone tegelikes seadmetes, mida sihite. Tehke muudatused töölaual ja seejärel testige neid oma seadmetes, kas need on usaldusväärsed ja kasutatavad.
  • Hotspot vihje - Esitage oma prototüübi kuumkohad automaatselt, et kasutajad näeksid, millised alad on interaktiivsed ja klõpsatavad.
  • Prototüübi haldamine - Prototüübi erinevate versioonide jagamiseks looge samast failist mitu URL-i. Jagage piiramatul arvul prototüüpe ning pääsege neile hõlpsalt juurde ja kustutage neid oma Creative Cloudi kontolt.
  • Prototüübi interaktsioonide salvestamine videotena - Eelvaates klõpsates salvestage MP4-fail, et seda oma meeskonna või sidusrühmadega jagada (ainult Mac).
  • Ekspordi kunstiteoseid, varasid ja tahvleid - Eksportige pilte ja kujundusi PNG- ja SVG-vormingutes, mille saate konfigureerida iOS-i, Androidi, veebi või oma kohandatud seadete jaoks. Eksportige kogu tahvel või üksikud elemendid. Ja jagage varasid ja tabeleid, eksportides need eraldi PDF-failidena või ühe PDF-failina.
  • Mitmekeelne tugi - Toetatud keelte hulka kuuluvad inglise, prantsuse, saksa, jaapani ja korea keel.
  • E-posti teel teatised kommentaaride kohta - Hankige e-posti teel märguandeid, kui sidusrühmad kommenteerivad teie veebiprototüüpe. E-kirju saab saata eraldi või pakkide kaupa igapäevases kokkuvõttes

Mis kõige parem - Adobe XD-ga on kaasas minu Adobe Creative Suite'i litsents!

Avalikustamine: oleme Adobe sidusettevõtted.

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.