บทที่ 10
จัดรูปแบบตัวอักษรสำหรับเว็บไซต์
บทที่ 10
จัดรูปแบบตัวอักษรสำหรับเว็บไซต์
จัดรูปแบบตัวอักษรสำหรับเว็บไซต์
ตัวอักษรมีความสำคัญในการสื่อข้อความถึงผู้ใช้ ตัวอักษรมีหลายชนิด แต่ละชนิดจะให้อารมณ์และความรู้สึกที่แตกต่างกัน ควรเลือกใช้ตัวอักษรให้เหมาะสมกับเนื้อหาและข้อมูลที่ต้องการสื่อ
ส่วนประกอบของตัวอักษร
Ascender : ส่วนบนของตัวอักษรพิมพ์เล็กที่สูงกว่าความสูง x-height ของตัวอักษรDescender : ส่วนล่างของตัวอักษรพิมพ์เล็กที่ต่ำกว่าเส้น baselineBaseline : เส้นสมมติที่ตัวอักษรส่วนใหญ่ตั้งอยู่Cap height : ความสูงจากเส้น baseline ไปถึงส่วนบนสุดของตัวอักษรพิมพ์ใหญ่Point size : ระยะความสูงทั้งหมดวัดจากส่วนบนสุดถึงส่วนล่างสุดของตัวอักษรX-height : ความสูงของตัวอักษร x ในแบบพิมพ์เล็ก ซึ่งมักใช้อ้างถึงความสูงของตัวอักษรที่ไม่รวม ascender และ descender
ค่าความสูง x-height จะมีผลต่อภาพรวมของตัวอักษรและความยากง่ายในการอ่าน
ความสะดวกในการอ่าน (Legibility)หลีกเลี่ยงการใช้คำที่เป็นตัวพิมพ์ใหญ่ทั้งหมด เพราะจะทำให้อ่านยาก และลดความสะดุดตาลง การใช้ตัวพิมพ์-เล็กทั้งหมดในประโยค จะสร้างความรู้สึกไม่เป็นทางการ และแสดงถึงความไม่สมบูรณ์ของเนื้อหา
การจัดตำแหน่งแบบ justify ทำให้ช่องว่างของแต่ละคำแตกต่างไปในแต่ละคำแตกต่างไปในแต่ละบรรทัด ซึ่งอาจทำให้เกิดช่องว่างที่ไม่สวยงามได้
ความยาวของหน้าเว็บ
หน้าเว็บที่ยาวมาก ๆ จะทำให้ผู้ชมรู้สึกเหนื่อยล้าที่จะอ่าน
ควรจัดแบ่งเป็น paragraph หรือ ตัดแบ่งเป็นหลาย ๆ หน้าขนาดของตัวอักษร
ขนาดของตัวอักษร
การใช้สีกับตัวอักษร
-กำหนดสีหลักสำหรับเว็บ
-ใช้สีของตัวอักษรอย่างมีความหมายสม่ำเสมอ
-ใช้สีที่แตกต่างกันในแต่ละส่วนข้อมูล
-กำหนดสีของ link ให้เหมาะสม
ขนาดของตัวอักษร
-ใช้ตัวอักษรหลายขนาดเพื่อสร้างลำดับความสำคัญของข้อมูล
ลำดับในการอ่านโดยทั่วไป ผู้อ่านจะอ่านจากบนลงล่าง และจากซ้ายไปขวา
การใช้สีกับตัวอักษร
-กำหนดสีหลักสำหรับเว็บ
-ใช้สีของตัวอักษรอย่างมีความหมายสม่ำเสมอ
-ใช้สีที่แตกต่างกันในแต่ละส่วนข้อมูล
-กำหนดสีของ link ให้เหมาะสม
การจัดข้อความในหน้าเว็บช่องว่างระหว่างตัวอักษรและระหว่างคำ
ตัวอักษรบางคู่ที่อยู่ติดกันอาจมีระยะที่ไม่เหมาะสม จำเป็นต้องมีการปรับแต่งที่เรียกว่า Kerning เพื่อที่สายตาจะได้เคลื่อนที่อย่างราบเรียบและสม่ำเสมอ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น