ຮຽນຮູ້ການນໍາໃຊ້ສາຍ Wire ງ່າຍໆເພື່ອເລີ່ມຕົ້ນການອອກແບບຂອງທ່ານ
Web wireframe ເປັນຄູ່ມືທີ່ງ່າຍດາຍທີ່ຈະສະແດງໃຫ້ທ່ານຮູ້ວ່າ ຫນ້າເວັບ ຈະເປັນແນວໃດ. ມັນຊີ້ໃຫ້ເຫັນເຖິງ ໂຄງສ້າງຂອງຫນ້າ , ໂດຍບໍ່ຕ້ອງໃຊ້ຮູບພາບໃດໆຫຼືຂໍ້ຄວາມ. wireframe ເວັບໄຊທ໌ຈະສະແດງໃຫ້ເຫັນໂຄງສ້າງຂອງເວັບໄຊທ໌ທັງຫມົດ - ລວມທັງຫນ້າທີ່ເຊື່ອມຕໍ່ກັບບ່ອນໃດ.
Web wireframes ເປັນວິທີທີ່ດີທີ່ຈະເລີ່ມຕົ້ນການອອກແບບຂອງທ່ານ. ແລະໃນຂະນະທີ່ມັນກໍ່ເປັນໄປໄດ້ທີ່ຈະສ້າງສາຍໄຟທີ່ສະລັບສັບຊ້ອນທີ່ມີລາຍລະອຽດຈໍານວນຫລາຍ, ການວາງແຜນຂອງທ່ານສາມາດເລີ່ມຕົ້ນດ້ວຍຜ້າພົມແລະປາກກາ. ສິ່ງສໍາຄັນທີ່ເຮັດໃຫ້ສາຍໄຟທີ່ດີແມ່ນການອອກຈາກອົງປະກອບທີ່ເບິ່ງເຫັນທັງຫມົດ. ໃຊ້ກ່ອງແລະສາຍເພື່ອສະແດງຮູບພາບແລະຂໍ້ຄວາມ.
ສິ່ງທີ່ຕ້ອງປະກອບດ້ວຍ wireframe ເວັບໄຊຕ໌:
- ກ່ອງສໍາລັບອົງປະກອບຮູບພາບຕົ້ນຕໍ
- ການຈັດຕໍາແຫນ່ງຫົວຂໍ້ແລະຫົວຍ່ອຍ
- ໂຄງສ້າງຮູບແບບທີ່ງ່າຍດາຍ
- ໂທຫາການປະຕິບັດ
- ຕັນຂໍ້ຄວາມ
ວິທີການສ້າງ Web Wireframe ແບບງ່າຍດາຍ
ສ້າງເວັບ wireframe ເວັບໂດຍໃຊ້ເສດຂອງກະດາດທີ່ທ່ານມີປະໂຫຍດ. ນີ້ແມ່ນວິທີທີ່ຂ້ອຍເຮັດມັນ:
- ແຕ້ມຮູບສີ່ຫລ່ຽມໃຫຍ່ - ນີ້ສາມາດເປັນຕົວແທນຂອງຫນ້າທັງຫມົດຫຼືພຽງແຕ່ສ່ວນທີ່ເບິ່ງເຫັນ. ຂ້ອຍມັກຈະເລີ່ມຕົ້ນດ້ວຍສ່ວນທີ່ເບິ່ງເຫັນ, ແລະຫຼັງຈາກນັ້ນຂະຫຍາຍມັນເພື່ອປະກອບມີອົງປະກອບທີ່ຢູ່ຂ້າງລຸ່ມ.
- ການແຕ້ມຮູບແບບ - ມັນແມ່ນ 2 ຄໍລໍາ, 3 ຄໍລໍາ?
- ເພີ່ມໃນກ່ອງສໍາລັບຮູບພາບຫົວຂໍ້ - ແຕ້ມໃສ່ຄໍລໍາຂອງທ່ານຖ້າທ່ານຕ້ອງການຫົວຂໍ້ດຽວຢູ່ຂ້າງເທິງຄໍລໍາ, ຫຼືພຽງແຕ່ເພີ່ມບ່ອນທີ່ທ່ານຕ້ອງການ.
- ຂຽນ "Headline" ບ່ອນທີ່ທ່ານຕ້ອງການຫົວຂໍ້ H1 ຂອງທ່ານ.
- ຂຽນ "Sub-Head" ບ່ອນທີ່ທ່ານຕ້ອງການຫົວຂໍ້ H2 ແລະຕ່ໍາກວ່າ. ມັນຈະຊ່ວຍໃຫ້ທ່ານເຮັດໃຫ້ພວກເຂົາມີຄວາມເຫມາະສົມ - h2 ຂະຫນາດນ້ອຍກ່ວາ h1, h3 ຫນ້ອຍກວ່າ h2, ແລະອື່ນໆ.
- ເພີ່ມໃນຫ້ອງສໍາລັບຮູບພາບອື່ນໆ
- ເພີ່ມໃນການນໍາທາງ. ຖ້າທ່ານວາງຕາຕະລາງ, ກະລຸນາແຕ້ມຫ້ອງແລະຂຽນ "ນໍາທິດ" ອອກໄປຂ້າງເທິງ. ຫລືໃສ່ລາຍລາຍທີ່ຢູ່ໃນຄໍລໍາທີ່ທ່ານຕ້ອງການນໍາທາງ. ຢ່າຂຽນເນື້ອໃນ. ພຽງແຕ່ຂຽນ "ນໍາທິດ" ຫຼືໃຊ້ເສັ້ນເພື່ອສະແດງຂໍ້ຄວາມ.
- ເພີ່ມອົງປະກອບເພີ່ມເຕີມໃສ່ຫນ້າ - ກໍານົດສິ່ງທີ່ພວກເຂົາມີຂໍ້ຄວາມ, ແຕ່ບໍ່ໃຊ້ຂໍ້ຄວາມເນື້ອໃນຕົວຈິງ. ຕົວຢ່າງ: ຖ້າທ່ານຕ້ອງການໃຫ້ໂທຫາປຸ່ມປະຕິບັດໃນເບື້ອງຂວາລຸ່ມໃຫ້ໃສ່ກ່ອງນັ້ນແລະໃສ່ຊື່ວ່າ "ໂທຫາການກະທໍາ". ຢ່າຂຽນ "ຊື້ຕອນນີ້!" ໃນປ່ອງນັ້ນ.
ເມື່ອທ່ານໄດ້ຂຽນລວດລາຍງ່າຍດາຍຂອງທ່ານ, ແລະມັນບໍ່ຄວນໃຊ້ເວລາຫຼາຍກວ່າ 15 ນາທີເພື່ອສະແດງຄວາມຄິດເຖິງຄົນອື່ນ, ສະແດງໃຫ້ຄົນອື່ນຮູ້. ຖາມພວກເຂົາວ່າມີຫຍັງທີ່ຂາດຫາຍໄປແລະສໍາລັບຄວາມຄິດເຫັນອື່ນໆ. ອີງໃສ່ສິ່ງທີ່ພວກເຂົາເຈົ້າເວົ້າວ່າທ່ານສາມາດຂຽນ wireframe ອື່ນຫຼືຮັກສາສິ່ງທີ່ທ່ານມີ.
Why Wireframes Paper Are Best For First Drafts
ໃນຂະນະທີ່ມັນເປັນໄປໄດ້ທີ່ຈະສ້າງ wireframes ໂດຍນໍາໃຊ້ໂຄງການຕ່າງໆເຊັ່ນ Visio, ສໍາລັບການປະຊຸມຄັ້ງທໍາອິດຂອງທ່ານ, ທ່ານຄວນຕິດຢູ່ກັບກະດາດ. ເຈ້ຍບໍ່ເບິ່ງຄືວ່າຖາວອນ, ແລະປະຊາຊົນຈໍານວນຫຼາຍຈະສົມມຸດວ່າທ່ານໂຍນມັນຮ່ວມກັນໃນ 5 ນາທີແລະດັ່ງນັ້ນບໍ່ລັ່ງເລທີ່ຈະໃຫ້ທ່ານຄໍາຄຶດຄໍາເຫັນທີ່ດີ. ແຕ່ເມື່ອທ່ານໃຊ້ໂຄງການເພື່ອສ້າງສາຍໄຟທີ່ມີຮູບພາບທີ່ສົມບູນແບບດ້ວຍສີສີ່ຫລ່ຽມແລະສີທີ່ສົມບູນແບບ, ທ່ານກໍາລັງດໍາເນີນຄວາມສ່ຽງຕໍ່ການຈັບຕົວໃນໂຄງການຂອງມັນເອງແລະໃຊ້ເວລາຊົ່ວໂມງທີ່ສົມບູນແບບທີ່ບໍ່ເຄີຍມີຊີວິດຢູ່.
wireframes ເຈ້ຍແມ່ນງ່າຍທີ່ຈະເຮັດ. ແລະຖ້າທ່ານບໍ່ມັກມັນ, ທ່ານພຽງແຕ່ຂັດເອົາກະດາດ, ຖິ້ມມັນໃນການນໍາໃຊ້ແລະນໍາເອົາແຜ່ນໃຫມ່.