ในการใช้คำอธิบายพื้นฐานการพิมพ์คือการออกแบบและการใช้แบบอักษรเป็นเครื่องมือในการสื่อสาร หลายคนพิจารณาการพิมพ์ตัวอักษรเพื่อเริ่มต้นกับ Gutenberg และการพัฒนาแบบเคลื่อนย้ายได้ แต่การพิมพ์กลับไปไกลกว่านั้น สาขาการออกแบบนี้มีรากมาจากตัวหนังสือที่เขียนด้วยลายมือ
Typography ครอบคลุมทุกอย่างตั้งแต่การประดิษฐ์ตัวอักษรผ่านรูปแบบดิจิทัลที่เราเห็นในทุกวันนี้บนหน้าเว็บทุกชนิด ศิลปะการพิมพ์ตัวอักษรยังรวมถึงนักออกแบบประเภทที่สร้าง letterform แบบใหม่ซึ่งจะกลายเป็นไฟล์แบบอักษรที่ออกแบบอื่น ๆ สามารถใช้งานได้จากงานพิมพ์ต่อไปยังเว็บไซต์ที่กล่าวมาข้างต้น ความแตกต่างของผลงานเหล่านี้อาจเป็นพื้นฐานของการพิมพ์ตัวอักษรเหล่านี้ทั้งหมด
องค์ประกอบของการพิมพ์
หากคุณเคยพูดกับนักออกแบบเว็บที่ใช้การพิมพ์ตัวอักษรในผลงานของเขาคุณอาจเคยได้ยินคำว่า "แบบอักษร" และ / หรือ "แบบอักษร" หลายคนใช้ทั้งสองคำสลับกัน แต่จริงๆแล้วมีข้อแตกต่างระหว่างสองรายการนี้
แบบอักษรเป็นคำที่ใช้กับแบบอักษรของครอบครัว (เช่น Helvetica Regular, Helvetica Italic, Helvetica Black และ Helvetica Bold) Helvetica ทุกรูปแบบเป็นแบบอักษรที่สมบูรณ์แบบ
แบบอักษรเป็นคำที่ใช้เมื่อมีคนพูดถึงน้ำหนักหรือสไตล์เดียวภายในครอบครัวนั้น (เช่น Helvetica Bold) แบบอักษรจำนวนมากประกอบด้วยจำนวนของแบบอักษรแต่ละแบบซึ่งทั้งหมดมีความคล้ายคลึงและเกี่ยวข้องกัน แต่ต่างกันไปบ้าง แบบอักษรบางตัวอาจประกอบด้วยแบบอักษรเดียวในขณะที่รูปแบบอื่น ๆ อาจรวมถึงรูปแบบต่างๆของรูปแบบตัวอักษรที่ประกอบกันเป็นแบบอักษร
ถ้าเรื่องนี้ดูเหมือนไม่เป็นความสับสนไม่ต้องกังวลถ้ามีคนไม่ใช่ผู้เชี่ยวชาญเกี่ยวกับการพิมพ์อักษรพวกเขาอาจใช้คำว่า "แบบอักษร" โดยไม่คำนึงถึงคำใดข้อหนึ่งที่พวกเขาหมายถึงอย่างแท้จริงและแม้แต่นักออกแบบมืออาชีพหลายคนก็ใช้คำทั้งสองคำสลับกัน หากคุณไม่ได้พูดถึงนักออกแบบประเภทบริสุทธิ์เกี่ยวกับกลไกของยานคุณอาจใช้ความคุ้นเคยในการใช้คำที่คุณต้องการ ที่ถูกกล่าวว่าถ้าคุณเข้าใจความแตกต่างและสามารถใช้คำที่ถูกต้องที่ไม่เคยเป็นสิ่งที่ไม่ดี!
การจัดประเภทอักษร
บางครั้งเรียกว่า "ตระกูลแบบอักษรทั่วไป" นี่คือการจัดกลุ่มตัวพิมพ์ใหญ่ที่มีขนาดใหญ่ขึ้นอยู่กับการจำแนกประเภททั่วไปที่มีแบบอักษรต่างกันอยู่ บนหน้าเว็บมีการจัดประเภทแบบอักษรหกประเภทที่คุณน่าจะเห็น:
- Serif
- sans-serif
- ต้นฉบับ
- พิมพ์ดีด
- เล่นหาง
- จินตนาการ
นอกจากนี้ยังมีการจำแนกประเภทของตัวอักษรอื่น ๆ ที่เป็นหน่อของเหล่านี้ ตัวอย่างเช่นแบบอักษร "serf" แบบพื้นคล้ายกับ serifs แต่ทั้งหมดมีการออกแบบที่จดจำได้ด้วย serifs หนาและเป็นก้อนเมื่อใช้รูปแบบตัวอักษร Serif และ sans-serif คือการจำแนกแบบอักษรสองแบบที่ใช้บ่อยในเว็บไซต์ส่วนใหญ่
กายวิภาคศาสตร์แบบอักษร
แต่ละแบบจะประกอบด้วยองค์ประกอบต่างๆที่แตกต่างจากแบบอักษรอื่น ๆ ซึ่งเรียกว่าแบบอักษรกายวิภาค (typeface anatomy) เว้นแต่คุณจะเข้าสู่การออกแบบประเภทโดยเฉพาะและต้องการสร้างแบบอักษรใหม่ ๆ นักออกแบบเว็บมักต้องการรู้พื้นฐานของคำศัพท์เฉพาะทาง
ในระดับพื้นฐานองค์ประกอบของกายวิภาคศาสตร์แบบอักษรที่คุณควรตระหนักถึงคือ "ฝา" และ "x สูง" และ "descenders" และ "ผู้ขึ้นเรียงราย"
หมวกและ x สูงคือความสูงของตัวพิมพ์ใหญ่ในแบบอักษรและความสูงของตัวอักษร x มันบอกคุณว่าตัวอักษรตัวใหญ่ที่สุดเท่าที่จะเป็นได้และตัวอักษรตัวพิมพ์ใหญ่ที่ใหญ่ที่สุดจะเป็นอย่างไร แบบอักษรทั้งหมดมีขนาดตามทั้งสองลักษณะ
ส่วนที่เป็นตัวอักษรและด้านล่างเป็นส่วนของตัวอักษรที่อยู่ด้านล่างและด้านบนของเส้น x-height โดยปกติจะหมายถึงตัวพิมพ์เล็ก ตัวอย่างเช่นตัวอักษร "b" มีส่วนเพิ่มขึ้น (ตัวอักษรที่เขียนขึ้นจากตัวอักษร) ในขณะที่ตัวอักษร "p" มีส่วนลงท้าย (ส่วนที่จุ่มลงมาจากตัวอักษร)
การเว้นวรรครอบตัวอักษร
มีการปรับเปลี่ยนหลายอย่างที่สามารถทำได้ระหว่างและรอบ ๆ ตัวอักษรที่มีผลต่อการพิมพ์ตัวอักษร แบบอักษรดิจิทัลถูกสร้างขึ้นด้วยคุณลักษณะหลายอย่างในสถานที่และในเว็บไซต์เรามีขีดจำกัดความสามารถในการเปลี่ยนลักษณะเหล่านี้ของแบบอักษร นี่เป็นสิ่งที่ดีเนื่องจากวิธีดีฟอลต์ที่แบบอักษรจะแสดงขึ้นมักเป็นที่นิยมกว่า
- การจัดช่องไฟ: ช่องว่างในแนวนอนระหว่างแต่ละตัวอักษร
- การติดตามช่องว่างระหว่างกลุ่มตัวอักษร
- ชั้นนำ: พื้นที่แนวตั้งระหว่างบรรทัดของประเภท (ซึ่งเรียกว่าเส้นความสูงในข้อกำหนดของเว็บไซต์)
- วัด: ความยาวของบรรทัดข้อความ
- การวางแนว: วางสายตาไว้ทางซ้ายขวากลางหรือเป็นธรรม
- หนังสติ๊ก: จดหมายที่ขยับเข้าใกล้กันมากขึ้นการผสมผสานระหว่างตัวอักษรจะไหลเข้าสู่จดหมายอื่น
องค์ประกอบ Typography เพิ่มเติม
Typography เป็นมากกว่าแบบอักษรที่ใช้และช่องว่างรอบตัว นอกจากนี้ยังมีบางสิ่งอื่น ๆ ที่คุณควรระลึกไว้เมื่อสร้างระบบการพิมพ์ที่ดีสำหรับการออกแบบใด ๆ :
"ยัติภังค์" คือการเพิ่มเครื่องหมายยัติภังค์ (-) ที่ท้ายบรรทัดเพื่อช่วยป้องกันปัญหาในการอ่านง่ายหรือให้เหตุผลดูดีขึ้น ในขณะที่มักพบในเอกสารที่พิมพ์นักออกแบบเว็บส่วนใหญ่ไม่สนใจยัติภังค์และไม่ใช้ในการทำงานเพราะไม่ใช่สิ่งที่มีการจัดการโดยอัตโนมัติโดยเว็บเบราเซอร์
"ผ้าขี้ริ้ว" ขอบแนวตั้งที่ไม่สม่ำเสมอของข้อความ เมื่อให้ความสนใจกับการพิมพ์ตัวอักษรคุณควรมองบล็อกข้อความทั้งหมดเพื่อให้แน่ใจว่าเศษผ้าไม่ได้ส่งผลต่อการออกแบบหากเศษกระดาษคราบสกปรกหรือขรุขระเกินไปอาจส่งผลกระทบต่อการอ่านบล็อกข้อความและทำให้เสียสมาธิ นี่คือสิ่งที่เบราว์เซอร์จัดการโดยอัตโนมัติในแง่ของวิธีการตัดประเภทจากบรรทัดหนึ่งเป็นเส้น
คำเดียวที่ท้ายคอลัมน์เป็นหญิงม่ายและถ้าอยู่ที่ด้านบนของคอลัมน์ใหม่ก็เป็นเด็กกำพร้า "แม่หม้าย" และ "เด็กกำพร้า" ดูไม่ดีและอาจอ่านได้ยาก
การทำให้เส้นของข้อความแสดงผลได้อย่างสมบูรณ์แบบในเว็บเบราเซอร์เป็นเรื่องที่เหน็ดเหนื่อยโดยเฉพาะอย่างยิ่งเมื่อคุณมีเว็บไซต์ที่ตอบสนองและหน้าจอต่างกันสำหรับขนาดหน้าจอที่ต่างกัน เป้าหมายของคุณคือการตรวจสอบไซต์ที่มีขนาดแตกต่างกันเพื่อพยายามสร้างรูปลักษณ์ที่ดีที่สุดเท่าที่จะเป็นไปได้ในขณะที่ยอมรับว่าในบางกรณีเนื้อหาของคุณจะมีหน้าต่างเด็กกำพร้าหรือการแสดงผลที่น้อยกว่าอุดมคติ เป้าหมายของคุณควรจะเป็นการลดรูปแบบของการออกแบบประเภทนี้ในขณะที่ยังเป็นจริงในความเป็นจริงที่คุณไม่สามารถบรรลุความสมบูรณ์แบบสำหรับทุกขนาดหน้าจอและการแสดงผล
ขั้นตอนในการตรวจสอบรูปแบบของคุณ
- เลือกแบบอักษรอย่างระมัดระวังโดยดูกายวิภาคของประเภทและประเภทของครอบครัว
- หากคุณสร้างการออกแบบโดยใช้ข้อความตัวยึดตำแหน่งอย่าอนุมัติการออกแบบขั้นสุดท้ายจนกว่าคุณจะได้เห็นข้อความจริงในการออกแบบ
- ใส่ใจกับรายละเอียดเล็ก ๆ น้อย ๆ ของตัวอักษรเช่นเครื่องหมายขีดกลางและขีดกลาง
- ดูที่ข้อความแต่ละข้อความเหมือนกับว่าไม่มีคำพูดใด ๆ เลย ข้อความใดที่มีรูปร่างบนหน้าเว็บนี้ ตรวจสอบให้แน่ใจว่ารูปร่างเหล่านั้นมีการออกแบบหน้าเว็บทั้งหมดไปข้างหน้า
