ວິທີການ Master Layout Design

ວິທີການ Master Layout Design
Rick Davis

ຄູ່ມືອັນເຕັມທີ່ເພື່ອຮຽນຮູ້ພື້ນຖານຂອງການອອກແບບພາບ.

ຄໍາຖາມລ້ານໂດລາ: ແມ່ນຫຍັງຄືຄວາມລັບຂອງການອອກແບບທີ່ດີ?

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

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

Linda Gaom, Behance

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

ການອອກແບບ Layout ແມ່ນຫຍັງ?

ການອອກແບບ Layout ກ່ຽວຂ້ອງກັບການຈັດລຽງຂອງອົງປະກອບກຣາຟິກເພື່ອດຶງດູດຄວາມສົນໃຈຂອງຜູ້ອ່ານ ແລະສົ່ງຂໍ້ຄວາມສະເພາະໃນລັກສະນະທີ່ດຶງດູດສາຍຕາ. .

ດັ່ງນັ້ນພວກເຮົາບໍ່ໄດ້ເວົ້າສະຖານທີ່ພັກຜ່ອນ, ໃນຂະນະທີ່ອົງປະກອບອື່ນໆໃຫ້ທິດທາງ.

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

ຫຼັກການ #5. ໃຊ້ຄວາມຄົມຊັດ

ໃຫ້ແນ່ໃຈວ່າເຈົ້າມີຄວາມຄົມຊັດພຽງພໍໃນການອອກແບບຂອງເຈົ້າ.

ຄວາມຄົມຊັດຊ່ວຍຈັດລະບຽບການອອກແບບຂອງເຈົ້າ ແລະຈະສ້າງລໍາດັບຊັ້ນທີ່ຕ້ອງການຫຼາຍ ແລະເນັ້ນໃສ່ສິ່ງທີ່ສຳຄັນ.

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

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

ນີ້ແມ່ນບາງຕົວຢ່າງຂອງການຈັດວາງທີ່ໃຊ້ກົດລະບຽບນີ້ໃນທາງທີ່ສະຫຼາດ ແລະສວຍງາມ. ສັງເກດເຫັນຄວາມຄົມຊັດໃນຕົວພິມ, ສີ, ແລະແມ້ກະທັ້ງຄວາມຄົມຊັດໃນຂະຫນາດລະຫວ່າງອົງປະກອບ.

ແຫຼ່ງຂໍ້ມູນ: ແຜນປະຕິບັດງານ IAG Reconciliation

ຫຼັກການ #6. ການຊໍ້າຄືນ, ແບບແຜນ, ຈັງຫວະ

ເມື່ອເຮົາຄິດຊໍ້າຄືນ, ເຮົາຄິດຂອງອົງປະກອບດຽວກັນຊໍ້າແລ້ວຊໍ້າອີກ.

ແຕ່ມັນແຕກຕ່າງກັນໃນການອອກແບບ. ມັນແນ່ນອນບໍ່ຫນ້າເບື່ອເທົ່າທີ່. ເມື່ອຖືກນໍາໃຊ້ຢ່າງຖືກຕ້ອງ, ການຊໍ້າຄືນສາມາດສ້າງຄວາມເຂັ້ມແຂງໃນການອອກແບບຂອງເຈົ້າໄດ້.

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

ທ່ານສາມາດເຮັດສິ່ງນີ້ໄດ້ໂດຍການເຮັດຊ້ຳຮູບຮ່າງ ຫຼືສັນຍາລັກ. ຫຼືແມ້ກະທັ້ງຮູບແບບສີ, ​​ຕົວພິມຕົວອັກສອນ, ແລະຮູບແບບດຽວກັນໂດຍທົ່ວໄປ.

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

ແຫຼ່ງຂໍ້ມູນ: Thepentool.co

ນັ້ນແມ່ນ. ນີ້ແມ່ນຫຼັກການ 6 ຂໍ້ທີ່ຈະຊ່ວຍໃຫ້ທ່ານຈັດລະບຽບການອອກແບບຂອງທ່ານແລະບັນລຸຮູບແບບທີ່ສະອາດ, ເປັນມືອາຊີບຫຼາຍຂຶ້ນ, ແລະມີຄວາມສົມດູນ.

ແຕ່ການເດີນທາງຂອງເຈົ້າບໍ່ໄດ້ສິ້ນສຸດທີ່ນີ້. ການອອກແບບກາຟິກບໍ່ແມ່ນວິທະຍາສາດທີ່ແນ່ນອນແລະມັນບໍ່ຄວນຈໍາກັດພຽງແຕ່ຄໍາແນະນໍາແລະຫຼັກການ. ດັ່ງທີ່ເປັນຄວາມຈິງໃນທຸກຂົງເຂດຂອງການສ້າງ, ບໍ່ມີກົດລະບຽບທີ່ຍາກ. ການແຍກອອກຈາກຄໍາແນະນໍາເຫຼົ່ານີ້ໃນວິທີທີ່ອ່ອນໂຍນຈະເພີ່ມຄວາມເລິກແລະຄວາມຫລາກຫລາຍໃຫ້ກັບການອອກແບບຂອງເຈົ້າ.

ຢ່າງໃດກໍຕາມ, ພວກມັນເປັນຈຸດເລີ່ມຕົ້ນທີ່ດີ ແລະພວກເຮົາຂໍແນະນຳໃຫ້ທ່ານລອງໃຊ້. ແລະບອກໃຫ້ພວກເຮົາຮູ້ວ່າພວກມັນເຮັດວຽກແນວໃດ!

ດາວໂຫລດ Vectornator ເພື່ອເລີ່ມຕົ້ນ

ເອົາການອອກແບບຂອງທ່ານໄປໃນລະດັບຕໍ່ໄປ.

ດາວໂຫລດໄຟລ໌ ກ່ຽວກັບການອອກແບບໂລໂກ້ຢູ່ທີ່ນີ້. ແຕ່ການອອກແບບອຸປະກອນການພິມ ເຊັ່ນ: ໜັງສືພິມ, ວາລະສານ, ໂປສເຕີ, ແລະສ່ວນດິຈິຕອນຂອງພວກມັນ, ເຊັ່ນດຽວກັນກັບການອອກແບບເວັບ, ແອັບ ຫຼື UX/UI.

ຄຳສັບ 'ການຈັດວາງ' ໃຫ້ຄຳແນະນຳພວກເຮົາຫຼາຍຢ່າງ. ມັນໝາຍເຖິງການຈັດລຽງຂອງອົງປະກອບທີ່ກຳນົດໄວ້ລ່ວງໜ້າໃນໜ້າໃດໜຶ່ງ.

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

ຈຸດປະສົງຂອງການອອກແບບໂຄງຮ່າງ

ເພື່ອສົ່ງຂໍ້ຄວາມໄວ

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

ເພື່ອສ້າງຄວາມສົມດູນ

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

ເພື່ອສ້າງຄວາມສອດຄ່ອງ

ໂຄງຮ່າງຊ່ວຍໃຫ້ທ່ານຈັດແຈງອົງປະກອບຫຼາຍອັນຂອງການອອກແບບຂອງທ່ານໃນວິທີການຍ່ອຍໄດ້ງ່າຍ, ສອດຄ່ອງ, ແລະສົມເຫດສົມຜົນ.

ເພື່ອສ້າງຄວາມງາມ

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

ຜູ້ອອກແບບໂດຍ Frank Philippin ສໍາລັບປຶ້ມຂອງລາວ 'ຂ້ອຍເຄີຍເປັນນັກຮຽນອອກແບບ: ຫຼັງຈາກນັ້ນ - ດຽວນີ້.' ແຫຼ່ງຂໍ້ມູນ: DesignBoom

ອົງປະກອບຂອງການອອກແບບໂຄງຮ່າງ

ຂໍ້ຄວາມ

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

ຮູບຮ່າງ

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

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

ພື້ນທີ່ສີຂາວ

ການອອກແບບໂຄງຮ່າງໃດໜຶ່ງຈະມີພື້ນທີ່ສີຂາວຈຳນວນໜຶ່ງ. ທີ່ຈະຊ່ວຍໃຫ້ອົງປະກອບຂອງທ່ານຫາຍໃຈ ແລະໂດດເດັ່ນດ້ວຍຕົວມັນເອງ.

ຫຼັກການສີທອງຂອງການອອກແບບໂຄງຮ່າງ

ທ່ານຈະສັງເກດເຫັນວ່າຫຼັກການການອອກແບບການຈັດວາງປະຕິບັດຕາມຫຼັກການພື້ນຖານຂອງການອອກແບບຫຼາຍ. ຄືກັບການໃຊ້ສີໃນລັກສະນະສະເພາະ, ການພິມ, ການຊໍ້າຄືນ, ກົງກັນຂ້າມ, ລຳດັບ, ແລະຄວາມສົມດຸນ.

ຫຼັກການທີ 1. ໃຊ້ Grids

Grids ຊ່ວຍໃຫ້ຜູ້ອອກແບບຈັດວາງອົງປະກອບອອກແບບຕ່າງໆ ເຊັ່ນ: ຂໍ້ຄວາມ ແລະຮູບພາບໃນລັກສະນະທີ່ສອດຄ່ອງກັນ ແລະ ງ່າຍຕໍ່ການຕິດຕາມ.

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

ແຫຼ່ງຂໍ້ມູນ: hmglegal.com

ວິພາກວິພາກຂອງຕາຂ່າຍ

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

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

ແຫຼ່ງທີ່ມາ: Radversity

ປະເພດຂອງຕາໜ່າງ

ເສັ້ນໂຄງຮ່າງຖືກໃຊ້ໃນການຈັດລຽງລຳດັບທຳອິດ ການຂຽນດ້ວຍມືເທິງເຈ້ຍ.

ພວກມັນມີມາຕັ້ງແຕ່ຕົ້ນສະຕະວັດທີ 13, ເມື່ອນັກສິລະປິນຊາວຝຣັ່ງ Villard De ໄດ້ລວມເອົາລະບົບຕາຂ່າຍໄຟຟ້າເຂົ້າກັບອັດຕາສ່ວນທອງເພື່ອຜະລິດຮູບແບບໜ້າພິມດ້ວຍຂອບ. ທ່ານສາມາດເບິ່ງລະບົບຕາຂ່າຍໄຟຟ້ານີ້ຈົນເຖິງທຸກວັນນີ້, ຍ້ອນວ່າການພິມຫນັງສືແລະຮູບແບບວາລະສານສ່ວນໃຫຍ່ພິສູດ. ຜູ້ຈັດພິມ, ບັນນາທິການ, ແລະນັກອອກແບບມັກໃຊ້ຕາຂ່າຍມາດຕະຖານບໍ່ພຽງແຕ່ເນື່ອງຈາກວ່າມັນເບິ່ງດີ, ແຕ່ເນື່ອງຈາກວ່າຜູ້ອ່ານໄດ້ຄາດຫວັງວ່າອົງປະກອບການອອກແບບບາງຢ່າງຈະຢູ່ໃນສະຖານທີ່ສະເພາະ.

ຕາຂ່າຍໄຟຟ້າສາມາດອອກແບບໄດ້ສອງວິທີ: symmetric. ຫຼືບໍ່ສົມມາດ. ຕາໜ່າງສົມມາຕຣິກ ຕິດຕາມເສັ້ນສູນກາງ, ເຊິ່ງເຂດແນວຕັ້ງ ແລະແນວນອນແມ່ນເທົ່າກັນ; ແລະຖັນມີຄວາມກວ້າງຄືກັນ.

ໃນ ຕາໜ່າງບໍ່ສົມມາຕຣິກ , ຕາມຊື່ແນະນຳ, ຂອບ ແລະຖັນບໍ່ຄືກັນທັງໝົດ.

ອີງໃສ່ການຈັດປະເພດນີ້ ມີຫ້າປະເພດຫຼັກຂອງຕາໜ່າງໂຄງຮ່າງທີ່ໃຊ້ໃນທົ່ວໂລກທີ່ທ່ານສາມາດອີງໃສ່:

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

ແຫຼ່ງທີ່ມາ: UXplanet

ແຫຼ່ງຂໍ້ມູນ: Radversity

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

ແຫຼ່ງທີ່ມາ: UX Planet

ແຫຼ່ງຂໍ້ມູນ: Radversity

ຕາໜ່າງແບບໂມດູລາ ຄ້າຍກັບຕາຕະລາງຖັນ, ແຕ່ ພວກ​ເຂົາ​ເຈົ້າ​ຍັງ​ບັນ​ຊີ​ສໍາ​ລັບ​ການ flowlines ອອກ​ຕາມ​ລວງ​ນອນ​. ຕາຂ່າຍໄຟຟ້າປະເພດນີ້ແມ່ນຈໍາເປັນໃນເວລາທີ່ທ່ານຕ້ອງຈັດວາງອົງປະກອບຕ່າງໆໃນໂຄງຮ່າງຂອງທ່ານແລະຕາຂ່າຍໄຟຟ້າຂອງຖັນແມ່ນບໍ່ພຽງພໍ.

ທີ່ມາ: UXPlanet

ແຫຼ່ງຂໍ້ມູນ: Radversity

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

ເສັ້ນພື້ນຖານຢູ່ບ່ອນນີ້ເພື່ອຊ່ວຍໃຫ້ຂໍ້ຄວາມຂອງເຈົ້າມີຈັງຫວະທີ່ໄຫຼ.

ແຫຼ່ງທີ່ມາ: UX Planet

ເບິ່ງ_ນຳ: ການສໍາພາດກັບ Comics ໄຫຼ

ແຫຼ່ງຂໍ້ມູນ: Fragaria

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

ແຫຼ່ງທີ່ມາ: UX Plane

ຫຼັກການ #2. ໃຊ້ພື້ນທີ່ລົບ

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

ຊ່ອງລົບທີ່ດີກັບທີ່ບໍ່ດີ

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

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

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

– Aaron Walter, 'Design for ອາລົມ'

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

ຜູ້ອອກແບບໂດຍ Brunswicker, ແຫຼ່ງຂໍ້ມູນ: Codesignmag.com

ຫຼັກການ #3. ເລືອກຈຸດໂຟກັສດຽວ

ເຄີຍມີລູກຄ້າຂໍໃຫ້ເຈົ້າເຮັດໃຫ້ໂລໂກ້ໃຫຍ່ຂຶ້ນບໍ? ແລະຫຼັງຈາກນັ້ນເພື່ອເຮັດໃຫ້ຫົວຂໍ້ໃຫຍ່ຍິ່ງຂຶ້ນບໍ?

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

ຈຸດປະສານງານໃນການອອກແບບແມ່ນອົງປະກອບໜຶ່ງທີ່ມີນ້ຳໜັກສາຍຕາສູງສຸດ. ມັນເປັນອົງປະກອບທີ່ດຶງດູດຕາກ່ອນ, ຫຼາຍກວ່າສິ່ງອື່ນໃນການຈັດວາງຂອງເຈົ້າ.

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

ອອກແບບໂດຍ Braulio Amado ສໍາລັບ Bloomberg Businessweek, ແຫຼ່ງຂໍ້ມູນ: ມັນດີທີ່

ແຕ່ວ່າຈຸດປະສານງານຈະດຶງດູດຄວາມສົນໃຈຂອງຜູ້ຊົມຂອງທ່ານໃນ, ກົດລະບຽບຕໍ່ໄປຈະຊ່ວຍແນະນໍາມັນ.

ຫຼັກການ #4. ຄິດວ່າ Proximity and Flow

ຫຼັກການຂອງຄວາມໃກ້ຊິດແມ່ນງ່າຍດາຍ. ໃຫ້ແນ່ໃຈວ່າອົງປະກອບທີ່ກ່ຽວຂ້ອງກັບກັນແລະກັນຖືກຈັດໃສ່ຮ່ວມກັນ.

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

ແຫຼ່ງຂໍ້ມູນ: Satori Graphics

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

ເບິ່ງ_ນຳ: ວິທີການອອກແບບຮູບແບບຊ້ໍາຊ້ອນ



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