ຕົວຈຳລອງສີພາຍນອກ ແລະພາຍໃນ + ກວດຄວາມຄົງຕ່າງ

ອັບໂຫຼດຮູບເພື່ອທຽບການປ່ຽນສີພາຍນອກ, ພາຍໃນ, ປ້າຍ, ແລະ UI ໄດ້ໃນທັນທີ.

ມີການກວດໃນຕົວສຳລັບຂໍ້ຄວາມປົກກະຕິ 4.5:1, ຂໍ້ຄວາມໃຫຍ່ 3:1, ແລະອົງປະກອບ UI 3:1 ເພື່ອໃຫ້ຂໍ້ສະເໜີຂອງທ່ານໄດ້ຜົນດີຂຶ້ນ.

ຮູບຍັງຢູ່ໃນບຣາວເຊີ ວາງທັບປ້າຍ, ຂໍ້ຄວາມ, ແລະ mockup UI ກວດ 4.5:1 / 3:1 ໄດ້ທັນທີ

ວິທີໃຊ້

  1. ອັບໂຫຼດຮູບຟາຊາດຫຼືພາຍໃນ.
  2. ເລືອກ scene ແລະປັບສີຫຼັກກັບສີເນັ້ນ.
  3. ພິມ headline, body copy, ແລະຂໍ້ຄວາມປຸ່ມເພື່ອກວດແບບປ້າຍແລະ UI.
  4. ໃຊ້ຕົວກວດຄວາມຄົງຕ່າງເພື່ອເບິ່ງວ່າ 4.5:1, 3:1, ແລະ 3:1 ຜ່ານຫຼືບໍ່.

ຈຸດທີ່ຊ່ວຍໄດ້

ປຽບທຽບຟາຊາດແລະຫຼັງຄາ

ວາງສີທັບຮູບໜ້າເວັບເພື່ອທຽບຕົວເລືອກຟາຊາດ, ຫຼັງຄາ, ແລະຂອບອື່ນໆໄດ້ໄວ.

ຂໍ້ສະເໜີພາຍໃນ

ສະແດງຫ້ອງປະຊຸມ, ເຄົ້າເຕີ້ຮັບແຂກ, ແລະບ່ອນນັ່ງພັກດ້ວຍການສຶກສາສີຈາກຮູບ.

ປ້າຍແລະກະດານບອກທາງ

ກວດວ່າສີຕົວອັກສອນແລະພື້ນຫຼັງເຮັດວຽກຮ່ວມກັນແນວໃດກ່ອນຈະນຳສະເໜີ.

ໜ້າຕົວຢ່າງແບບ UI

ປ່ຽນບັດສະເໜີ ແລະປຸ່ມໃຫ້ເປັນ mockup ແບບ UI ທີ່ອ່ານງ່າຍຂຶ້ນ.

ມາດຕະຖານຄວາມຄົງຕ່າງ

ຂໍ້ຄວາມທົ່ວໄປ 4.5:1

ໃຊ້ອັນນີ້ເປັນຄ່າອ້າງອີງຫຼັກສຳລັບ body copy ແລະຂໍ້ຄວາມຂະໜາດນ້ອຍອື່ນໆ.

ຂໍ້ຄວາມໃຫຍ່ 3:1

ໃຊ້ 3:1 ສຳລັບ heading ແລະຂໍ້ຄວາມໃຫຍ່ ເພື່ອຢືນຢັນຄວາມອ່ານໄດ້.

ອົງປະກອບ UI 3:1

ໃຊ້ 3:1 ສຳລັບປຸ່ມ, ຂອບ, ແລະ icon ເພື່ອໃຫ້ເຫັນຄວາມແຕກຕ່າງຊັດ.

ໝາຍເຫດ

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

FAQ

ຮູບຖືກສົ່ງໄປເຊີບເວີບໍ?

ບໍ່. ຮູບທີ່ອັບໂຫຼດຈະຖືກປະມວນຜົນຢູ່ໃນບຣາວເຊີເທົ່ານັ້ນ.

URL ທີ່ແບ່ງປັນລວມຮູບ ຫຼືຂໍ້ຄວາມທີ່ພິມບໍ?

ບໍ່. URL ທີ່ແບ່ງປັນມີແຕ່ scene, ສີ, ແລະຄ່າສະແດງ.

ສາມາດໃຊ້ທັງງານພາຍນອກແລະພາຍໃນໄດ້ບໍ?

ໄດ້. ສະຫຼັບ scene ເພື່ອກວດຟາຊາດ, ພາຍໃນ, ປ້າຍ, ແລະ UI.

ຕົວກວດຄວາມຄົງຕ່າງແທນການ audit ການເຂົ້າຖຶງໄດ້ບໍ?

ບໍ່. ມັນເປັນຄູ່ຊ່ວຍໃນຂັ້ນສະເໜີ. ກະລຸນາໃຊ້ການກວດມາດຕະຖານຂອງທ່ານແຍກຕ່າງຫາກ.