ขนาดแบบอักษรที่เหมาะสมที่สุดที่จะใช้สำหรับเว็บไซต์คือเท่าใด


11

ฉันต้องการทราบว่าคุณสามารถใช้ขนาดแบบอักษรสำหรับเว็บไซต์ได้กี่ขนาด

บางคนบอกกับฉันว่าจะดีกว่าที่จะไม่ใช้ขนาดแบบอักษรที่แตกต่างกันมากกว่า 3 ขนาด (เช่น 16px สำหรับหัวเรื่อง, 11px สำหรับข้อความและ 13 px สำหรับหัวเรื่องขนาดเล็ก)

เป็นความคิดที่ดีหรือไม่ดีที่จะใช้ขนาดตัวอักษรมากกว่า 3 ขนาดต่อหน้าเว็บ (เช่น 4) ฉันแค่ถามเพราะฉันกำลังพิจารณาใช้อันที่สี่ แต่ไม่รู้ว่ามันจะทำลายการออกแบบของฉันหรือไม่

คำตอบ:


10

คำถามนี้น่าสนใจ ฉันไม่เคยได้ยินเรื่องขนาดตัวอักษรที่ จำกัด มาก่อน อย่างไรก็ตามฉันเคยได้ยินจำนวนตัวอักษรใบหน้าโดยทั่วไปไม่เกิน 2 หรือ 3 ในเว็บตอบสนองของวันนี้คุณจะเห็นขนาดตัวอักษรเปลี่ยนแปลงตลอดเวลาขึ้นอยู่กับวิวพอร์ต

นี่คงไม่ใช่คำตอบที่ดีหากไม่มีแหล่งข้อมูลดังนั้นฉันจึงควรอ่านบทความที่น่าสนใจจาก Smashing Magazine หนึ่งในแนวทางการพิมพ์และเทคนิค (ฉันได้เชื่อมโยงคุณลงไปยังส่วนที่พวกเขาพูดคุยเกี่ยวกับการปรับขนาดแท็กหัวเรื่องในแง่สัมพัทธ์) h1: 1.5ems, h2: 1.375ems ฯลฯ เป็นต้น

บทความที่สองคือSmashing Magazine ที่ศึกษากันอย่างกว้างขวางเกี่ยวกับการพิมพ์ทุก ๆ ปีในเว็บไซต์ยอดนิยมบางแห่งของเว็บ ไซต์เหล่านี้ส่วนใหญ่ขับเคลื่อนเนื้อหาดังนั้นการพิมพ์จึงมีความสำคัญต่อพวกเขา

ฉันคิดว่าสิ่งที่คุณจะพบคือไม่มีข้อตกลงทั่วไปเกี่ยวกับแนวทางปฏิบัติที่ดีที่สุดสำหรับขนาดตัวอักษร ตราบใดที่พวกเขาไม่ได้เปลี่ยนไปอย่างมากเพื่อเบี่ยงเบนความสนใจของผู้ดูคุณสามารถเล่นกับพวกเขาได้ตามดุลยพินิจของคุณ หากคุณสามารถใช้ขนาดแบบอักษรในลักษณะที่แตกต่างเพื่อให้ผู้ใช้สามารถเชื่อมโยงขนาดแบบอักษรกับเนื้อหาบางประเภทได้มากกว่าที่ควรจะเป็น อย่าเพิ่งลงน้ำ


1
ว้าว! ขอบคุณมากสำหรับคำตอบที่ยอดเยี่ยม!: D คุณบันทึกวันของฉัน! :) แค่อยากจะพูดถึงคนที่พูดกับฉันว่าคุณไม่ควรใช้แบบอักษรที่แตกต่างกันมากกว่า 3 ขนาดในคราวเดียวคือเจ้านายเก่าของฉันในการออกแบบกราฟิก ตัวแทนในประเทศเยอรมนี ฉันไม่ชอบเขามากและเขาบอกกับฉันว่าวัวจำนวนมากที่ตี $ ในขณะที่ฉันทำงานที่นั่นดังนั้นฉันคิดว่ากฎของเขามี 3 ขนาดแตกต่างกันเป็นเรื่องไร้สาระที่สมบูรณ์ถ้าคุณถามฉัน เพียงแค่บันทึกย่อ ...
drpelz

4

ฉันต้องการทราบว่าคุณสามารถใช้ขนาดแบบอักษรสำหรับเว็บไซต์ได้กี่ขนาด

ในทางเทคนิคจำนวนอนันต์

บางคนบอกกับฉันว่ามันจะดีกว่าที่จะไม่ใช้ขนาดแบบอักษรที่แตกต่างกันมากกว่า 3 ขนาด

การออกแบบ 'ดี' มีแนวโน้มที่จะทำงานภายในชุดของข้อ จำกัด ดังนั้นกฎประเภทกฎข้อหัวแม่มือจำนวนมากจึงเป็นเช่นนั้น - ข้อ จำกัด ที่ใช้ในการบังเหียนในตัวเลือกต่างๆเพื่อให้ความสนใจและทิศทาง

เป็นความคิดที่ดีหรือไม่ดีที่จะใช้ขนาดตัวอักษรมากกว่า 3 ขนาดต่อหน้าเว็บ

ใช่. และไม่. เอ่อ ... มันขึ้นอยู่กับ

ทุกอย่างขึ้นอยู่กับรายละเอียดการออกแบบของคุณ ถามตัวเองว่า: การเพิ่มขนาดตัวอักษรตัวที่ 4 ใช้งานได้หรือไม่? คุณสามารถแสดงให้เห็นถึงการใช้งาน? ถ้าเป็นเช่นนั้นไปเพื่อมัน


2

มากเท่าที่คุณต้องการ คิดเกี่ยวกับหนังสือพิมพ์ มันอาจใช้ขนาดที่แตกต่างกันสำหรับส่วนหัวเพื่อแสดงความสำคัญสัมพัทธ์ ไม่มีเหตุผลทั่วไปที่คุณไม่สามารถทำสิ่งเดียวกันบนหน้าเว็บได้ ตัวอย่างเช่นแท็กคลาวด์ใช้ประโยชน์อย่างมากจากการเปลี่ยนแปลงขนาดแบบอักษร


ในขณะที่หนังสือพิมพ์ใช้สเกลเพื่อรองรับความสำคัญในระดับที่แตกต่างกัน
DA01

แท็กเมฆเป็นตัวอย่างที่ดี!
UNOR

2

ฉันเห็นด้วยกับคำตอบส่วนใหญ่ที่ได้รับข้างต้น แต่ต้องการเพิ่มอีกหนึ่งที่นี่

ก่อนอื่นฉันคิดว่าคุณต้องทำให้แน่ใจว่าคุณมีเลย์เอาต์ที่จะดึงดูดผู้เข้าชมมากที่สุด หากคุณผสมและจับคู่ขนาดแบบอักษรมากเกินไปมันอาจจะดูเลอะเทอะและอ่านยาก

ประการที่สองพิจารณาฐานผู้ใช้ ใครจะใช้เว็บไซต์ของคุณ บางคนใช้แพลตฟอร์มที่แตกต่างกันและขนาดตัวอักษรบางขนาดจะดูแตกต่างกันไปในแต่ละแพลตฟอร์ม

สิ่งที่สำคัญที่สุดที่ต้องทำคือรักษาหน้าตาของคุณให้คงที่ โชคดี!


1
โดยทั่วไปคุณมีสิทธิ์แน่นอน! :) แต่ขนาดตัวอักษร 3 ขนาดเท่านั้นสามารถทำให้การพัฒนาเว็บไซต์เกมที่ซับซ้อนยากในกรณีของฉัน
drpelz
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.