Adobe XD: Disenyo, Prototype, at Ibahagi sa UX / UI Solution ng Adobe

Ngayon, nag-install ako ng Adobe XD, solusyon ng UX / UI ng Adobe para sa mga prototyping website, web application, at mobile application. Nagbibigay-daan ang Adobe XD sa mga gumagamit na lumipat mula sa mga static wireframes patungo sa mga interactive na prototype sa isang solong pag-click. Maaari kang gumawa ng mga pagbabago sa iyong disenyo at awtomatikong makita ang pag-update ng iyong prototype - hindi kinakailangan ng pag-sync. At maaari mong i-preview ang iyong mga prototype, kumpleto sa mga paglilipat sa mga iOS at Android device, pagkatapos ay ibahagi ang mga ito sa iyong koponan para sa mabilis na feedback.

Adobe XD

Mga Tampok ng Adobe XD Isama:

  • Mga interactive na prototype - Lumipat mula sa disenyo sa mode na prototype na may isang solong pag-click, at ikonekta ang mga artboard upang maiparating ang daloy at mga landas ng mga multiscreen app. Ikonekta ang mga elemento ng disenyo mula sa isang artboard patungo sa isa pa, kabilang ang Repeat Grid cells. Magdagdag ng mga pakikipag-ugnayan sa mga intuitive na visual control upang subukan at mapatunayan ang karanasan.
  • I-publish ang mga prototype para sa puna - Bumuo ng maibabahaging mga link sa web upang makakuha ng puna sa iyong mga disenyo, o i-embed ang mga ito sa Behance o isang web page. Direktang maaaring magbigay ng puna ang mga tagasuri sa iyong mga prototype at tukoy na bahagi ng iyong disenyo. Aabisuhan ka kapag gumawa sila ng mga puna, at maaari nilang i-refresh ang kanilang mga browser upang makita ang iyong mga pagbabago.
  • Mabilis, maraming nalalaman na mga artboard - Nagtatrabaho ka man sa isang artboard o isang daan, binibigyan ka ng XD ng parehong mabilis na pagganap. Disenyo para sa iba't ibang mga screen at aparato. I-pan at mag-zoom nang walang oras ng lag. Pumili mula sa mga preset na laki o tukuyin ang iyong sarili, at kopyahin sa pagitan ng mga artboard nang hindi nawawala ang paglalagay ng iyong mga elemento ng disenyo.
  • Ulitin ang Grid - Piliin ang mga item sa iyong disenyo, tulad ng isang listahan ng contact o gallery ng larawan, at kopyahin ang mga ito nang pahalang o patayo nang maraming beses hangga't gusto mo - lahat ng iyong mga estilo at spacing ay mananatiling buo. Mag-update ng isang elemento nang isang beses at mag-a-update ang iyong mga pagbabago saanman.
  • Suporta sa cross-platform - Likas na sinusuportahan ng Adobe XD ang Windows 10 (Universal Windows Platform) at Mac, na may kasamang mga mobile app para sa Android at iOS.
  • Mga Asset panel - Gawing madaling magagamit ang mga kulay at istilo ng character para magamit muli sa pamamagitan ng pagdaragdag ng mga ito sa panel ng Mga Asset (dating panel ng Mga Simbolo), na awtomatikong may kasamang mga simbolo. I-edit ang anumang kulay o estilo ng character sa panel at ang mga pagbabago ay makikita sa buong iyong dokumento.
  • Mga simbolong muling naisip - Makatipid ng oras sa mga simbolo, magagamit muli na mga elemento ng disenyo na tinanggal ang pangangailangan na hanapin at i-edit ang bawat halimbawa ng isang asset sa isang dokumento. I-update ang isa at mag-a-update sila saanman, o pipiliing i-override ang mga tukoy na pagkakataon. Ang mga simbolo ay maaaring mga graphic graphic, raster na imahe, o mga object ng teksto, at maaari din itong magamit bilang mga bagay sa loob ng Repeat Grids.
  • Mga Creative Library ng Cloud - Sa pagsasama ng Creative Cloud Library, maaari mong ma-access at ilapat ang mga imahe ng raster, kulay at istilo ng character na nilikha sa Photoshop CC, Illustrator CC, at iba pang mga application ng Creative Cloud mula sa loob ng XD, at muling magamit ang mga ito saanman sa iyong mga dokumento.
  • Tagamasid ng May-ari ng Kontekstwal - Magtrabaho sa isang walang gulong na puwang salamat sa may alam na konteksto na Inspektor ng Ari-arian, na nagpapakita lamang ng mga pagpipilian para sa mga bagay na iyong napili. Baguhin ang mga pag-aari tulad ng kulay at kapal ng hangganan, punan ang mga kulay, anino, lumabo, opacity, at pag-ikot, at mga pagpipilian sa pag-access para sa pagkakahanay, sukat, at Ulitin ang Grid.
  • Smart nabigasyon ng canvas - Madaling mag-zoom in sa isang tukoy na lugar ng iyong disenyo, o pumili ng isang artboard at gumamit ng isang shortcut upang mag-zoom pakanan dito. Mag-pan o mag-zoom gamit ang iyong mga mouse, touchpad, o mga keyboard shortcut. At makakuha ng mahusay na pagganap kahit na mayroon kang daan-daang mga artboard.
  • Mga layer ng konteksto - Manatiling organisado at nakatuon habang namamahala ng mga kumplikadong disenyo salamat sa isang kontekstong diskarte sa mga layer. Ang XD ay nagha-highlight lamang ng mga layer na nauugnay sa artboard na iyong pinagtatrabahuhan, upang mabilis at madali mong makita kung ano ang kailangan mo.
  • Mga tool sa gabay sa layout - Mahusay na gumuhit, muling gagamitin, at muling i-remix ang mga elemento ng disenyo gamit ang mga snap-to grids at iba pang mga intuitive layout tool na makakatulong sa iyong lumikha ng mga kamag-anak na sukat sa pagitan ng mga bagay, maskara sa mga hugis, pangkat, lock, ihanay, at ipamahagi ang mga elemento ng disenyo, at marami pa.
  • Blur effects - Mabilis na lumabo ng isang tukoy na bagay o isang buong background upang baguhin ang focal point ng iyong disenyo, na binibigyan ito ng lalim at sukat.
  • Maraming nalalaman na mga gradient sa linear - Lumikha ng magagandang mga linear gradient gamit ang simple ngunit tumpak na mga visual control sa Color Picker. Maaari ka ring mag-import ng mga gradient mula sa Photoshop CC at Illustrator CC.
  • Modernong tool ng Panulat - Madaling gumuhit ng mga hugis at landas gamit ang tool na Panulat. Gumamit ng mga pasadyang landas, magdagdag o mag-alis ng mga puntos ng angkla, madaling manipulahin ang mga linya, at lumipat sa pagitan ng mga kurbadong at anggulo na mga landas - lahat ay may parehong tool.
  • Pag-edit ng pangkat ng Boolean - Lumikha at mag-eksperimento sa mga kumplikadong hugis sa pamamagitan ng pagsasama-sama ng mga pangkat ng mga bagay gamit ang hindi mapanirang mga operator ng Boolean.
  • Pag-istilo ng typography - Text ng estilo na may tumpak na kontrol upang mapahusay ang karanasan ng gumagamit. Madaling ayusin ang mga elementong typograpikong tulad ng font, typeface, laki, pagkakahanay, spacing ng character, at spacing ng linya. Baguhin ang hitsura ng iyong teksto sa parehong paraan ng pagbabago ng iba pang mga elemento sa XD tulad ng opacity, punan, background at lumabo epekto, at mga hangganan.
  • Naka-streamline na kontrol sa kulay - Pumili ng mga kulay sa pamamagitan ng pagpasok ng eksaktong mga halaga o sa pamamagitan ng pag-sample mula sa loob o labas ng XD gamit ang Eyedropper. Lumikha at makatipid ng mga swatch ng kulay, at gumamit ng mga shortcut para sa mga hexadecimal code sa Color Picker.
  • Mga mapagkukunan ng UI - Mabilis na disenyo at prototype para sa Apple iOS, Google Material Design, at mga aparatong Microsoft Windows na gumagamit ng mga de-kalidad na bahagi ng user interface.
  • Kopyahin at i-paste mula sa iba pang mga app ng disenyo - Dalhin ang likhang sining sa XD mula sa Photoshop CC at Illustrator CC.
  • Mga preview ng iOS at Android na nasa konteksto - Suriin ang iyong mga disenyo at lahat ng pakikipag-ugnayan sa mga aktwal na aparato na iyong tina-target. Gumawa ng mga pagbabago sa desktop at pagkatapos ay subukan ang mga ito sa iyong mga aparato para sa katapatan at kakayahang magamit.
  • Hotspot hinting - Awtomatikong i-highlight ang mga hotspot sa iyong prototype upang makita ng mga gumagamit kung aling mga lugar ang interactive at mai-click.
  • Pamamahala ng prototype - Lumikha ng maraming mga URL mula sa parehong file upang magbahagi ng iba't ibang mga bersyon ng iyong prototype. Magbahagi ng isang walang limitasyong bilang ng mga prototype, at madaling ma-access at matanggal ang mga ito mula sa iyong Creative Cloud account.
  • Itala ang mga pakikipag-ugnayan ng prototype bilang mga video - Habang nag-click ka sa iyong preview, magtala ng isang MP4 file upang ibahagi sa iyong koponan o mga stakeholder (Mac lang).
  • I-export ang likhang sining, mga assets, at artboard - I-export ang mga imahe at disenyo sa mga format ng PNG at SVG, na maaari mong i-configure para sa iOS, Android, web, o iyong sariling mga setting ng pasadya. I-export ang isang buong artboard o indibidwal na mga elemento. At magbahagi ng mga assets at artboard sa pamamagitan ng pag-export ng mga ito bilang indibidwal na mga PDF file o bilang isang solong PDF file.
  • Suporta sa multi-wika - Kasama sa mga sinusuportahang wika ang Ingles, Pranses, Aleman, Hapon, at Koreano.
  • Mga abiso sa email para sa mga komento - Makakuha ng mga abiso sa email kapag nagkomento ang mga stakeholder sa iyong mga prototype ng web. Ang mga email ay maaaring ipadala isa-isa o i-batch sa isang pang-araw-araw na digest

Pinakamaganda sa lahat, ang Adobe XD ay mayroong aking lisensya para sa Adobe Creative Suite!

Pagbubunyag: Kami ay kaanib ng Adobe.

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.