คู่มือเลือก 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 เสมอ เพื่อไม่ให้ตัวอักษรเบียดกันจนอ่านไม่ออก
โดย :
 53
ผู้เข้าชม

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

ท่ามกลางการต่อสู้ฟาดฟันกันของร้านค้าออนไลน์ในปัจจุบันที่มีมากมายให้ลูกค้าได้เลือกใช้บริการ ร้านแบบไหนจะอยู่ ร้านแบบไหนจะไป ร้านที่รายได้ดีเป็นยังไง ร้านที่ลูกค้าแน่นเขาทำอะไร ร้านค้าออนไลน์แบบไหนกันนะที่ได้ใจลูกค้า
วันนี้เรามี ไอเทมเครื่องมือตัวช่วยในการดูแลเว็บไซต์ มาฝากค่ะ
มีราคาที่ถูก เนื่องจากระบบส่วนต่างๆ มักถูกออกแบบมาให้บริการกับผู้ใช้งานที่หลากหลาย เขียนและพัฒนาระบบอย่างต่อเนื่องโดยอาศัยการขายกับผู้ซื้อจำนวนมาก มีการ Support ปัญหาที่รวดเร็วและตรงจุด

Feature SoGoodWeb

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