01 of 07
Visual Flow ຄືແມ່ນຫຍັງ?
ການໄຫຼວຽນຂອງຕາດໍາເນີນສາຍຕາຂອງຜູ້ຊົມໂດຍຜ່ານເອກະສານໃນລັກສະນະທີ່ອົງປະກອບທີ່ສໍາຄັນທັງຫມົດໄດ້ຮັບການຍົກຍ້ອງ, ແລະບໍ່ມີສິ່ງໃດເຂົ້າໃຈວິໄສທັດຫຼືເຮັດໃຫ້ຜູ້ຊົມເບິ່ງເສຍຄວາມຮູ້ສຶກຂອງສິ້ນ. ການນໍາໃຊ້ອົງປະກອບຂອງການໄຫລທີ່ຊັດເຈນເຊັ່ນລູກສອນຫຼືຕົວເລກແມ່ນວິທີທີ່ໃຊ້ຫຼາຍທີ່ສຸດໃນການອອກແບບເວັບ, ແຕ່ວ່າມັນມີປະເພດອື່ນໆທີ່ສາມາດນໍາໃຊ້ແລະຖືກນໍາໃຊ້ເພື່ອແນະນໍາໃຫ້ຜູ້ອ່ານຂອງທ່ານເຄື່ອນຍ້າຍຕາມເສັ້ນທາງສະເພາະໃດຫນຶ່ງ. ຂັ້ນຕອນໃນບົດຮຽນນີ້ຈະສະແດງຕົວຢ່າງຂອງການໄຫຼທີ່ດີແລະບໍ່ດີແລະຊ່ວຍໃຫ້ທ່ານຮຽນຮູ້ຄໍາສັບຂອງການໄຫຼເຂົ້າໃນການອອກແບບ.
ການສະແດງສົດສາມາດບັນລຸໄດ້ໃນຫລາຍວິທີ:
- ລູກສອນ
- ຕົວຢ່າງຮູບພາບຫຼືອົງປະກອບຂອງຂໍ້ຄວາມ
- ຈຸດປະສົງ
- Gradients
- ການປ່ຽນແປງຂະຫນາດ
- Curves
- ການເຄື່ອນໄຫວໃນຮູບພາບ
- ໃບຫນ້າ - ໂດຍສະເພາະແມ່ນຕາ
ຮູບພາບດັ່ງຕໍ່ໄປນີ້ຈະສະແດງໃຫ້ທ່ານເຫັນຄວາມຜິດພາດທົ່ວໄປບາງຢ່າງໃນການໄຫຼເຂົ້າໃນຫນ້າເວັບແລະວິທີແກ້ໄຂມັນ.
02 of 07
ຂໍ້ຄວາມຕາເວັນຕົກໄຫລຈາກຊ້າຍໄປຂວາ
ຖ້າທ່ານເຕີບໃຫຍ່ຂຶ້ນອ່ານພາສາຕາເວັນຕົກ, ທ່ານມັກຄິດວ່າຂໍ້ຄວາມຄວນຍ້າຍຈາກຊ້າຍຫາຂວາ. ດັ່ງນັ້ນ, ເມື່ອຕາຍ້າຍໄປທົ່ວເສັ້ນຂອງຂໍ້ຄວາມ, ມັນເຄື່ອນຍ້າຍຈາກຊ້າຍໄປຫາຂວາ.
ໃນຮູບຂ້າງເທິງ, ນ້ໍາຕົກໄຫຼໃນທິດທາງຂວາຫາທິດທາງເບື້ອງຊ້າຍ, ແລະຂໍ້ຄວາມແມ່ນໄຫຼເຖິງນ້ໍາຕົກ. ນັບຕັ້ງແຕ່ພວກເຮົາທຸກຄົນຮູ້ວ່ານ້ໍາຕົກຕົກລົງ, ມີການຕິດຕໍ່ໃນການຊີ້ນໍາຂອງການໄຫຼຂອງນ້ໍາທີ່ມີການໄຫຼຂອງຂໍ້ຄວາມໄດ້. ຕາຂອງຜູ້ຊົມໄດ້ຍ້າຍໄປໃນທາງທີ່ບໍ່ຖືກຕ້ອງເພື່ອອ່ານຂໍ້ຄວາມ.
03 of 07
ຂໍ້ຄວາມຂອງທ່ານຄວນໄຫຼກັບຮູບພາບ
ໃນກໍລະນີນີ້, ຮູບພາບໄດ້ຖືກຖອນຄືນດັ່ງນັ້ນຂໍ້ຄວາມແມ່ນໄຫຼໃນທິດທາງດຽວກັບນ້ໍາ. ອົງປະກອບທັງຫມົດເຮັດໃຫ້ຕາຂອງຜູ້ຊົມເບິ່ງລົງກັບການໄຫລຂອງນ້ໍາແລະການໄຫຼຂອງຂໍ້ຄວາມ.
04 of 07
ຊ້າຍໄປຂວາເທົ່າທຽມກັນໄວ
ມ້າໃນຮູບນີ້ກໍາລັງແລ່ນຈາກຂວາຫາຊ້າຍ, ແຕ່ຂໍ້ຄວາມແມ່ນພາສາອັງກິດແລະສະນັ້ນປະໄວ້ເພື່ອສິດ. ຜົນກະທົບທາງດ້ານສາຍຕາຂອງການແຂ່ງມ້າຫນຶ່ງໃນທິດທາງຫຼຸດລົງຕາມຈັງຫວະຂອງເອກະສານທັງຫມົດເພາະວ່າມັນກໍາລັງມີທິດທາງທີ່ແຕກຕ່າງກັນກ່ວາຂໍ້ຄວາມ.
ໃນວັດທະນະທໍາຕາເວັນຕົກ, ເນື່ອງຈາກວ່າພາສາຂອງພວກເຮົາເຄື່ອນຍ້າຍຈາກຊ້າຍຫາຂວາ, ພວກເຮົາໄດ້ເຂົ້າມາພົວພັນກັບທິດທາງທີ່ເບິ່ງເຫັນຈາກຊ້າຍຫາຂວາເປັນການກ້າວຫນ້າແລະໄວ, ໃນຂະນະທີ່ເບື້ອງຂວາແມ່ນຊ້າແລະຊ້າ. ໃນເວລາທີ່ທ່ານກໍາລັງສ້າງຮູບແບບທີ່ມີຄວາມຫມາຍຂອງຄວາມໄວ, ທ່ານຄວນຈື່ - ແລະຮັກສາຮູບພາບຂອງທ່ານໃນທິດທາງດຽວກັນກັບຂໍ້ຄວາມ.
05 of 07
ຢ່າບັງຄັບຕາຂອງຜູ້ຊົມເບິ່ງຊ້າລົງ
ໃນເວລາທີ່ມ້າແລະຂໍ້ຄວາມແມ່ນທັງສອງໄປທິດທາງດຽວກັນ, ຄວາມໄວ implied ແມ່ນເພີ່ມຂຶ້ນ.
06 of 07
ເບິ່ງຕາໃນຮູບເວັບຕ່າງໆ
ເວັບໄຊທ໌ຕ່າງໆທີ່ມີຮູບພາບເຮັດຜິດພາດ - ພວກເຂົາເອົາຮູບຂອງບຸກຄົນໃດຫນຶ່ງໃສ່ຫນ້າເວັບ, ແລະບຸກຄົນນັ້ນກໍາລັງຊອກຫາ ຫ່າງໄກ ຈາກເນື້ອຫາ. ນີ້ຍັງສາມາດເຫັນໄດ້ໃນເວັບໄຊທ໌ອອກແບບເວັບໄຊທ໌ About.com ໃນການອອກແບບເກົ່າ.
ຂະນະທີ່ທ່ານສາມາດເບິ່ງເຫັນໄດ້, ຮູບພາບຂອງຂ້າພະເຈົ້າແມ່ນຢູ່ຕິດກັບຂໍ້ຄວາມບາງຢ່າງ. ແຕ່ຂ້າພະເຈົ້າຊອກຫາຫ່າງຈາກຂໍ້ຄວາມນັ້ນ, ຂ້າພະເຈົ້າເກືອບກັບຂ້ອຍກັບໄປ. ຖ້າທ່ານໄດ້ເຫັນພາສາຮ່າງກາຍລະຫວ່າງສອງຄົນໃນກຸ່ມ, ມັນກໍ່ງ່າຍທີ່ຈະຄິດວ່າຂ້ອຍບໍ່ມັກຄົນທີ່ຂ້ອຍຢູ່ຕໍ່ໄປ (ໃນກໍລະນີນີ້ຂໍ້ຄວາມ).
ການສຶກສາຕິດຕາມຕາຫຼາຍຄົນໄດ້ສະແດງໃຫ້ເຫັນວ່າປະຊາຊົນເບິ່ງປະເຊີນຫນ້າໃນຫນ້າເວັບຕ່າງໆ. ແລະການສຶກສາທີ່ກ່ຽວຂ້ອງໄດ້ສະແດງໃຫ້ເຫັນວ່າໃນເວລາທີ່ຊອກຫາຢູ່ໃນຮູບ, ປະຊາຊົນຫຼັງຈາກນັ້ນຮູ້ສຶກ unconsciously ຕາຕາມການເບິ່ງຮູບພາບທີ່ກໍາລັງຊອກຫາຢູ່. ຖ້າຮູບພາບໃນເວັບໄຊທ໌ຂອງທ່ານກໍາລັງຊອກຫາຂອບຂອງຕົວທ່ອງເວັບ, ນັ້ນແມ່ນບ່ອນທີ່ລູກຄ້າຂອງທ່ານຈະເບິ່ງ, ແລະຫຼັງຈາກນັ້ນກົດປຸ່ມກັບຄືນໄປບ່ອນ.
07 of 07
ສາຍຕາໃນຮູບໃດຄວນປະເຊີນກັບເນື້ອຫາ
ໃນການອອກແບບໃຫມ່ສໍາລັບ About.com, ຮູບແມ່ນດີກວ່າ. ໃນປັດຈຸບັນຕາຂອງຂ້ອຍກໍາລັງຊອກຫາຫຼາຍຂຶ້ນ, ແລະມີຂໍ້ແນະນໍາເລັກນ້ອຍທີ່ຂ້ອຍຊອກຫາທາງຊ້າຍຂອງຂ້ອຍ - ບ່ອນທີ່ຂໍ້ຄວາມແມ່ນ.
ຮູບພາບທີ່ດີກວ່າສໍາລັບຕໍາແຫນ່ງນັ້ນກໍ່ແມ່ນຫນຶ່ງໃນບ່ອນທີ່ບ່າຂອງຂ້ອຍຍັງແນມເບິ່ງຂໍ້ຄວາມ. ແຕ່ນີ້ແມ່ນການແກ້ໄຂຫຼາຍກວ່າຮູບທໍາອິດ. ແລະ, ສໍາລັບສະຖານະການທີ່ຮູບພາບຈະຢູ່ດ້ານຂວາຂອງເນື້ອຫາເຊັ່ນດຽວກັນກັບທາງຊ້າຍ, ນີ້ອາດຈະເປັນການປະນີປະນອມທີ່ດີ.
ຈົ່ງຈື່ໄວ້ວ່າ, ໃນຂະນະທີ່ຮູບພາບຂອງປະເຊີນຫນ້າຂອງປະຊາຊົນດຶງດູດຄວາມສົນໃຈຫຼາຍທີ່ສຸດ, ຄືກັນກັບພາບສັດ. ຕົວຢ່າງ, ໃນຮູບແບບນີ້, ຂ້າພະເຈົ້າມີຫມາຂອງຂ້າພະເຈົ້າຊອກຫາເບື້ອງຊ້າຍ, ແຕ່ຮູບແມ່ນຖືກຕ້ອງ. ດັ່ງນັ້ນພວກເຂົາກໍາລັງຊອກຫາຫນ້າອອກ. ຮູບແບບນີ້ຈະໄດ້ຮັບການປັບປຸງຖ້າຫາກວ່າຂ້ອຍປ່ຽນທິດທາງຂອງຫມາເພື່ອວ່າພວກເຂົາກໍາລັງຊອກຫາຢູ່ໃນໃຈກາງຂອງຫນ້າຈໍ.