ແນະນຳ Figma: ເຄື່ອງມືອອກແບບ UI/UX ຍອດຮິດ ທີ່ຄົນເຮັດເວັບໄຊຕ້ອງເປັນ!
ກ່ອນທີ່ເຮົາຈະລົງມືຂຽນໂຄດສ້າງເວັບໄຊແຕ່ລະຄັ້ງ ສິ່ງໜຶ່ງທີ່ຂາດບໍ່ໄດ້ເລີຍຄືການ "ອອກແບບໜ້າຕາ" (User Interface ຫຼື UI) ເພາະມັນຈະເປັນຕົວຊີ້ວັດວ່າເວັບໄຊຂອງເຮົາຈະອອກມາງາມ, ທັນສະໄໝ ແລະ ໃຊ້ງານງ່າຍຫຼືບໍ່.
ໃນໝວດອອກແບບກຣາບຟິກມື້ນີ້ LaoCourse ຈະມາແນະນຳໃຫ້ທຸກຄົນຮູ້ຈັກກັບ Figma ເຄື່ອງມືອອກແບບຍອດຮິດທີ່ນັກພັດທະນາເວັບ ແລະ ນັກອອກແບບທົ່ວໂລກເລືອກໃຊ້.
Figma ແມ່ນຫຍັງ? Figma ຄືໂປຣແກຣມອອກແບບກຣາບຟິກ ແລະ UI/UX ທີ່ເຮັດວຽກເທິງເວັບບຼາວເຊີ (Cloud-based). ໝາຍຄວາມວ່າທ່ານບໍ່ຈຳເປັນຕ້ອງຕິດຕັ້ງໂປຣແກຣມໜັກໆລົງເຄື່ອງ ກໍສາມາດເປີດເວັບແລ້ວເລີ່ມອອກແບບໄດ້ເລີຍ ທີ່ສຳຄັນຄື ໃຊ້ງານໄດ້ຟຣີ!
ເປັນຫຍັງຄົນເຮັດເວັບໄຊຈຶ່ງຄວນໃຊ້ Figma?
- ເຮັດວຽກຮ່ວມກັນໄດ້ແບບ Real-time: ຄ້າຍໆກັບ Google Docs, ທ່ານ ແລະ ທີມງານສາມາດເຂົ້າໄປແກ້ໄຂງານອອກແບບໃນໜ້າດຽວກັນ ພ້ອມກັນໄດ້ເລີຍ.
- ແປງເປັນໂຄດ CSS ໄດ້: ເມື່ອທ່ານອອກແບບປຸ່ມ ຫຼື ຈັດວາງອົງປະກອບຕ່າງໆສຳເລັດແລ້ວ Figma ສາມາດແປງການອອກແບບນັ້ນເປັນໂຄດ CSS ໃຫ້ທ່ານກັອບປີ້ໄປໃສ່ໃນໂປຣເຈັກເວັບໄຊ (ເຊັ່ນ: HTML, Laravel, CodeIgniter) ໄດ້ຢ່າງງ່າຍດາຍ.
- ສ້າງ Prototype ໄດ້: ສາມາດເຮັດໜ້າເວັບຈຳລອງທີ່ກົດປຸ່ມແລ້ວລິ້ງໄປໜ້າອື່ນໄດ້ແທ້ໆ ເພື່ອທົດສອບປະສົບການໃຊ້ງານ (UX) ກ່ອນຈະໄປຂຽນໂຄດຈິງ.
3 ເຄັດລັບພື້ນຖານໃນການອອກແບບ UI ໃຫ້ເບິ່ງງາມ ແລະ ທັນສະໄໝ:
- ໃຊ້ສີບໍ່ເກີນ 3 ສີຫຼັກ: ເລືອກສີຫຼັກ (Primary Color) 1 ສີ, ສີຮອງ 1 ສີ ແລະ ສີພື້ນຫຼັງ. ການໃຊ້ສີຫຼາຍເກີນໄປຈະເຮັດໃຫ້ເວັບໄຊເບິ່ງລາຍຕາ ແລະ ບໍ່ເປັນມືອາຊີບ.
- ຈັດຊ່ອງຫວ່າງ (Spacing) ໃຫ້ເປັນ: ການປ່ອຍພື້ນທີ່ວ່າງ (White space) ລະຫວ່າງຕົວໜັງສື ຫຼື ຮູບພາບ ຈະຊ່ວຍໃຫ້ເວັບໄຊເບິ່ງສະອາດ, ຫາຍໃຈສະດວກ ແລະ ອ່ານງ່າຍຂຶ້ນ.
- ເລືອກ Font ທີ່ອ່ານງ່າຍ: ສຳລັບພາສາລາວ ການເລືອກຟອນທີ່ອ່ານງ່າຍ, ສະຫຼະບໍ່ຊ້ອນກັນ ຈະຊ່ວຍໃຫ້ຜູ້ໃຊ້ງານຮູ້ສຶກສະບາຍຕາເມື່ອຕ້ອງອ່ານບົດຄວາມຍາວໆ.
ສະຫຼຸບ: ບໍ່ວ່າທ່ານຈະເປັນນັກຂຽນໂປຣແກຣມ ຫຼື ນັກອອກແບບກຣາບຟິກ ການຮຽນຮູ້ການໃຊ້ງານ Figma ຈະຊ່ວຍຍົກລະດັບຄຸນນະພາບງານຂອງທ່ານໄດ້ຢ່າງແນ່ນອນ. ລອງເຂົ້າໄປທີ່ເວັບໄຊ figma.com ແລ້ວເລີ່ມອອກແບບເວັບໄຊໃນຝັນຂອງທ່ານໄດ້ເລີຍ!