Professional Documents
Culture Documents
เทคนิคการเลือกใชฟอนตใหเหมาะสมกับเวบไซตของเรา
เทคนิคการเลือกใชฟอนตใหเหมาะสมกับเวบไซตของเรา
rainmaker.in.th/how-to-choose-font-for-website
ฟอนตบนเว็บไซตจะขอแยกออกเป็ น 4 สวนค ือ
1. Navigation (การนําทาง)
2. Title หรือ Headline (พาดหัว)
3. Subtitle (รองพาดหัว)
4. Body Text (เนื้ อหา)
เรามาดไู ปพรอมกันเลยดีกวาวาการเลือกใชฟอนตใหเหมาะสมกับเว็บไซตควรเลือกยังไงดี
ื Headline (พาดหัว)
สวนที่ 2 Title หรอ
สวนมากข อความ Title จะเป็ นขอความที่ไมยาวมากนักสามารถใชเวลา 2 – 4 วินาที
ก็สามารถอานเสรจ็ แตจะเป็ นตําแหนงที่มีความสําคัญมาก
เพราะจะเป็ นตําแหนงแรกที่ถูกอานกอนเสมอ แนะนําใหใชฟอนตแบบ Sans Serif (ฟอนตไมมีหัว)
เหมือนกับ Navigation แตขนาดฟอนตตองใหญกวาสวนอื่นๆเพื่อดึงดูดสายตาของผูอานใหได
2/6
ตัวอยางฟอนต Title ของเว็บ GRAPPIK
3/6
ถาเป็ นในสวนของ Grappik ขอความในสวนของ ี านวนเยอะจึงเลือกใช Serif
Subtilte จะมจํ
(ฟอนตมห ี ั ว) เพื่อใหผูชมเว็บไซตอานขอความไดอยางสบายตา
4/6
สวนที่ 4 Body Text (เนื้อหา)
สวนนี้เลือกไมยาก เพราะเกือบทุกเว็บจะใชฟอนต Serif (ฟอนตมีหัว) เหมือนกันหมด
เพราะดวยจํานวนเนื้ อหาที่เยอะและตองใชเวลาในการอ
ู าน แถวตัวหนังสือในสวนนี้ก็จะไมใหญมาก
การเลือกใชฟอนต Serif (ฟอนตมีหัว) จะทําใหผชมเว็บไซตอานขอความไดอยางสบายตา
5/6
แตในสวนของ Body Text เราก็สามารถเพิ่มเติมฟอนตอ่ น
ื ๆได เชน
ฟอนตในสวนที่ตองการเนนเป็ นพิเศษ หรือ จุดที่เป็ นขอความลูกเลนตางๆ
สรุป
ฟอนตบนเว็บไซตควรจะมีไมเกิน 1 – 2 ฟอนต
เพื่อไมใหผูใชงานตองเปลี่ยนระยะสายตาสําหรับการอานอยูบอยๆ (สายตาคนเราไมเหมือนกัน
ฟอนตแตละชนิดก็อานยากงายไมเทากัน)
สวนไหนที่เป็ นสวนขอความไมเยอะก็สามารถใชฟอนตไดตามความชอบ
แตสวนไหนที่เนนขอมูลและขอความเยอะๆก็ควรใชฟอนต Serif (ฟอนตมีหัว) จะดีกวา
6/6