Adobe Experience Design Tricks, Tips, and Techniques

01 of 07

Adobe Experience Design Tricks, Tips, and Techniques

ໃນເວລາທີ່ Adobe ໄດ້ນໍາສະເຫນີ ປະສົບການການອອກແບບເປັນການສະແດງສາທາລະນະ , ບໍລິສັດໄດ້ປະສົບຜົນສໍາເລັດທັງສອງ feats ເຮັດໃຫ້ປະລາດໃນເວລາດຽວກັນ. ຫນ້າທໍາອິດ, ພວກເຂົາໄດ້ຈັດວາງຊ່ອງຫວ່າງໃນຕະຫລາດຊໍແວຕົ້ນແບບໃຫມ່. ອັນທີສອງ, ພວກເຂົາສ້າງໂອກາດສໍາລັບຜູ້ໃຊ້ທີ່ຈະຫລິ້ນກັບ "ເຮັດວຽກໃນຄວາມກ້າວຫນ້າ" ແລະປ່ອຍໃຫ້ຜູ້ໃຊ້ມີອິດທິພົນຕໍ່ຄວາມກ້າວຫນ້ານັ້ນ. ຕອນນີ້ຄໍາຮ້ອງສະຫມັກທີ່ມີຢູ່ໃນສອງສາມເດືອນ, ຂ້າພະເຈົ້າຄິດວ່າມັນຈະເປັນເວລາທີ່ດີທີ່ຈະແບ່ງປັນບາງສິ່ງບາງຢ່າງກ່ຽວກັບການອອກແບບປະສົບການ, ຄໍາແນະນໍາແລະເຕັກນິກ.

ແຕ່ທໍາອິດ, ທ່ານອາດຈະສົງໄສວ່າຫມາຍຄວາມວ່າ Software Prototyping ຫມາຍຄວາມວ່າແນວໃດ. ໃນບັນດາຜູ້ຫຼິ້ນທີ່ສໍາຄັນໃນພື້ນທີ່ນີ້ແມ່ນ Proto.io, Principle, UXPin, Atomic.io , Experience Design and InVision. ຕ່າງຈາກຄໍາຮ້ອງສະຫມັກເຊັ່ນ: Sketch 3, Photoshop ແລະ Illustrator ທີ່ມີການອອກແບບສະແຕມທີ່ສ້າງຂຶ້ນ, ບັນນາທິການຮູບພາບເຫລົ່ານີ້ໄດ້ນໍາສະເຫນີການໂຕ້ຕອບ, ການເຄື່ອນໄຫວແລະລັກສະນະອື່ນໆທົ່ວໄປໃນພື້ນທີ່ການອອກແບບເວັບໄຊທ໌ແລະມືຖືຂອງມື້ນີ້.

ກັບການເພີ່ມຂຶ້ນຂອງມືຖືແລະບໍ່ສາມາດຫຼີກເວັ້ນໄດ້, ຈຸດສຸມຄ້າຍຄື laser ກັບຜູ້ໃຊ້, ມັນບໍ່ພຽງພໍສໍາລັບຜູ້ອອກແບບ whip ເຖິງ sketches, ດຶງກັນ comps ບາງແລະຫຼັງຈາກນັ້ນປ່ອຍໂຄງການຫຼືອັບມັນກັບເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌. ການເຮັດວຽກຂອງ UI / UX ໄດ້ມີການປ່ຽນແປງພື້ນຖານ. ທຸກຂັ້ນຕອນຂອງຂະບວນການ, ຈາກການກໍານົດຜູ້ໃຊ້, sketches, wireframes, mockups, ແລະ prototyping ແມ່ນຕ້ອງມີການທົດສອບຜູ້ໃຊ້ຢ່າງກວ້າງຂວາງ.

ມັນແມ່ນຂັ້ນຕອນສຸດທ້າຍ - ຕົ້ນແບບ - ບ່ອນທີ່ຈຸດເຈັບປວດໄດ້ຖືກຄົ້ນພົບແລະຖືກແກ້ໄຂກ່ອນທີ່ໂຄງການຈະຍ້າຍໄປສູ່ການຜະລິດຂັ້ນສຸດທ້າຍ. ນີ້ແມ່ນບ່ອນທີ່ການໂຕ້ຕອບ, ການເຄື່ອນໄຫວ, ການປ່ຽນຫນ້າຈໍແລະການວາງສະແດງຂອງທຸກສິ່ງທຸກຢ່າງໃນຫນ້າຈໍແມ່ນສໍາຄັນ. ບັນຫາແລະບັນຫາຕ່າງໆບໍ່ສາມາດສະແດງໃຫ້ເຫັນຮູບພາບຄົງທີ່ຫຼືອະທິບາຍໂດຍປາກເວົ້າ. ຫຼັງຈາກທີ່ທັງຫມົດ, ຜະລິດຕະພັນເຫຼົ່ານີ້ແມ່ນສໍາລັບມະນຸດທີ່ແທ້ຈິງ. ແທນທີ່ຈະຍ້າຍອອກທັງຫມົດທີ່ຈະລະຫັດ, ຂະບວນການ prototyping ໄດ້ຖືກປະຕິບັດຂຶ້ນໂດຍຊອບແວຮູບພາບທີ່ຖືກອອກແບບມາເພື່ອຈຸດປະສົງນັ້ນ. ມັນງ່າຍຕໍ່ການແກ້ໄຂຂໍ້ຜິດພາດ, ປ່ຽນຮູບພາບ, ຂຽນຂໍ້ຄວາມໃຫມ່ໆ, ຍ້າຍປຸ່ມແລະອື່ນໆໂດຍໃຊ້ບັນນາທິການຮູບພາບແທນທີ່ຈະຂຽນຄືນແລະແກ້ໄຂລະຫັດ.

ໃນຄວາມເປັນຈິງ, ຊອບແວນີ້ໄດ້ກາຍເປັນສ່ວນປະກອບສໍາຄັນໃນສະພາບແວດລ້ອມການອອກແບບແລະການພັດທະນາຢ່າງວ່ອງໄວຂອງ "Prototyping ຢ່າງໄວວາຂອງມື້ນີ້.

ດ້ວຍວ່າກ່າວວ່າ, ໃຫ້ມີຄວາມມ່ວນກັບການອອກແບບປະສົບການ.

02 of 07

ສ້າງຈຸດຫມາຍປາຍທາງທີ່ມີວົງຈອນງ່າຍໆໃນ Adobe Design ປະສົບການ

ລັກສະນະຫນຶ່ງຂອງ Sony XD ແມ່ນການນໍາໃຊ້ເຄື່ອງມືແຕ້ມແບບ vector. ບໍ່ສາມາດຊອກຫາໄອຄອນໄດ້ບໍ? ບໍ່ມີບັນຫາ. ມ້ວນຂອງທ່ານເອງ. ນີ້ແມ່ນວິທີ:

1. ເລືອກ ເຄື່ອງມື Ellipse ແລະ, ດ້ວຍກົດປຸ່ມ Option / Alt-Shift ກົດ, ແຕ້ມວົງກົມ.
2. ດ້ວຍວົງກົມທີ່ເລືອກ, ໃຫ້ຕັ້ງ ສີຕື່ມໃສ່ FF0000 ແລະ Border ເພື່ອ "none" ໃນຄຸນສົມບັດ.
3. Double-click ວົງເພື່ອສະແດງໃຫ້ເຫັນຈຸດທີ່ສະມໍ. ດຶງຫົວຫນ່ວຍລຸ່ມລົງ.
4. Double-click ຈຸດສຸມທີ່ເລືອກແລະເສັ້ນໂຄ້ງຈະຖືກແທນທີ່ດ້ວຍສາຍ.
5. ແຕ້ມຮູບວົງມົນຂະຫນາດນ້ອຍອື່ນທີ່ມີສີຂາວຕື່ມແລະບໍ່ມີ stoke. ຍ້າຍມັນເຂົ້າໄປໃນຕໍາແຫນ່ງແລະເລືອກເອົາຫມຶກແລະວົງ. ໃນການຈັດວາງແຜງຢູ່ດ້ານເທິງຂອງຄຸນສົມບັດຄລິກໃສ່ປຸ່ມສູນກາງແນວໂນ້ມແລະ PIN ຖືກສ້າງຂື້ນ.

03 of 07

ສ້າງພື້ນຫລັງເປົ່າໃນ Adobe Design ປະສົບການ

ມັນເປັນເລື່ອງທົ່ວໄປທີ່ຈະມີຂໍ້ຄວາມຫລືເນື້ອຫາອື່ນໆອີກໃນຮູບພາບພື້ນຖານ. ບັນຫານີ້ແມ່ນຮູບພາບ, ເລື້ອຍໆບໍ່ໄດ້, overpowers ເນື້ອໃນຂ້າງເທິງມັນ. ວິທີຫນຶ່ງໃນການແກ້ໄຂບັນຫານີ້ແມ່ນເພື່ອເຮັດໃຫ້ພາບພື້ນຫລັງຟາວ. ທ່ານສາມາດເຮັດໃຫ້ຮູບພາບຟໍແມດໃນ Photoshop ຫຼືຊອບແວແກ້ໄຂຮູບພາບອື່ນໆ, ແຕ່ນີ້ແມ່ນບໍ່ມີປະສິດທິພາບ, ໂດຍສະເພາະແມ່ນຍ້ອນ XD ສາມາດຈັດການວຽກງານນີ້ໄດ້ສໍາລັບທ່ານ. ນີ້ແມ່ນວິທີ:

1. ສ້າງ artboard ໃຫມ່ແລະເພີ່ມພາບພື້ນຫລັງຂອງທ່ານ.
2. ເລືອກເອົາເຄື່ອງມື Rectangle ແລ້ວຄັດລອກ ຮູບສີ່ຫລ່ຽມໃນຮູບພາບ. ດ້ວຍ Rectangle ທີ່ເລືອກ, ໃຫ້ໃສ່ Fill to White ແລະ Stroke to None.
3. ດ້ວຍ Rectangle ທີ່ເລືອກ, ເລືອກ Background Blur ໃນ panel ຄຸນສົມບັດ. ສາມບໍລິການແມ່ນອັດຕາດອກເບ້ຍ, ຄວາມສະຫວ່າງແລະຄວາມສະຫວ່າງ. ນີ້ແມ່ນສິ່ງທີ່ພວກເຂົາເຮັດ:

• ຈໍານວນອັດຕາບິດ: ປັບຄວາມບອບບາງຂອງຮູບຂ້າງລຸ່ມຮູບ. ມູນຄ່າສູງສຸດແມ່ນ +50.
• ຄວາມສະຫວ່າງ: ປັບຕົວຈຸດເດັ່ນແລະເງົາໃນຮູບພາບ. ຄ່ານ້ອຍສຸດແມ່ນ -50 ແລະຄ່າສູງສຸດແມ່ນ +50.
• ຄວາມສະຫວ່າງ: ຜົນກະທົບຕໍ່ຄວາມໂປ່ງໃສຂອງຮູບຮ່າງແລະຄວາມເຂົ້າໃຈຂອງຮູບພາບພາຍໃຕ້ຮູບຮ່າງ. ຄ່າຕ່າງໆຕັ້ງແຕ່ 0% ເຖິງ 100%.

ຖ້າທ່ານຕ້ອງການ "ປ່ຽນສິ່ງຕ່າງໆ", ປ່ຽນສີຂອງຮູບຮ່າງແລະຫລິ້ນກັບຄ່າ Opacity ເພື່ອປ່ຽນ "ເບິ່ງ" ຂອງພາບ.

04 of 07

ສ້າງ Scrim ໃນ Adobe Design ປະສົບການ

ບັນຫາການອອກແບບທົ່ວໄປແມ່ນອົງປະກອບຂອງອົງປະກອບຂອງການໂຕ້ຕອບຕ້ອງເປັນສີທົ່ວໄປແຕ່ຈະສູນເສຍເມື່ອວາງໄວ້ໃນຮູບພາບພື້ນຫລັງຫຼືສີແຂງ. ການແກ້ໄຂແມ່ນເປັນ scrim. scrim ແມ່ນເປັນ gradient opaque ຮ່ອງໄວ້ລະຫວ່າງອົງປະກອບຂອງ interface ແລະພື້ນຫລັງ. ນີ້ແມ່ນງ່າຍທີ່ຈະສໍາເລັດໃນ XD. ນີ້ແມ່ນວິທີ:

1. ສ້າງ artboard ຂອງທ່ານໃນ XD, ເພີ່ມຮູບພາບແລະຄັດລອກແລະວາງອົງປະກອບສໍາລັບການໂຕ້ຕອບຈາກ Kit UI ທີ່ເຫມາະສົມ - File> Open UI Kit ... - ລົງໃນ artboard. ໃນພາບຂ້າງເທິງຮູບພາບເຮັດໃຫ້ແຖບສະຖານະແລະແຖບ App ຍາກທີ່ຈະເບິ່ງ.
2. ເລືອກເຄື່ອງມືສີ່ຫລ່ຽມ ແລະແຕ້ມຮູບສີ່ຫລ່ຽມ. ໃນກ່ອງຄຸນສົມບັດເລືອກຕື່ມຂໍ້ມູນແລະເລືອກ Gradient ຈາກປ່ອງລົງໃນຕົວເລືອກສີ. ກໍານົດສີ gradient ສີດໍາແລະສີຂາວ. ຕັ້ງຄ່າ A - Opacity- ເຖິງ 60% ແລະຄ່າ ສີຂາວ A ເປັນ 0%.
3. ດ້ວຍ Rectangle ເລືອກ, ເລືອກ Object> Arrange> Send Backward . ອົງປະກອບຂອງການໂຕ້ຕອບແມ່ນເຫັນໄດ້ໃນໄລຍະຮູບພາບ.

05 of 07

ສ້າງຮູບພາບຮູບພາບໃນ Adobe Experience Design

ຮູບແບບການອອກແບບທົ່ວໄປພົບຢູ່ໃນກິດສົນທະນາທີ່ຄົນສົນທະນາກັບກັນແລະຮູບພາບຂອງລໍາໂພງຈະປາກົດຢູ່ຫນ້າຈໍ. ຮູບພາບເຫຼົ່ານີ້ແມ່ນປົກກະຕິແລ້ວຮູບພາບຕ່າງໆທີ່ຖືກກັກໄວ້. ມັນເປັນການຕາຍງ່າຍດາຍສໍາເລັດນີ້ໃນ XD. ນີ້ແມ່ນວິທີ:

1. ທ່ານເລີ່ມຕົ້ນດ້ວຍຮູບພາບແລະຮູບວົງມົນຫຼືຮູບຮ່າງອື່ນໆໃນ artboard. ທ່ານສາມາດຕື່ມຂໍ້ມູນໃສ່ຮູບວົງມົນທີ່ມີສີໃດ. ສິ່ງທີ່ທ່ານບໍ່ຈໍາເປັນຕ້ອງເຮັດຄືການເພີ່ມສີເສັ້ນເລືອດຕັນ. ມັນຈະຫາຍໄປໃນເວລາທີ່ທ່ານສ້າງຜົນກະທົບ, ດັ່ງນັ້ນເປັນຫຍັງຈຶ່ງເປັນຫ່ວງ. ຖ້າທ່ານຕ້ອງການ stoke ວົງ, ຄັດລອກມັນໃສ່ clipboard.
2. ຍ້າຍຮູບວົງມົນໄປຫາຮູບພາບແລະເລືອກຮູບພາບແລະຮູບວົງມົນ. ດ້ວຍຈຸດປະສົງຂອງ bot, ເລືອກ Object> Mask with Shape . ໃນເວລາທີ່ທ່ານປ່ອຍຫນູ, ນົດໄດ້ຖືກສ້າງຂື້ນ. ຈາກນັ້ນທ່ານສາມາດປັບຂະຫນາດມັນ.
3. ຖ້າທ່ານຕ້ອງການເພີ່ມເສັ້ນເລືອດຕັນໃນ, ວາງວົງກົມນັ່ງໃສ່ຄລິບບອດຂອງທ່ານໃສ່ຕາຕະລາງ. ມີຄັດລອກຄັດເລືອກທີ່ປິດການຕື່ມຂໍ້ມູນໃນຄຸນສົມບັດແລະເພີ່ມສີແລະເສັ້ນເລືອດຕັນໃນເສັ້ນເລືອດຕັນໃນ. ເພື່ອໃຫ້ບັນດາພວກມັນຂຶ້ນ, ເລືອກເອົາວັດຖຸທັງສອງແລະຄລິກປຸ່ມແຖບສູນກາງໃນການປັບ Align ຢູ່ປາຍສຸດຂອງປ້າຍຄຸນສົມບັດ.
4. ຖ້າທ່ານຕ້ອງການຍ້າຍຮູບພາບໃນຫນ້າກາກ, ໃຫ້ຄລິກໃສ່ຫນ້າກາກສອງຄັ້ງ. ນີ້ຈະສະແດງຮູບພາບແລະຮູບຮ່າງຂອງຫນ້າກາກ. ໃຫ້ຄລິກໃສ່ຮູບພາບແລະ drag ມັນເຂົ້າໄປໃນຕໍາແຫນ່ງ. ເມື່ອທ່ານປ່ອຍຫນູ, ຮູບພາບຈະຢູ່ໃນຕໍາແຫນ່ງໃຫມ່ພາຍໃນຫນ້າກາກ.

06 of 07

ຫຼິ້ນກັບອາວຸດການອອກແບບ Adobe ປະສົບການ

Artboards ການອອກແບບປະສົບການບໍ່ພຽງແຕ່ສໍາລັບທ່ານທີ່ຈະວາງເນື້ອໃນ. ພວກເຂົາເຈົ້າກໍ່ສາມາດຖືກນໍາໃຊ້. ນີ້ແມ່ນສິ່ງທີ່ທ່ານສາມາດເຮັດໄດ້:

1. ຖ້າທ່ານຕ້ອງການສະບັບ Landscape ແລະ Portrait ຂອງ artboard, duplicate artboard ແລະ, ດ້ວຍການຄັດເລືອກທີ່ຄັດເລືອກ, ຄລິກປຸ່ມພູມສັນຖານໃນໂປແກຼມ Properties. Artboard ຈະມີການປ່ຽນແປງໄປຕາມແນວທາງພູມສັນຖານ. ຖ້າ Artboard ມີເນື້ອຫາກ່ຽວກັບມັນ, ໃຫ້ຄລິກໃສ່ຊື່ Artboard ແລະຄຸນສົມບັດ Artboard ຈະປາກົດຢູ່ໃນໂປແກຼມ Properties.
2. ເພື່ອເພີ່ມສີ custom ເພື່ອ Artboard, ແລະໂຄງການສໍາລັບເລື່ອງນັ້ນ, ໃຫ້ເລືອກ Artboard ແລະຄລິກຕື່ມການໃສ່ສີສີໃນສ່ວນ Appearance ຂອງ Panel Properties. ໃສ່ຄ່າ hexadecimal ສໍາລັບສີແລະກົດປຸ່ມ +. ສີຈະຖືກເພີ່ມເປັນສີລູກຄ້າ. ການນໍາໃຊ້ສີທີ່ຢູ່ບ່ອນອື່ນ, ໃຫ້ເລືອກເອົາວັດຖຸແລະຄລິກປຸ່ມສີລູກສອນເພື່ອສະຫມັກສີ.
3. ເຄື່ອງປັ້ນດິນເຜົາສາມາດເຮັດໃຫ້ເລື່ອນພາບໄດ້ຕະຫຼອດ. ເພື່ອເຮັດສິ່ງນີ້, ເລືອກ artboard ແລະປ່ຽນແປງຄວາມສູງຂອງມັນຢູ່ໃນໂປແກຼມຄຸນລັກສະນະຫຼືໂດຍການລາກລົງລຸ່ມຂອງ artboard ລົງ. ໃນພື້ນທີ່ Scrollable ຂອງແຜງຄຸນສົມບັດ, ເລືອກຕັ້ງຈາກເມນູທີ່ບໍ່ປາກົດຂຶ້ນແລະໃສ່ລະດັບຄວາມສູງຂອງມຸມເບິ່ງສໍາລັບຫນ້າຈໍ. ສາຍຟ້າສີຟ້າທີ່ສະແດງໃຫ້ເຫັນທ່ານຢູ່ດ້ານລຸ່ມຂອງ viewport. ເພື່ອທົດສອບມັນ, ຄລິກປຸ່ມ Play ແລະເລື່ອນໄປ. ເພື່ອປິດການເລື່ອນ, ເລືອກບໍ່ມີໃນແຖບເລື່ອນລົງ.

07 of 07

ແກ້ໄຂຊຸດ UI ມືຖືໃນ Adobe Design ປະສົບການ

ການອອກແບບປະສົບການມີຊຸດ UI ສໍາລັບການພັດທະນາ iOS, Android ແລະ Windows UI ຂອງ. ໃນເວລາທີ່ທ່ານເປີດມັນຄັ້ງທໍາອິດ, ທ່ານອາດຈະຄິດວ່າພວກເຂົາກໍານົດໄວ້ດີຢູ່ໃນສະຖານທີ່. ບໍ່ດີ, ແຕ່ລະ bits ແລະຕ່ອນໃນຊຸດເຫຼົ່ານັ້ນແມ່ນສາມາດແກ້ໄຂໄດ້ຢ່າງເຕັມສ່ວນ. ໃຫ້ຊອກຫາໂດຍການກໍ່ສ້າງ wireframe Android.

1. ທ່ານເລີ່ມຕົ້ນໂດຍການເລືອກເຄື່ອງມື Artboard ແລະເລືອກ Android Mobile ໃນສ່ວນ Google ຂອງ ໂປແກຼມ ຄຸນລັກສະນະ .
2. ເລືອກ File> Open UI Kit> Google Material . ນີ້ເປີດຊຸດອຸປະກອນການອອກແບບ UI. ເລືອກເອົາແກ້ວຂະຫຍາຍໃຫຍ່ກ່ວາແລະ ປ້າຍໂຄສະນາເທິງຫນ້າຈໍ . ຂ້າພະເຈົ້າມັກຈະເລີ່ມຕົ້ນດ້ວຍນີ້ເພາະມັນເຮັດໃຫ້ຂ້ອຍແນະນໍາໃຫ້ມີການຈັດຕໍາແຫນ່ງໃນຫນ້າຈໍທີ່ເຫມາະສົມຂອງອົງປະກອບຂອງການໂຕ້ຕອບ. ຖ້າທ່ານຄລິກໃສ່ຫນຶ່ງໃນແຖບສີຟ້າທ່ານຈະເຫັນວ່າມັນຖືກລັອກ. ໃຫ້ຄລິກໃສ່ການເຊື່ອມຕໍ່ກັບພວກເຂົາແຕ່ລະເພື່ອ unlock ມັນ . ບັນດາມາດຕະຖານແລະຄັດລອກການຄັດເລືອກໃຫ້ຄລິບບອດ. ກັບຄືນໄປຫາເອກະສານຂອງທ່ານແລະວາງຫນ້າຈໍລົງໃນ artboard ຂອງທ່ານ.
3. ກົດຄັ້ງດຽວໃນແຖບ App ທີ່ຢູ່ເທິງຂອງ artboard. ສັງເກດວິທີທີ່ທ່ານສາມາດເລືອກມັນໄດ້. ເລືອກ Object> Arrange> Bring to Front. ການຄັດເລືອກຂອງທ່ານແມ່ນຢູ່ເຫນືອຫນ້າຈໍຂອງຫນ້າຈໍ. ນີ້ຄວນບອກທ່ານວ່າອົງປະກອບແຕ່ລະຫນ້າຈໍສາມາດແກ້ໄຂໄດ້.
4. ດັບເບີ້ນຄິກແຖບສະຖານະ ຢູ່ດ້ານເທິງແລະໃນ ໂປແກມ ຄຸນລັກສະນະ ແລະສີຕື່ມໃສ່ 455A64 . ດັບເບີ້ນຄິກ App Bar ແລະຕັ້ງຄ່າໃຫ້ 607D8B. ນີ້ຄວນບອກທ່ານວ່າອົງປະກອບແຕ່ລະຊຸດໃນຊຸດ UI ສາມາດດັດແກ້ເພື່ອຕອບສະຫນອງຂໍ້ກໍານົດສີຂອງໂຄງການ.
5. ຈະເປັນແນວໃດກ່ຽວກັບຮູບສັນຍາລັກໄດ້? ນີ້ແມ່ນວິທີການປ່ຽນສີຂອງມັນ. Double click ຫົວໃຈ ເພື່ອເລືອກເອົາມັນ. ຖ້າທ່ານເບິ່ງໂປແກຼມໂປຣແກຣມ, ທ່ານອາດຈະຄິດວ່າທ່ານບໍ່ສາມາດແກ້ໄຂການເລືອກໄດ້. ບໍ່ດີ. Double click ຫົວໃຈອີກຄັ້ງຫນຶ່ງ . ຄຸນສົມບັດເປີດແລະທ່ານປ່ຽນສີຕື່ມໃສ່ FF0000. ເຮັດເລື້ມຄືນເທື່ອນີ້ສໍາລັບຮູບສັນຍາລັກທີ່ຍັງເຫຼືອແລະຂໍ້ຄວາມ.