10 ວິທີງ່າຍໆ ສ້າງ Trend Web Design ປີ 2014 !!

Posted on April 2, 2014. Filed under: ຄວາມຮູ້ເລື່ອງ IT, ອິນເຕີເນ໋ດ |


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

  1. ບໍ່ມີ  Typography  ແບບຈືດໆ ໜ້າເບື່ອອີຕໍ່ໄປ

ໂຕໜັງສືກັບ web ເປັນຂອງຄູ່ກັນ ແຕ່ວ່າ web ທີ່ອອກແບບງ່າຍໆ ໃຊ້ font ຫຍັງທີ່ອ່ານໄດ້ກໍ່ພໍແລ້ວ ດຶງດູດຄົນໃຫ້ເຂົ້າມາອ່ານບໍ່ໄດ້ອີກຕໍ່ໄປ ບາງທີ ມັນຈະກາຍເປັນອ່ານຍາກ ພວກ font ທີ່ເກີນໄປກໍ່ບໍ່ດີ ອ່ານງ່າຍ ແລະ ງາມ ຄືເປົ້າໝາຍສູງສຸດຂອງການອອກແບບ ແລະ ຈະເລີມເຫັນໄດ້ຫຼາຍຂື້ນໃນປີນີ້

ເວັບນີ້ແຈກ Font ຟຣີບໍ່ເສຍເງີນ (ແຕ່ແນະນຳໃຫ້ອ່ານລາຍລະອຽດກ່ອນນຳໄປໃຊ້)

f547

Font ງາມໆ ແລະ ກໍ່ຟຣີ ສາມາດດາວໂຫຼດໄດ້  http://www.f0nt.com/

  1. Flat Design                                                                                                                                                                                                                           ປະຕິເສດບໍ່ໄດ້ວ່າ ການອອກແບບ “ລຽບໆ“ ແບບເອົາການໄລ່ແສງ ໄລ່ສີ ຫຼື ມີຂອບ ມີເງົາ ອອກໄປໃຫ້ໝົດນັ້ນກຳລັງມ ແລະ ໄດ້ຜົນດີ ເພາະມັນເຮັດໃຫ້ເບີ່ງງ່າຍຂື້ນ ອ່ານງ່າຍຂື້ນ ແລະ load ກໍ່ໄວຂື້ນ ບໍ່ໜັກ ບໍ່ເປັນພາລະພວກ Mobile OS ຄື windows phone,  Android , iOS ກໍ່ເປັນ flat ໝົດແລ້ວ
  2. Slider ໝົດຍຸກໄປແລ້ວທີ່ຈະເປັນ “Large Hero”

ຖ້າໃຜຍັງຈື່ໄດ້ວ່າ ໜ້າ web ທີ່ມີຮູບພາບຄ່ອນຂ້າງໃຫຍ່ປ່ຽນໄປມາ ສະລັບໄປມາ ເພື່ອສະແດງເນື້ອໃນຫຼາຍໆ ທ່ອນນັ້ນ ແບບນັ້ນເອີ້ນວ່າslider , ເຊິ່ງເປັນ trend ທີ່ໄດ້ຜົນ ແລະ ມີມາດົນນານ ມັນມາຂ້າພວກ landing page ຫຼື flash ແຕ່ຕອນນີ້ມັນກຳລັງຈະຖືກ large hero ມາແທນ

large hero ນັ້ນເອົາຂໍ້ດີ ຂອງທັງສາມຢ່າງມາລວມກັນ ຄື

  • ຄວາມໃຫຍ່ອະລັງການຂອງ Landing page
  • ສາມາດບອກເລື້ອງໄດ້ຄືກັບ flash
  • ສະແດງເນື້ອໃນໃຫ້ click ໄດ້ຫຼາຍກວ່າໜື່ງ

Large Hero ຈະເປັນໜ້າສ່ວນທຳອິດ ທີ່ເຂົ້າມາໃນ web ຈະມີການບອກເລົ່າເລື້ອງ ຫຼື ຂໍ້ຄວາມເລັກນ້ອຍ ສ່ວນຄົນເບີ່ງສາມາດກົດເຂົ້າໄປ ເບີ່ງຕໍ່ສ່ນທີ່ຕົນເອງສົນໃຈ

ເວັບຄົວຢ່າງ: http://realtii.com/

  1. ມີເປົ້າໝາຍໄປທີ່  Mobile Device

ທຸກມື້ນີ້ການເຂົ້າ web site ນັ້ນ ມາຈາກ smartphone, tablet ຫຼາຍກວ່າpc ຫຼື notebook , ເຮັດໃຫ້ web ຕ່າງໆ ເລືອກທີ່ຈະສ້າງໜ້າ mobile ຕ່າງໆ ຫຼື ເຮັດແບບ responsive web site ທີ່ຕອບສະໜອງໄດ້ເຂົ້າມາ ບາງ web ເອງ ແຍກເຮັດພິເສດເລີຍ ຖ້າເຂົ້າ mobile ຈະໄດ້ເນື້ອໃນ ທີ່ຄົບຖ້ວນບໍ່ຕ່າງຈາກ pc ແຕ່ ui ອາດຈະປ່ຽນໄປໃຊ້ງານໄດ້ດີກວ່າ

f548

ຮູບພາບຈາກ: setsailmedia

  1. Video ມາແທນທີ່ໂຕໜັງສື ຫຍິບຫຍັບ

ທຸກມື້ນີ້ ການຖ່າຍສ້າງ clip ໂຕໜື່ງ ງ່າຍກວ່າແຕ່ກ່ອນຫຼາຍ ມີ smartphone ກໍ່ສາມາດສ້າງໄດ້ແລ້ວ software ຕັດ w ຕໍ່ກໍ່ງ່າຍ ແລະ ຖືກລົງ ການ upload video ຂື້ນໄປກໍ່ມີ  free site ໃຫ້ໃຊ້ຫຼາຍຂື້ນ ສິ່ງສຳຄັນທີ່ສຸດຄື internet ລາຄາຖືກລົງ ແລະ ໄວຂື້ນ ເຮັດໃຫ້ຜູ້ໃຊ້ເປີດເບີ່ງ video ໄດ້ໄວ ແລະ ສະບາຍໃຈກວ່າແຕ່ກ່ອນຫຼາຍ

f549

ຕົວຢ່າງເວັບ https://onlycoin.com/

  1. web ທີ່scroll ໄດ້ຍາວໆ ບໍ່ສີ້ນສຸດ

ຖ້າໃຜເຂົ້າ web ຕ່າງປະເທດເລື່ອຍໆ ຈະເລີ່ມເຫັນແລ້ວວ່າຫຼາຍໆ web ບໍ່ໄດ້ໃຊ້ວິທີ່ການ load ເປັນໜ້າໆ ແຕ່ເປັນຕັດສ່ວນload ເປັນທ່ອນໆ ຄື ເປີດມາເຈີຊຸດທຳອິດ ພໍ scroll ລົງໄປອ່ານເລື່ອຍໆ ເຈີກັບຊຸດສອງ ແລ້ວກໍ່ເຈີຊຸດສາມ ຄ່ອຍໆ  load ເຮັໃຫ້ user ສະດວກ ບໍ່ຕ້ອງມມາລໍຖ້າ load ເທື່ອລະໜ້າ

ຕົວຢ່າງ web thai ກໍ່ pantip.com ທີ່ເຮົາຈະອ່ານຫົວຂໍ້ຕ່າງໆຕັ້ງແຕ່ຕົ້ນຈົນຈົບ ໂດຍຈະແບ່ງອອກເປັນຊ່ວງໆ ໃຫ້ເລື່ອນໄປເຖິງດ້ານລຸ່ມ ເພື່ອໂຫຼດຕໍ່ເນື່ອງ ປ້ອງກັນການຮັບພາລະໜັກຂອງທາງServer ແລະ ຜູ້ໃຊ້ງານ

  1. ເນັ້ນສີລຽບໆ ບໍ່ເຈີດເກີນໄປ

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

ຕົວຢ່າງເວັບ: http://getuikit.com/index.html

  1. ເນື້ອໃນລຽບງ່າຍ

ສັ້ນ ງ່າຍ ໄດ້ໃຈຄວາມ ບໍ່ຍາວເສຍເວລາ ຄືຮູບແບບ content ທີ່ດີທີ່ສຸດ ແຕ່ບາງເທື່ອການສ້າງ content ກໍ່ຢາກຈະຍາວໆ ກໍ່ມີ ເພື່ອໃຫ້ຄົນຢູ່ກັບ web ດົນໆ ແຕ່ສະໄໝນີ້ປ່ຽນໄປແລ້ວ ເນັ້ນ ສັ້ນໆ ອ່ານໄວ ແຕ່ອ່ານເລື່ອຍໆ ແລະ ກັບມາເລື່ອຍໆຈະດີກວ່າ ຄົນເຮົາດຽວນີ້ໃຈຮ້ອນຫຼາຍຂື້ນ  “ຍາວໄປກໍ່ບໍ່ອ່ານ” ແຕ່ສົງໄສບໍ່ ວ່າ  twitter ນີ້ອ່ານໄດ້ໝົດມື້ ບໍ່ເບື່ອ ຍ້ອນສາເຫດອັນໃດ?

ຕົວຢ່າງ: https://twitter.com

  1. ໂຍນ side bar ຖີ້ມໄປ

side bar ເປັນສີ່ງທີ່ຢູ່ຄູ່ກັບ web ມາດົນນານ ເພາະເຊື່ອກັນວ່າ ມັນເຮັດໃຫ້ຜຜູ້ໃຊ້ໄດ້ເຫັນສີ່ງອື່ນໆ ໄປຄວບຄຸມກັບ content ເປັນການເພີ່ມໂອກາດການເບີ່ງເຫັນ ແຕ່ໃນເມື່ອຜູ້ໃຊ້  focus ທີ່ໂຕ content ເຮັດໃຫ້ side bar ເປັນຄືສີ່ງທີ່ຮົກ ແລະ ເຮັດໃຫ້ປະສົບການການອ່ານບໍ່ຄ່ອຍດີເທົ່າທີ່ຄວນ

ການເອົາ  sidebar ອອກໄປເຮັດໃຫ້ ຈຸດສົນໃຈຂອງ content ເພີ່ມຫຼາຍຂື້ນ ແລະ ງ່າຍຕໍ່ responsive ນຳ

     10.  ຫຼີ້ນກັບຮູບໃຫ້ຫຼາຍ

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

ການໃສ່  filter ຫຼື ສ້າງຈຸດແຕກຕ່າງ ຫຼື ດຶງດູດຄວາມສົນໃຈກໍ່ມີຫຼາຍຂື້ນ ບາງເທື່ອການໃສ່ຮູບ ທີ່ໃສ່ retro filter ຕັດກັບພາບສົດໃໝ່ ກໍ່ເຮັດໃຫ້ຄົນສົນໃຈໄດ້ງາຍຂື້ນ

f550

ຕົວຢ່າງ: http://www.seattlecidercompany.com/

ຖ້າຫາກວ່າໃຜທີ່ບໍ່ຮູ້ຈະເລີ່ມສ້າງແນວໃດ ທາງເຮົາກໍ່ຂໍແນະນຳ wordpress ເພາະຈະມີ Theme ໃຫ້ເຮົາເລືອກຫຼາຍ (ແລະ ແນ່ນອນວ່າບໍ່ເສຍເງີນ) ໂດຍເຮົາກໍ່ພຽງແຕ່ເລືອກຊື້ Theme ທີ່ຖືກໃຈ ແລ້ວນຳຮູບພາບມາລົງ ແລະ  Setting ໜ້ອຍໜື່ງ ກໍ່ຈະໄດ້ໜ້າເວັບທີ່ຖືກໃຈເຮົາແລ້ວ

ຂໍ້ມູນຈາກ: thenextweb, beartai

Advertisements

Make a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Liked it here?
Why not try sites on the blogroll...

%d bloggers like this: