คู่มือเลือก Font สำหรับมือใหม่ เว็บไซต์แบบเรา ควรใช้ฟอนต์แบบไหนดี ?

คู่มือเลือก Font สำหรับมือใหม่ เว็บไซต์แบบเรา ควรใช้ฟอนต์แบบไหนดี ?



คู่มือเลือก Font สำหรับมือใหม่ เว็บไซต์แบบเรา ควรใช้ฟอนต์แบบไหนดี ?

รู้ไหม คนที่เข้ามาดูเว็บไซต์เรา เขาใช้เวลาแค่ 0.05 วินาที ในการตัดสินใจว่าจะอยู่ต่อหรือกดปิด และสิ่งที่มีผลต่อความรู้สึกแรกมากที่สุด (นอกจากสีเว็บ) ก็คือ "Font" หรือตัวอักษรนั่นเอง

มือใหม่หลายคนตกม้าตาย พยายามเลือกฟอนต์ที่ดูสวย แปลกตา แต่พอเอามาใส่ในเว็บจริงกลับอ่านยาก ลายตา หรือไม่เข้ากับมู้ดของแบรนด์เลย

วันนี้เราจะพามาดูคู่มือง่ายๆ ที่จะช่วยให้คุณเลือกฟอนต์ได้เป๊ะ เข้ากับประเภทเว็บไซต์ของคุณใน 3 ขั้นตอน

1.รู้จักประเภทเว็บไซต์ของคุณ

ก่อนจะเลือกฟอนต์ ต้องตอบให้ได้ก่อนว่าเว็บของเราเป็นแนวไหน เพราะฟอนต์แต่ละแบบส่งผลต่อจิตวิทยาความรู้สึกที่ต่างกัน

  • ถ้าเป็นเว็บธุรกิจ / Tech / สตาร์ทอัพ / ร้านค้าแฟชั่นยุคใหม่ ควรเน้น "ฟอนต์ไม่มีหัว (Sans-Serif)" ให้ความรู้สึกทันสมัย ล้ำยุค เป็นกันเอง และสะอาดตา
  • ถ้าเป็นเว็บองค์กร / กฎหมาย / การเงิน / ราชการ ควรเน้น "ฟอนต์มีหัว (Serif)" ให้ความรู้สึกน่าเชื่อถือ มั่นคง เป็นทางการ และเป็นมืออาชีพ
  • ถ้าเป็นเว็บข่าว / บล็อกความรู้ / นิตยสารออนไลน์ ควรเน้น "ฟอนต์ที่อ่านง่ายในระยะยาว"

ไม่หนาและไม่บางเกินไป เพื่อไม่ให้สายลาล้าเวลากดอ่านบทความ

  1. กฎเหล็กของการจับคู่

บนเว็บไซต์ ไม่ควรใช้ฟอนต์เกิน 2 แบบ (อย่างมากที่สุดไม่เกิน 3 แบบ) เพื่อไม่ให้เว็บดูรก โดยแบ่งหน้าที่ชัดเจน

  • Font ที่ 1 (ใช้ทำหัวข้อ - Heading) ใช้ตัวหนา โดดเด่น ดีไซน์มีเอกลักษณ์เพื่อดึงสายตา (เช่น Prompt, Kanit)
  • Font ที่ 2 (ใช้ทำเนื้อหา - Body) ใช้ตัวที่เรียบง่ายที่สุด เน้นอ่านง่าย สบายตาเป็นหลัก (เช่น IBM Plex Sans Thai, Noto Sans Thai)
  1. เช็ก "ความอ่านง่าย" บนมือถือ
  • ฟอนต์ที่สวยบนคอมพิวเตอร์ อาจจะเล็กเกินไปบนจอมือถือ
  • ขนาดที่แนะนำ ตัวเนื้อหา (Body) ควรมีขนาดอย่างน้อย 16px ขึ้นไป และควรตั้งค่าระยะห่างระหว่างบรรทัดไว้ที่ 1.5 - 1.6 เสมอ เพื่อไม่ให้ตัวอักษรเบียดกันจนอ่านไม่ออก
โดย :
 56
ผู้เข้าชม

บทความที่เกี่ยวข้อง

ในปัจจุบันคนส่วนใหญ่มักจะสร้างสรรค์การทำ Content แต่ละประเภทเพื่อดึงดูดความสนใจจากคนรอบข้าง ประกอบกับการแทรกรูปภาพเข้าไปเพื่อเพิ่มความเข้าใจมากขึ้น หลายๆคนมักจะค้นหารูปภาพในเว็บไซต์หรือ Google ซึ่งรูปภาพเหล่านั้นล้วนมีลิขสิทธิ์ ดังนั้น ทางเราจึงจะมาแนะนำเว็บไซต์ที่โหลดรูปภาพฟรี ไม่ติดลิขสิทธิ์ เพื่อให้ได้รูปภาพอย่างถูกใจ
Responsive Web Design คือ การออกแบบเว็บไซต์ด้วยแนวคิดใหม่ ที่จะทำให้เว็บไซต์ สามารถแสดงผลได้อย่างเหมาะสม บนอุปกรณ์ที่แตกต่างกัน โดยใช้ โค้ดร่วมกัน URL เดียวกัน เพื่อแก้ปัญหาดังกล่าว
เชื่อว่าช่วงนี้หลายๆนักการตลาดต่างเริ่มกำหนดทิศทางและวางแผนกลยุทธ์สำหรับปี 2017 กันแล้ว ทั้งเทคโนโลยีสำหรับการตลาดและสื่อโฆษณาดิจิทัลใหม่ๆ ต่างสร้างความเปลี่ยนแปลงในวงการตลาดอยู่ไม่น้อย วันนี้จะพูดถึง 5 เทรนด์ใหม่ ที่นักการตลาดควรใส่ใจสำหรับการใช้งบประมาณการตลาดในปี 2017 ที่กำลังจะมาถึงอย่างอินเทรนด์

Feature SoGoodWeb

SoGoodWeb มีระบบรับชำระเงินแบบใหม่ผ่าน Pay Solution รองรับทุกธนาคารชั้นนำ ทำให้การจ่ายเงินผ่านช่องทางออนไลน์เป็นเรื่องง่าย ช่วยให้ลูกค้าจ่ายเงินออนไลน์ได้อย่างสะดวก
LINE Notify คือ บริการที่คุณสามารถได้รับข้อความแจ้งเตือนจากเว็บเซอร์วิสต่างๆ ที่คุณสนใจได้ทาง LINE โดยหลังเสร็จสิ้นการเชื่อมต่อกับทางเว็บเซอร์วิสแล้ว คุณจะได้รับการแจ้งเตือนจากบัญชีทางการของ “LINE Notify” ซึ่งให้บริการโดย LINE นั่นเอง
เหมาะสำหรับลูกค้าที่เปิดธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ทั้งที่เป็นเจ้าของเอง หรือเป็นรายย่อย เป็นระบบจองทัวร์ ที่ช่วยทำให้การจัดการธุรกิจทัวร์ - ทัวร์ท่องเที่ยว ให้เป็นเรื่องง่าย
สร้างเว็บไซต์สำเร็จรูปฟรี ร้านค้าออนไลน์