การประมวลผลแบบอักษรในการออกแบบเว็บไม่สามารถเน้นย้ำมากเกินไปได้ ท้ายที่สุดแล้ว หน้าเว็บถูกใช้เพื่อส่งข้อมูล และวิธีส่งข้อมูลที่คลาสสิกและตรงไปตรงมาที่สุดคือข้อความ ดังนั้นการทำความเข้าใจความรู้พื้นฐานเกี่ยวกับแบบอักษรจึงยังคงมีความสำคัญมากสำหรับการออกแบบ ของ.
ความแตกต่างที่ใหญ่ที่สุดระหว่างภาษาจีนกับภาษาอังกฤษคือภาษาจีนมีอักขระสี่เหลี่ยมและภาษาอังกฤษมีอักขระพินอิน ซึ่งส่งผลกระทบอย่างมากต่อการประมวลผลแบบอักษร หากคุณดูแผนภาพด้านล่าง คุณจะพบว่าการเปลี่ยนแปลงในแบบอักษรภาษาอังกฤษนั้นลดลงในแบบอักษรภาษาจีน
ในฐานะนักอ่านชาวจีน ฉันมักจะยอมรับรูปทรงสี่เหลี่ยมเป็นหน่วยในการอ่าน ที่จริงแล้ว นี่เป็นวิธีง่ายๆ ที่ทำให้ดวงตาเหนื่อยล้า เมื่ออ่าน ดวงตาของคุณจะเป็นไปตามรูปร่างของข้อความทั้งหมด ลองดูตัวอย่างนี้
ตอนนี้ฉันพยายามคุยกับคุณและทำให้คุณเข้าใจ
บัดนี้ข้าพเจ้าพยายามจะพูดคุยกับท่านและให้ท่านเข้าใจแล้ว
บรรทัดไหนอ่านง่ายกว่ากัน?
บรรทัดแรกค่อนข้างคล้ายกับสถานการณ์ในภาษาจีน ข้อแตกต่างคือตัวอักษรจีนแต่ละตัวก็เหมือนกับภาพวาด และการเปลี่ยนแปลงนั้นมีความสมบูรณ์มากกว่าตัวอักษรภาษาอังกฤษ 26 ตัวสำหรับเรา เรายอมรับคุณสมบัตินี้ แต่เมื่อออกแบบ ยังคงมีอยู่ บางประเด็นที่ต้องพิจารณา ฉันไม่ใช่นักออกแบบ หากสิ่งที่ฉันพูดผิด โปรดฝากข้อความไว้ด้านล่างเพื่อหารือ เนื้อหาเหล่านี้นำเสนอเป็นหลักการทั่วไปเมื่อฉันสอนการพิมพ์ ฉันยังบอกนักเรียนด้วยว่า "จุดประสงค์ของกฎคือการทำลายกฎ" หลักการออกแบบก็คือการทำลายหลักการ ซึ่งเป็นการแสดงออกถึงสิ่งที่เรียกว่าความคิดสร้างสรรค์เช่นกัน ปัญหาคือคุณต้องรู้หลักการก่อนและฝึกฝนให้สอดคล้องกับหลักการเหล่านั้น หลังจากที่คุณคุ้นเคยกับหลักการแล้วเท่านั้น คุณจึงจะสามารถฝ่าฝืนหลักการและแสดงความคิดสร้างสรรค์ของคุณได้ ไม่ได้หมายความว่าหลักการนั้นมีข้อบกพร่องหรือผิด แต่เพียงคุณใช้หลักการเหล่านี้อย่างชาญฉลาด คุณก็ทำผิดไปบางส่วน และในขณะเดียวกันก็ชดเชยบางส่วนที่คุณทำพัง ซึ่งดูเหมือนจะค่อนข้างเป็นปรัชญา
โดยส่วนตัวฉันคิดว่าหลักการที่สำคัญกว่าคือ (ใช้ได้กับภาษาอังกฤษ):
เมื่อเลือกแบบอักษรคุณควรคำนึงถึงวัตถุประสงค์ของข้อความด้วยว่าเป็นชื่อเรื่องหรือย่อหน้า?
โดยทั่วไปแล้ว ฟอนต์ san serif เหมาะสำหรับใช้เป็นหัวเรื่อง เช่น Arial ส่วนฟอนต์ san serif เหมาะสำหรับใช้เป็นข้อความย่อหน้า เช่น Time New Roman สำหรับการออกแบบเว็บไซต์ มีแบบอักษรหลายแบบที่ฉันแนะนำเป็นอย่างยิ่ง เช่น verdana, tahoma และ georgia ที่จริงแล้ว แบบอักษรอย่าง Verdana ได้รับการออกแบบโดยนักออกแบบแบบอักษรชั้นนำของโลกมาเกือบสองปีแล้ว Microsoft มีหน้าที่รับผิดชอบในการเรียกเก็บเงินและมอบแบบอักษรนี้ให้กับผู้ใช้ฟรี หากคุณติดตั้ง IE 4 สำหรับเวอร์ชันข้างต้น คอมพิวเตอร์ของคุณต้องมีแบบอักษรนี้ ดังนั้นคุณจึงไม่ต้องกังวลว่าผู้ใช้จะมีแบบอักษรนี้หรือไม่ ได้รับการออกแบบมาเพื่อคำนึงถึงปัญหาที่แบบอักษรอาจเผชิญเมื่อแสดงบนหน้าจอ และให้คำตอบที่เกือบจะสมบูรณ์แบบ ปัญหาเดียวคือความสมบูรณ์แบบของมันทำให้เราไม่มีบุคลิกภาพเมื่อใช้มัน เพราะใครๆ ก็ใช้มัน
ขนาดตัวอักษร?
มีการพูดคุยกันมากมายในฟอรัมว่าอันไหนดีกว่ากัน pixle หรือ point? ฉันจะไม่พูดซ้ำ สิ่งที่ฉันต้องการชี้ให้เห็นที่นี่คือขนาดตัวอักษรใน CSS มีอยู่มากมายและมีประมาณสามหมวดหมู่:
ขนาดสัมบูรณ์: มม. ซม. นิ้ว pt พีซี
ขนาดสัมพัทธ์: em, เช่น
สัมพันธ์กับอุปกรณ์: px
ฉันอาจต้องการพูดอีกสองสามคำเกี่ยวกับ em และ ex Em แสดงถึงขนาดตัวอักษรใน CSS
พี {
ขนาดตัวอักษร: 10pt;
เยื้องข้อความ: 1em
-
บางทีคุณอาจจะบอกว่าฉันสามารถใช้ text-indent: 10pt เพื่อให้ได้เอฟเฟกต์เดียวกัน แต่นั่นเป็นเพียงภายใต้สถานการณ์ที่เหมาะสมเท่านั้น หากผู้ใช้รู้สึกว่า ควรตั้งค่าขนาดตัวอักษรของเบราว์เซอร์เป็น 14pt ซึ่งเป็นสัดส่วนที่คุณออกแบบ มันหายไป ดังนั้นขนาดที่สัมพันธ์กันจึงเป็นประโยชน์อย่างมากต่อการออกแบบความสามารถในการปรับขนาดของหน้าเว็บ
ex คล้ายกับ em แต่ไม่เหมือนกัน เมื่อกลับมาที่แผนภาพด้านบน x-height จะแตกต่างกันสำหรับแต่ละฟอนต์
การจัดตำแหน่ง?
ควรใช้การจัดตำแหน่งด้านซ้าย โดยเฉพาะอย่างยิ่งหลีกเลี่ยงการใช้การจัดตำแหน่งด้านซ้ายและด้านขวา เว้นแต่คุณจะมีวัตถุประสงค์ในการออกแบบพิเศษ การจัดตำแหน่งด้านขวาไม่ตรงเมื่อจัดชิดซ้ายมีไว้เพื่อความสะดวกในการอ่านเท่านั้น ต่อสายตาของคุณ ใช้การเปลี่ยนแปลงเพื่อบอกดวงตาของคุณว่าถึงเวลาเปลี่ยนเส้นแล้ว
ระยะห่างระหว่างบรรทัด?
ระยะห่างระหว่างบรรทัดขึ้นอยู่กับขนาดของแบบอักษร โดยทั่วไป ขนาดตัวอักษรขนาดเล็กจะต้องมีระยะห่างระหว่างบรรทัดที่มากขึ้นเพื่อความสะดวกในการอ่าน หากไม่มีการตั้งค่าระยะห่างบรรทัดสำหรับแบบอักษรภาษาจีนบนหน้าเว็บ ของข้อความจึงจำเป็นอย่างยิ่งที่จะต้องกำหนดความสูงของบรรทัดให้เหมาะสม โดยทั่วไป ความสูงของบรรทัดในการออกแบบเว็บควรเป็น 1.5 เท่าถึง 2 เท่าของขนาดตัวอักษร ใน Word และซอฟต์แวร์แก้ไขข้อความอื่นๆ โดยทั่วไป 120% ของแบบอักษรจะถูกตั้งค่าเป็นระยะห่างบรรทัดเริ่มต้น การตั้งค่าความสูงของบรรทัดใน CSS จะถูกแบ่งเท่าๆ กันและเพิ่มที่ด้านบนและด้านล่างของแต่ละบรรทัด กล่าวคือ หากตั้งค่าความสูงของบรรทัดเป็น 20px ข้อความแต่ละบรรทัดจะมีระยะห่าง 10px ที่ด้านบนและด้านล่าง ด้านล่าง.
ระยะห่างของคำและการเว้นวรรคอักขระ?
เพื่อจุดประสงค์พิเศษ ทั้งสองควรเหมือนกันสำหรับภาษาจีน การตั้งค่านี้คือการแก้ไขข้อบกพร่องในการออกแบบแบบอักษรและเพิ่มความสามารถในการอ่านข้อความ