Adobe XD: ການອອກແບບ, ຮູບແບບແລະການແບ່ງປັນກັບ Adobe ຂອງ UX / UI Solution

ມື້ນີ້, ຂ້ອຍໄດ້ຕິດຕັ້ງ Adobe XD, Adobe's UX / UI solution ສຳ ລັບເວັບໄຊທ໌ຕົ້ນແບບ, ໂປແກຼມເວັບແລະໂປແກຼມມືຖື. Adobe XD ຊ່ວຍໃຫ້ຜູ້ໃຊ້ສາມາດປ່ຽນຈາກສາຍໄຟແບບຄົງທີ່ໄປສູ່ແບບ ຈຳ ລອງແບບໂຕ້ຕອບໂດຍການກົດປຸ່ມດຽວ. ທ່ານສາມາດປ່ຽນແປງການອອກແບບຂອງທ່ານແລະເບິ່ງການປັບປຸງແບບຕົ້ນແບບຂອງທ່ານໂດຍອັດຕະໂນມັດ - ບໍ່ ຈຳ ເປັນຕ້ອງມີການຊິ້ງຂໍ້ມູນ. ແລະທ່ານສາມາດເບິ່ງຮູບແບບຕົ້ນແບບຂອງທ່ານໄດ້, ສຳ ເລັດການປ່ຽນຜ່ານໃນອຸປະກອນ iOS ແລະ Android, ຫຼັງຈາກນັ້ນແບ່ງປັນກັບທີມງານຂອງທ່ານເພື່ອໃຫ້ ຄຳ ຄິດເຫັນໄວ.

Adobe XD

ຄຸນລັກສະນະຂອງ Adobe XD ລວມມີ:

  • ແບບທົດລອງແບບໂຕ້ຕອບ - ປ່ຽນຈາກການອອກແບບມາເປັນ ໂໝດ ຕົ້ນແບບດ້ວຍການກົດປຸ່ມດຽວ, ແລະເຊື່ອມຕໍ່ artboards ເພື່ອສື່ສານການໄຫລຂອງແລະເສັ້ນທາງຂອງແອັບ mult ຫຼາຍໃບ. ເຊື່ອມຕໍ່ອົງປະກອບອອກແບບຈາກ artboard ໜຶ່ງ ໄປຫາອີກແຜ່ນ ໜຶ່ງ, ລວມທັງ Repeat Grid cells. ເພີ່ມປະຕິ ສຳ ພັນກັບຕົວຄວບຄຸມສາຍຕາທີ່ມີຄວາມລະອຽດເພື່ອທົດສອບແລະ ນຳ ໃຊ້ປະສົບການ.
  • ເຜີຍແຜ່ແບບ ຈຳ ລອງ ສຳ ລັບ ຄຳ ຄິດເຫັນ - ສ້າງລິ້ງເວັບທີ່ສາມາດແບ່ງປັນໄດ້ເພື່ອໃຫ້ໄດ້ຮັບ ຄຳ ຄິດເຫັນກ່ຽວກັບການອອກແບບຂອງທ່ານ, ຫຼືຝັງມັນໃສ່ Behance ຫຼື ໜ້າ ເວັບ. ນັກທົບທວນສາມາດສະແດງຄວາມຄິດເຫັນໂດຍກົງກ່ຽວກັບຮູບແບບຕົ້ນແບບຂອງທ່ານແລະພາກສ່ວນສະເພາະຂອງການອອກແບບຂອງທ່ານ. ທ່ານຈະໄດ້ຮັບການແຈ້ງເຕືອນເມື່ອພວກເຂົາອອກ ຄຳ ເຫັນ, ແລະພວກເຂົາສາມາດເຮັດໃຫ້ຕົວທ່ອງເວັບຂອງພວກເຂົາສົດຊື່ນເພື່ອເບິ່ງການປ່ຽນແປງຂອງທ່ານ.
  • ຮູບແຕ້ມໄວໄວແລະຫລາກຫລາຍ - ບໍ່ວ່າທ່ານ ກຳ ລັງເຮັດວຽກກັບ artboard ໜຶ່ງ ຫລື ໜຶ່ງ ຮ້ອຍ, XD ເຮັດໃຫ້ທ່ານມີປະສິດຕິພາບທີ່ໄວທີ່ສຸດ. ອອກແບບ ສຳ ລັບ ໜ້າ ຈໍແລະອຸປະກອນຕ່າງໆ. Pan ແລະຂະຫຍາຍໃຫຍ່ຂື້ນໂດຍບໍ່ມີເວລາຊັກຊ້າ. ເລືອກຈາກຂະ ໜາດ ທີ່ຕັ້ງໄວ້ລ່ວງ ໜ້າ ຫຼື ກຳ ນົດຕົວທ່ານເອງ, ແລະຄັດລອກລະຫວ່າງ artboards ໂດຍບໍ່ສູນເສຍການຈັດວາງອົງປະກອບອອກແບບຂອງທ່ານ.
  • ເຮັດຊ້ ຳ ຄືນ - ເລືອກລາຍການຕ່າງໆໃນການອອກແບບຂອງທ່ານເຊັ່ນ: ລາຍຊື່ຜູ້ຕິດຕໍ່ຫຼືຫໍສະແດງຮູບພາບ, ແລະເຮັດແບບນີ້ຄືນ ໃໝ່ ຕາມແນວນອນຫລືແນວຕັ້ງທີ່ທ່ານຕ້ອງການ - ທຸກຮູບແບບແລະສະຖານທີ່ຂອງທ່ານຍັງຄົງຢູ່. ປັບປຸງອົງປະກອບ ໜຶ່ງ ຄັ້ງແລະການປ່ຽນແປງຂອງທ່ານຈະຖືກປັບປຸງຢູ່ທົ່ວທຸກບ່ອນ.
  • ສະຫນັບສະຫນູນຂ້າມເວທີ - Adobe XD ສະຫນັບສະຫນູນພື້ນເມືອງຂອງ Windows 10 (Universal Windows Platform) ແລະ Mac, ມີແອັບ apps ມືຖືທີ່ມີຄູ່ ສຳ ລັບ Android ແລະ iOS.
  • ກະດານຊັບສິນ - ເຮັດໃຫ້ສີສັນແລະຮູບແບບຕົວລະຄອນສາມາດໃຊ້ໄດ້ງ່າຍໂດຍການເພີ່ມພວກມັນເຂົ້າໃນແຜງຊັບສິນ (ໃນເມື່ອກ່ອນກະດານສັນຍາລັກ) ເຊິ່ງລວມມີສັນຍາລັກໂດຍອັດຕະໂນມັດ ແກ້ໄຂຮູບແບບສີສັນຫຼືລັກສະນະໃດ ໜຶ່ງ ຢູ່ໃນກະດານແລະການປ່ຽນແປງຈະຖືກສະທ້ອນຕະຫຼອດເອກະສານຂອງທ່ານ.
  • ສັນຍາລັກ Reimagined - ປະຫຍັດເວລາດ້ວຍສັນຍາລັກ, ອົງປະກອບອອກແບບທີ່ສາມາດ ນຳ ໃຊ້ໄດ້ເຊິ່ງ ກຳ ຈັດຄວາມຕ້ອງການໃນການຊອກຫາແລະດັດແກ້ຕົວຢ່າງຂອງແຕ່ລະຊັບສິນໃນທົ່ວເອກະສານ. ປັບປຸງ ໃໝ່ ແລະພວກເຂົາຈະປັບປຸງຢູ່ທົ່ວທຸກແຫ່ງ, ຫຼືເລືອກທີ່ຈະຂ້າມບາງກໍລະນີສະເພາະ. ສັນຍາລັກສາມາດເປັນຮູບພາບ vector, ຮູບພາບ raster, ຫຼືວັດຖຸຂໍ້ຄວາມ, ແລະມັນຍັງສາມາດຖືກ ນຳ ໃຊ້ເປັນວັດຖຸພາຍໃນ Repeat Grids.
  • ຫໍສະ ໝຸດ Cloud ສ້າງສັນ - ດ້ວຍການປະສົມປະສານຂອງ Creative Cloud Libraries, ທ່ານສາມາດເຂົ້າເຖິງແລະ ນຳ ໃຊ້ຮູບພາບ raster, ສີແລະຮູບແບບລັກສະນະທີ່ຖືກສ້າງຂື້ນໃນ Photoshop CC, Illustrator CC, ແລະໂປແກຼມ Creative Cloud ອື່ນໆຈາກພາຍໃນ XD, ແລະ ນຳ ໃຊ້ທຸກບ່ອນໃນເອກະສານຂອງທ່ານ.
  • ຜູ້ກວດກາຊັບສິນຄວາມເປັນຈິງ - ເຮັດວຽກຢູ່ໃນພື້ນທີ່ທີ່ບໍ່ມີເຄື່ອງນຸ່ງຫົ່ມຂອບໃຈກັບຜູ້ກວດສອບຊັບສິນທີ່ມີສະພາບການ, ເຊິ່ງສະແດງຕົວເລືອກຕ່າງໆ ສຳ ລັບວັດຖຸທີ່ທ່ານເລືອກ. ດັດແປງຄຸນສົມບັດຕ່າງໆເຊັ່ນ: ສີຊາຍແດນແລະຄວາມ ໜາ, ຕື່ມຂໍ້ມູນໃສ່ສີ, ເງົາ, ຄວາມມົວ, ຄວາມສັບສົນແລະການ ໝູນ ວຽນ, ແລະຕົວເລືອກການເຂົ້າເຖິງຄວາມສອດຄ່ອງ, ຂະ ໜາດ ແລະ Repeat Grid.
  • ການ ນຳ ທາງແບບກະປSmartອງທີ່ສະຫຼາດ - ຂະຫຍາຍອອກໄປໃນພື້ນທີ່ສະເພາະໃດ ໜຶ່ງ ຂອງການອອກແບບຂອງທ່ານ, ຫຼືເລືອກຕົວເລືອກໃສ່ກະດານ artboard ແລະໃຊ້ທາງລັດເພື່ອຫຍໍ້ຂວາຫາມັນ. ເລື່ອນຫລືຫຍໍ້ດ້ວຍເມົ້າ, ປຸ່ມ ສຳ ຜັດຫຼືແປ້ນພິມຂອງທ່ານ. ແລະໄດ້ຮັບຜົນງານທີ່ດີເລີດເຖິງແມ່ນວ່າທ່ານຈະມີ artboards ຫຼາຍຮ້ອຍແຜ່ນ.
  • ຊັ້ນຂໍ້ມູນ - ຈັດການແລະເອົາໃຈໃສ່ໃນຂະນະທີ່ຈັດການການອອກແບບທີ່ຊັບຊ້ອນຍ້ອນວິທີການທີ່ ເໝາະ ສົມກັບຂັ້ນຕອນຕ່າງໆ. ຈຸດເດັ່ນຂອງ XD ມີພຽງແຕ່ຊັ້ນທີ່ກ່ຽວຂ້ອງກັບ artboard ທີ່ທ່ານ ກຳ ລັງເຮັດຢູ່, ດັ່ງນັ້ນທ່ານສາມາດຊອກຫາສິ່ງທີ່ທ່ານຕ້ອງການໄດ້ອຍ່າງລວດໄວແລະງ່າຍດາຍ.
  • ເຄື່ອງມືແນະ ນຳ ໃນການຈັດວາງ - ແຕ້ມ, ໃຊ້ຄືນແລະໃຊ້ສ່ວນປະກອບໃນການອອກແບບ remix ໂດຍໃຊ້ snap-to grids ແລະເຄື່ອງມືການຈັດຮູບແບບທີ່ມີຄວາມລະອຽດສູງອື່ນໆເຊິ່ງຊ່ວຍໃຫ້ທ່ານສາມາດສ້າງການວັດແທກທີ່ກ່ຽວຂ້ອງລະຫວ່າງວັດຖຸ, ໜ້າ ກາກກັບຮູບ, ກຸ່ມ, ລັອກ, ຈັດລຽນ, ແລະແຈກຢາຍສ່ວນປະກອບອອກແບບແລະອື່ນໆ.
  • ຜົນກະທົບທີ່ມົວ - ເຮັດໃຫ້ມົວກັບວັດຖຸສະເພາະໃດ ໜຶ່ງ ຫຼືພື້ນຫລັງທັງ ໝົດ ເພື່ອປ່ຽນຈຸດສຸມຂອງການອອກແບບຂອງທ່ານ, ໃຫ້ຄວາມເລິກແລະມິຕິ.
  • gradients ຮູບແຂບທີ່ຫຼາກຫຼາຍ - ສ້າງຮູບຊົງຮູບຊົງທີ່ສວຍງາມໂດຍໃຊ້ການຄວບຄຸມສາຍຕາແບບງ່າຍດາຍແລະຊັດເຈນໃນຕົວເລືອກສີ. ທ່ານຍັງສາມາດ ນຳ ເຂົ້າ gradients ຈາກ Photoshop CC ແລະ Illustrator CC.
  • ເຄື່ອງມືປາກກາທີ່ທັນສະ ໄໝ - ແຕ້ມຮູບແລະເສັ້ນທາງໄດ້ງ່າຍດ້ວຍເຄື່ອງມື Pen. ໃຊ້ເສັ້ນທາງທີ່ ກຳ ຫນົດເອງ, ເພີ່ມຫລືເອົາຈຸດສະມໍ, ຈັດສາຍໄດ້ງ່າຍ, ແລະປ່ຽນເສັ້ນທາງໂຄ້ງແລະລ່ຽມ - ທັງ ໝົດ ນີ້ມີເຄື່ອງມືດຽວກັນ.
  • ການດັດແກ້ກຸ່ມ Boolean - ສ້າງແລະທົດລອງກັບຮູບຮ່າງທີ່ສັບສົນໂດຍການລວມກຸ່ມຂອງວັດຖຸໂດຍໃຊ້ຜູ້ປະຕິບັດ Boolean ທີ່ບໍ່ ທຳ ລາຍ.
  • ຄໍເຕົ້າໄຂ່ທີ່ Typography - ແບບຂໍ້ຄວາມທີ່ມີການຄວບຄຸມທີ່ຊັດເຈນເພື່ອເພີ່ມປະສົບການຂອງຜູ້ໃຊ້. ດັດປັບອົງປະກອບທີ່ພິມງ່າຍໆເຊັ່ນ: ຕົວອັກສອນ, ຕົວອັກສອນ, ຂະ ໜາດ, ການຈັດຕໍາ ແໜ່ງ, ລັກສະນະຂອງຕົວອັກສອນ, ແລະສະຖານທີ່ເສັ້ນ. ປ່ຽນລັກສະນະຂອງຕົວ ໜັງ ສືຂອງທ່ານຄືກັນກັບທີ່ທ່ານປ່ຽນອົງປະກອບອື່ນໆໃນ XD ເຊັ່ນ: ຄວາມຊັດເຈນ, ການຕື່ມຂໍ້ມູນ, ຄວາມເປັນມາແລະຜົນກະທົບທີ່ມົວ, ແລະຂອບເຂດຊາຍແດນ.
  • ການຄວບຄຸມສີທີ່ຄ່ອງແຄ້ວ - ເລືອກສີໂດຍການໃສ່ຄຸນຄ່າທີ່ແນ່ນອນຫຼືໂດຍການເກັບຕົວຢ່າງຈາກພາຍໃນຫລືພາຍນອກ XD ດ້ວຍ Eyedropper. ສ້າງແລະປະຫຍັດສະຫຼັບສີ, ແລະໃຊ້ທາງລັດ ສຳ ລັບລະຫັດ hexadecimal ໃນຕົວເລືອກສີ.
  • ຊັບພະຍາກອນ UI - ອອກແບບແລະແບບຢ່າງໄວວາ ສຳ ລັບ Apple iOS, Google Material Design, ແລະອຸປະກອນ Microsoft Windows ໂດຍ ນຳ ໃຊ້ສ່ວນປະກອບໃນການໂຕ້ຕອບຜູ້ໃຊ້ທີ່ມີຄຸນນະພາບສູງ.
  • ຄັດລອກແລະວາງຈາກແອັບ design ອອກແບບອື່ນໆ - ນຳ ເອົາຜົນງານສິລະປະເຂົ້າໃນ XD ຈາກ Photoshop CC ແລະ Illustrator CC.
  • ສະແດງຕົວຢ່າງໃນສະພາບການ iOS ແລະ Android - ເບິ່ງຕົວຢ່າງການອອກແບບແລະການໂຕ້ຕອບທັງ ໝົດ ຂອງທ່ານໃນອຸປະກອນຕົວຈິງທີ່ທ່ານ ກຳ ລັງຕັ້ງເປົ້າ ໝາຍ. ເຮັດການປ່ຽນແປງເທິງ ໜ້າ ຈໍແລະຫຼັງຈາກນັ້ນທົດສອບພວກມັນໃນອຸປະກອນຂອງທ່ານເພື່ອຄວາມຊື່ສັດແລະການໃຊ້ງານ.
  • ຄຳ ແນະ ນຳ ຈຸດສຸມ - ຊີ້ໃຫ້ເຫັນຈຸດທີ່ຢູ່ຈຸດຕົ້ນແບບຂອງທ່ານໂດຍອັດຕະໂນມັດເພື່ອໃຫ້ຜູ້ໃຊ້ສາມາດເບິ່ງເຂດໃດທີ່ມີການໂຕ້ຕອບແລະສາມາດກົດໄດ້.
  • ການຄຸ້ມຄອງຕົ້ນແບບ - ສ້າງຫລາຍ URL ຈາກໄຟລ໌ດຽວກັນເພື່ອແບ່ງປັນຮູບແບບຕົ້ນແບບຂອງທ່ານ. ແບ່ງປັນແບບ ຈຳ ລອງ ຈຳ ນວນບໍ່ ຈຳ ກັດ, ແລະເຂົ້າຫາແລະລຶບມັນໄດ້ງ່າຍຈາກບັນຊີ Creative Cloud ຂອງທ່ານ.
  • ບັນທຶກການໂຕ້ຕອບແບບທົດລອງເປັນວິດີໂອ - ເມື່ອທ່ານກົດຜ່ານການສະແດງຕົວຢ່າງຂອງທ່ານ, ບັນທຶກເອກະສານ MP4 ເພື່ອແບ່ງປັນກັບທີມງານຫຼືຜູ້ມີສ່ວນກ່ຽວຂ້ອງຂອງທ່ານ (Mac ເທົ່ານັ້ນ).
  • ສົ່ງອອກວຽກງານສິລະປະ, ຊັບສິນ, ແລະກະດານຮູບແຕ້ມ - ສົ່ງອອກຮູບພາບແລະການອອກແບບໃນຮູບແບບ PNG ແລະ SVG ເຊິ່ງທ່ານສາມາດ ກຳ ຫນົດຄ່າ ສຳ ລັບ iOS, Android, web, ຫຼືການຕັ້ງຄ່າທີ່ ກຳ ຫນົດເອງ. ສົ່ງອອກ artboard ທັງ ໝົດ ຫຼືສ່ວນປະກອບສ່ວນບຸກຄົນ. ແລະແບ່ງປັນຊັບສິນແລະ artboards ໂດຍການສົ່ງອອກເປັນເອກະສານ PDF ແຕ່ລະຄົນຫຼືເປັນເອກະສານ PDF ດຽວ.
  • ສະ ໜັບ ສະ ໜູນ ຫຼາຍພາສາ - ພາສາທີ່ສະ ໜັບ ສະ ໜູນ ປະກອບມີພາສາອັງກິດ, ຝຣັ່ງ, ເຢຍລະມັນ, ຍີ່ປຸ່ນ, ແລະເກົາຫຼີ.
  • ແຈ້ງການອີເມວ ສຳ ລັບ ຄຳ ເຫັນ - ຮັບການແຈ້ງເຕືອນທາງອີເມວເມື່ອຜູ້ມີສ່ວນຮ່ວມໃຫ້ ຄຳ ເຫັນກ່ຽວກັບແບບ ຈຳ ລອງເວັບຂອງທ່ານ. ອີເມວສາມາດຖືກສົ່ງເປັນສ່ວນບຸກຄົນຫຼືຖີ້ມໃນເຄື່ອງຍ່ອຍປະ ຈຳ ວັນ

ສິ່ງທີ່ດີທີ່ສຸດ, Adobe XD ມາພ້ອມກັບໃບອະນຸຍາດຂອງຂ້ອຍ ສຳ ລັບ Adobe Creative Suite!

ການເປີດເຜີຍ: ພວກເຮົາເປັນສາຂາຂອງ Adobe.

ທ່ານຄິດແນວໃດ?

ເວັບໄຊທ໌ນີ້ໃຊ້ Akismet ເພື່ອຫຼຸດຜ່ອນການຂີ້ເຫຍື້ອ. ຮຽນຮູ້ວິທີທີ່ຂໍ້ມູນຂອງທ່ານຖືກປະຕິບັດ.