(Typography on the Web)
- ตัวอักษรมีหลายชนิด แต่ละชนิดจะให้อารมณ์และความรู้สึกที่แตกต่างกัน
ควรเลือกใช้ตัวอักษรให้ เหมาะสมกับเนื้อหาและข้อมูลที่ต้องการสื่อ
- ตัวอักษรมีความสำคัญในการสื่อข้อความถึงผู้ใช้
ส่วนประกอบของตัวอักษร
Ascender : ส่วนบนของตัวอักษรพิมพ์เล็กที่สูงกว่าความสูง x-height ของตัวอักษร
Descender : ส่วนล่างของตัวอักษรพิมพ์เล็กที่ต่ำกว่าเส้น baseline
Baseline : เส้นสมมติที่ตัวอักษรส่วนใหญ่ตั้งอยู่
Cap height : ความสูงจากเส้น baseline ไปถึงส่วนบนสุดของตัวอักษรพิมพ์ใหญ่
X-height : ความสูงของตัวอักษร x ในแบบพิมพ์เล็ก ซึ่งมักใช้อ้างถึงความสูง
ของตัวอักษรที่ไม่รวม ascender และ descender
Point size : ระยะความสูงทั้งหมดวัดจากส่วนบนสุดถึงส่วนล่างสุดของตัวอักษร
ค่าความสูง x-height : จะมีผลต่อภาพรวมของตัวอักษรและความยากง่ายในการอ่าน
ความสะดวกในการอ่าน (Legibility)· หลีกเลี่ยงการใช้คำที่เป็นตัวพิมพ์ใหญ่ทั้งหมด เพราะจะทำให้อ่านยาก
และลดความสะดุดตาลง
· การใช้ตัวพิมพ์เล็กทั้งหมดในประโยค จะสร้างความรู้สึกไม่เป็นทางการ
และแสดงถึงความไม่สมบูรณ์ของเนื้อหา
· การใช้ตัวพิมพ์ใหญ่สำหรับตัวอักษรตัวแรกของแต่ละคำในประโยค ควรใช้
อย่างจำกัด เพราะเป็นการรบกวนรูปแบบโดยรวมของคำ ส่งผลให้อ่านยากขึ้น
· ไม่ควรแบ่งครึ่งสีตัวอักษรเพราะทำให้ภาพรวมของตัวอักษรขาดหายไป
สิ่งที่ควรคำนึงในการจัดข้อความให้หน้าเว็บ - การจัดตำแหน่ง (Alignment)
- ช่องว่างระหว่างตัวอักษร และช่องว่างระหว่างคำ
- การจัดตำแหน่งแบบ justify ทำให้เกิดช่องว่างของแต่ละคำ
- ระยะห่างระหว่างบรรทัด
- ความยาวของหน้าเว็บ
- ขนาดของตัวอักษร
- ดึงดูดความสนใจด้วยอักษรตัวใหญ่
- การเน้นข้อความให้เด่นชัด
- การใช้สีกับตัวอักษร
- การกำหนดขอบแบบ Aliased และ Anti-aliased
คำแนะนำในการใช้ตัวอักษรในหน้าเว็บ· ไม่ควรใช้ตัวอักษรชนิดที่หายากหรือไม่ได้มาพร้อมกับโปรแกรมต่างๆหรือเครื่องคอมฯ
· ระบุชนิดตัวอักษรให้ครอบคลุม
· กำหนดลักษณะของตัวอักษรที่อยู่ในทุกช่องของตาราง
· ระบุขนาดของตัวษรเสมอ
· ใช้ CSS ในการควบคุมรูปแบบการแสดงผล
ไม่มีความคิดเห็น:
แสดงความคิดเห็น