ວິທີການພັດທະນາເວັບໄຊທ໌, ອີຄອມເມີຊ, ຫຼືໂຄງການສີຂອງຄໍາຮ້ອງສະຫມັກ

ພັດທະນາເວັບໄຊທ໌, ອີຄອມເມີຊ, ຫຼື App Color Schemes

ພວກເຮົາໄດ້ແບ່ງປັນບົດຄວາມບໍ່ຫຼາຍປານໃດກ່ຽວກັບຄວາມສໍາຄັນຂອງສີທີ່ກ່ຽວຂ້ອງກັບຍີ່ຫໍ້. ສໍາລັບເວັບໄຊທ໌, ເວັບໄຊທ໌ອີຄອມເມີຊ, ຫຼືຄໍາຮ້ອງສະຫມັກມືຖືຫຼືເວັບ, ມັນເປັນພຽງແຕ່ສໍາຄັນ. ສີ​ມີ​ຜົນ​ກະ​ທົບ​ຕໍ່​:

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

ສີມີຄວາມສໍາຄັນແນວໃດ?

  • 85% ຂອງປະຊາຊົນອ້າງວ່າສີມີອິດທິພົນທີ່ສໍາຄັນຕໍ່ສິ່ງທີ່ພວກເຂົາຊື້.
  • ສີຊຸກຍູ້ການຮັບຮູ້ຍີ່ຫໍ້ໂດຍສະເລ່ຍ 80%.
  • ຄວາມປະທັບໃຈຂອງສີແມ່ນຮັບຜິດຊອບສໍາລັບ 60% ຂອງການຍອມຮັບຫຼືປະຕິເສດຜະລິດຕະພັນ.

ເມື່ອກໍານົດຮູບແບບສີສໍາລັບເວັບໄຊທ໌ໃດຫນຶ່ງ, ມີບາງຂັ້ນຕອນທີ່ລະອຽດຢູ່ໃນ infographic ທີ່ມາພ້ອມກັບ:

  1. ສີປະຖົມ - ເລືອກສີທີ່ເໝາະສົມກັບພະລັງງານຂອງຜະລິດຕະພັນ ຫຼືການບໍລິການຂອງເຈົ້າ.
  2. ສີການປະຕິບັດ - ອັນນີ້ຫາຍໄປຈາກ infographic ຂ້າງລຸ່ມນີ້, ແຕ່ການກໍານົດສີການປະຕິບັດຕົ້ນຕໍແລະສີການປະຕິບັດຂັ້ນສອງແມ່ນເປັນປະໂຫຍດທີ່ສຸດ. ມັນສຶກສາຜູ້ຊົມຂອງທ່ານເພື່ອສຸມໃສ່ອົງປະກອບການໂຕ້ຕອບຜູ້ໃຊ້ສະເພາະໂດຍອີງໃສ່ສີ.
  3. Aສີເພີ່ມເຕີມ - ເລືອກ​ເພີ່ມ​ເຕີມ​ ສີທີ່ໃຫ້ສົມບູນ ສີຕົ້ນຕໍຂອງທ່ານ, ໂດຍສະເພາະສີທີ່ເຮັດໃຫ້ສີຕົ້ນຕໍຂອງທ່ານ ບໍ່.
  4. ສີພື້ນຫຼັງ - ເລືອກສີສໍາລັບພື້ນຫລັງຂອງເວັບໄຊທ໌ຂອງທ່ານ - ອາດຈະຮຸກຮານຫນ້ອຍກວ່າສີຕົ້ນຕໍຂອງທ່ານ. ຈື່ໄວ້ວ່າຢູ່ໃນໂໝດມືດ ແລະ ແສງສະຫວ່າງເຊັ່ນກັນ.. ເວັບໄຊນັບມື້ນັບຫຼາຍໄດ້ລວມເອົາຮູບແບບສີໃສ່ໃນໂໝດແສງ ຫຼື ໂໝດມືດ.
  5. ສີຕົວພິມ - ເລືອກສີສໍາລັບຂໍ້ຄວາມທີ່ຈະຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ - ຈື່ໄວ້ວ່າຕົວພິມສີດໍາແຂງແມ່ນຫາຍາກແລະບໍ່ແນະນໍາ.

ຕົວຢ່າງ, ບໍລິສັດຂອງຂ້ອຍ Highbridge ພັດທະນາຍີ່ຫໍ້ອອນໄລນ໌ສໍາລັບຜູ້ຜະລິດເສື້ອຜ້າທີ່ຕ້ອງການສ້າງເວັບໄຊທ໌ອີຄອມເມີຊໂດຍກົງກັບຜູ້ບໍລິໂພກທີ່ປະຊາຊົນສາມາດ ຊື້ dresses ອອນໄລນ໌. ພວກເຮົາເຂົ້າໃຈຜູ້ຊົມເປົ້າຫມາຍຂອງພວກເຮົາ, ມູນຄ່າຂອງຍີ່ຫໍ້, ແລະ - ເນື່ອງຈາກວ່າຍີ່ຫໍ້ສ່ວນໃຫຍ່ແມ່ນດິຈິຕອນແຕ່ຍັງມີຜະລິດຕະພັນທາງດ້ານຮ່າງກາຍ - ພວກເຮົາໄດ້ສຸມໃສ່ການສີທີ່ເຮັດວຽກໄດ້ດີໃນທົ່ວການພິມ (CMYK), palettes fabric (Pantone), ເຊັ່ນດຽວກັນກັບ. ດິຈິຕອນ (RGB ແລະ Hex).

ການທົດສອບລະບົບສີທີ່ມີການຄົ້ນຄວ້າຕະຫຼາດ

ຂະບວນການເລືອກສີຂອງພວກເຮົາແມ່ນມີຄວາມເຂັ້ມຂຸ້ນ.

  1. ພວກເຮົາໄດ້ເຮັດການຄົ້ນຄວ້າການຕະຫຼາດກ່ຽວກັບຊຸດຂອງສີຕົ້ນຕໍກັບຜູ້ຊົມເປົ້າຫມາຍຂອງພວກເຮົາທີ່ຫຼຸດລົງພວກເຮົາເປັນສີດຽວ.
  2. ພວກເຮົາໄດ້ເຮັດການຄົ້ນຄວ້າດ້ານການຕະຫຼາດກ່ຽວກັບຊຸດຂອງສີຂັ້ນສອງແລະຊັ້ນສູງກັບຜູ້ຊົມເປົ້າຫມາຍຂອງພວກເຮົາວ່າບ່ອນທີ່ພວກເຮົາແຄບລົງບາງຮູບແບບສີ.
  3. ພວກເຮົາໄດ້ເຮັດແບບຈໍາລອງຜະລິດຕະພັນ (ການຫຸ້ມຫໍ່ຜະລິດຕະພັນ, ປ້າຍຄໍ, ແລະປ້າຍຫ້ອຍ) ເຊັ່ນດຽວກັນກັບການຈໍາລອງອີຄອມເມີຊທີ່ມີຮູບແບບສີແລະສະຫນອງສິ່ງເຫຼົ່ານັ້ນໃຫ້ກັບລູກຄ້າເຊັ່ນດຽວກັນກັບຜູ້ຊົມເປົ້າຫມາຍສໍາລັບຄໍາຕິຊົມ.
  4. ເນື່ອງຈາກວ່າຍີ່ຫໍ້ຂອງພວກເຂົາສ່ວນໃຫຍ່ແມ່ນຂຶ້ນກັບລະດູການ, ພວກເຮົາຍັງໄດ້ລວມເອົາສີຕາມລະດູການເຂົ້າໃນການປະສົມ. ນີ້ສາມາດເປັນປະໂຫຍດສໍາລັບການລວບລວມສະເພາະຫຼືຮູບພາບສໍາລັບການໂຄສະນາແລະການແບ່ງປັນສື່ມວນຊົນສັງຄົມ.
  5. ພວກເຮົາໄດ້ຜ່ານຂະບວນການນີ້ຫຼາຍກວ່າເຄິ່ງຫນຶ່ງເປັນສິບເທື່ອກ່ອນທີ່ຈະຕົກລົງໃນໂຄງການສຸດທ້າຍ.

closet52 ໂຄງ​ການ​ສີ​

ໃນຂະນະທີ່ສີຂອງຍີ່ຫໍ້ແມ່ນສີບົວອ່ອນແລະສີຂີ້ເຖົ່າເຂັ້ມ, ພວກເຮົາໄດ້ພັດທະນາ ສີການປະຕິບັດ ເປັນຮົ່ມສີຂຽວ. ສີຂຽວເປັນສີທີ່ເນັ້ນການກະທໍາ ດັ່ງນັ້ນມັນເປັນທາງເລືອກທີ່ດີທີ່ຈະດຶງດູດສາຍຕາຂອງຜູ້ໃຊ້ຂອງພວກເຮົາໄປຫາອົງປະກອບທີ່ເນັ້ນການປະຕິບັດ. ພວກ​ເຮົາ​ໄດ້​ລວມ​ເອົາ inverse ຂອງ​ສີ​ຂຽວ​ສໍາ​ລັບ​ການ​ປະ​ຕິ​ບັດ​ຂັ້ນ​ສອງ​ຂອງ​ພວກ​ເຮົາ (ຂອບ​ສີ​ຂຽວ​ກັບ​ພື້ນ​ຖານ​ສີ​ຂາວ​ແລະ​ຂໍ້​ຄວາມ​)​. ພວກເຮົາກຳລັງທົດສອບສີຂຽວເຂັ້ມກວ່າໃນສີຄຳສັ່ງສຳລັບຄຳສັ່ງເລື່ອນ.

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

ສີ, ພື້ນທີ່ສີຂາວ, ແລະລັກສະນະອົງປະກອບ

ການພັດທະນາຮູບແບບສີຄວນຈະສໍາເລັດໂດຍການທົດສອບມັນຢູ່ໃນສ່ວນຕິດຕໍ່ຜູ້ໃຊ້ໂດຍລວມເພື່ອສັງເກດເບິ່ງການໂຕ້ຕອບຂອງຜູ້ໃຊ້. ສໍາລັບເວັບໄຊທ໌ຂ້າງເທິງ, ພວກເຮົາຍັງລວມເອົາຂອບສະເພາະ, padding, outlines, radiuses ຊາຍແດນ, iconography, ແລະ typefaces.

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

ນີ້ແມ່ນເວັບໄຊທ໌ອີຄອມເມີຊທີ່ມີຜົນໄດ້ຮັບທີ່ມີຮູບແບບສີ

  • Closet52 - ຊື້ເສື້ອຜ້າອອນໄລນ໌
  • Closet52 Collections Page
  • Closet52 ຫນ້າຜະລິດຕະພັນ

ເຂົ້າເບິ່ງ Closet52

ການ​ນໍາ​ໃຊ້​ສີ​ແລະ​ຕາ​ບອດ​ສີ​

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

ຕາບອດສີແມ່ນຄວາມບໍ່ສາມາດຮັບຮູ້ຄວາມແຕກຕ່າງລະຫວ່າງບາງສີທີ່ຜູ້ໃຊ້ທີ່ບໍ່ມີສີສາມາດຈໍາແນກໄດ້. ຕາບອດສີມີຜົນກະທົບກ່ຽວກັບ ຫ້າຫາແປດເປີເຊັນຂອງຜູ້ຊາຍ (ປະມານ 10.5 ລ້ານຄົນ) ແລະແມ່ຍິງໜ້ອຍກວ່າໜຶ່ງສ່ວນຮ້ອຍ.

Usability.gov

ທີມງານທີ່ WebsiteBuilderExpert ໄດ້ລວມເອົາ infographic ນີ້ແລະບົດຄວາມທີ່ມາພ້ອມກັບລາຍລະອຽດກ່ຽວກັບ ວິທີການເລືອກສີສໍາລັບເວັບໄຊທ໌ຂອງທ່ານ ວ່າຢ່າງລະອຽດທີ່ສຸດ.

ວິທີການເລືອກຮູບແບບສີສໍາລັບເວັບໄຊທ໌ຂອງທ່ານ