การพิมพ์และโดยการขยายการออกแบบทางด้านการพิมพ์คืออะไร? ในการใช้คำอธิบายพื้นฐานการพิมพ์คือการออกแบบและการใช้แบบอักษรเป็นเครื่องมือในการสื่อสาร หลายคนพิจารณาการพิมพ์ตัวอักษรเพื่อเริ่มต้นกับ Gutenberg และการพัฒนาแบบเคลื่อนย้ายได้ แต่การพิมพ์กลับไปไกลกว่านั้น สาขาการออกแบบนี้มีรากมาจากตัวหนังสือที่เขียนด้วยลายมือ Typography ครอบคลุมทุกอย่างตั้งแต่การประดิษฐ์ตัวอักษรผ่านรูปแบบดิจิทัลที่เราเห็นในทุกวันนี้บนหน้าเว็บทุกชนิด ศิลปะการพิมพ์ตัวอักษรยังรวมถึงนักออกแบบประเภทที่สร้าง letterform แบบใหม่ซึ่งจะกลายเป็นไฟล์แบบอักษรที่ออกแบบอื่น ๆ สามารถใช้งานได้จากงานพิมพ์ต่อไปยังเว็บไซต์ที่กล่าวมาข้างต้น ความแตกต่างของผลงานเหล่านี้อาจเป็นพื้นฐานของการพิมพ์ตัวอักษรเหล่านี้ทั้งหมด
องค์ประกอบของการพิมพ์
แบบอักษรและแบบอักษร: ถ้าคุณเคยพูดถึงการออกแบบที่ใช้การพิมพ์ตัวอักษรในผลงานของพวกเขาคุณอาจเคยได้ยินคำว่า "แบบอักษร" และ / หรือ "แบบอักษร" หลายคนใช้ทั้งสองคำสลับกัน แต่จริงๆแล้วมีข้อแตกต่างระหว่างสองรายการนี้
"แบบอักษร" เป็นคำที่ใช้ กับแบบอักษรของครอบครัว (เช่น Helvetica Regular, Helvetica Italic, Helvetica Black และ Helvetica Bold ) Helvetica ทุกรูปแบบเป็นแบบอักษรที่สมบูรณ์แบบ
"แบบอักษร" คือคำที่ใช้เมื่อมีคนพูดถึงน้ำหนักหรือสไตล์เดียวภายในครอบครัวนั้น (เช่น Helvetica Bold) แบบอักษรจำนวนมากประกอบด้วยจำนวนของแบบอักษรแต่ละแบบซึ่งทั้งหมดมีความคล้ายคลึงและเกี่ยวข้องกัน แต่ต่างกันไปบ้าง แบบอักษรบางตัวอาจประกอบด้วยแบบอักษรเดียวในขณะที่รูปแบบอื่น ๆ อาจรวมถึงรูปแบบต่างๆของรูปแบบตัวอักษรที่ประกอบกันเป็นแบบอักษร
เสียงนี้ทำให้เกิดความสับสนหรือไม่? ถ้าเป็นเช่นนั้นอย่ากังวล ในความเป็นจริงถ้ามีคนไม่ใช่ผู้เชี่ยวชาญด้านการพิมพ์พวกเขาอาจจะใช้คำว่า "แบบอักษร" โดยไม่คำนึงถึงคำใดข้อหนึ่งที่พวกเขาหมายถึงอย่างแท้จริงและแม้แต่นักออกแบบมืออาชีพหลายคนก็ใช้คำทั้งสองคำนี้แทนกัน หากคุณไม่ได้พูดถึงนักออกแบบประเภทบริสุทธิ์เกี่ยวกับกลไกของยานคุณอาจใช้ความคุ้นเคยในการใช้คำที่คุณต้องการ ที่ถูกกล่าวว่าถ้าคุณเข้าใจความแตกต่างและสามารถใช้คำที่ถูกต้องที่ไม่เคยเป็นสิ่งที่ไม่ดี!
การจำแนกประเภทอักษร: บางครั้งเรียกว่า "ครอบครัวแบบอักษรทั่วไป" เหล่านี้เป็นการจัดกลุ่มใหญ่ของตัวอักษรขึ้นอยู่กับจำนวนของการจำแนกประเภททั่วไปที่แบบอักษรที่แตกต่างกันอยู่ภายใต้ .. บนเว็บเพจ มีหกประเภทของการจำแนกแบบอักษรที่คุณมีแนวโน้มที่จะเห็นคือ
- serif
- Sans-serif
- พิมพ์ดีด
- เล่นหาง
- จินตนาการ
- ต้นฉบับ
นอกจากนี้ยังมีการจำแนกประเภทของตัวอักษรอื่น ๆ ที่เป็นหน่อของเหล่านี้ ตัวอย่างเช่นแบบอักษร "serf" แบบพื้นคล้ายกับ serifs แต่ทั้งหมดมีการออกแบบที่จดจำได้ด้วย serifs หนาและเป็นก้อนเมื่อใช้รูปแบบตัวอักษร
เว็บไซต์หนึ่งวันนี้ serif และ sans-serif คือการจำแนกแบบอักษรที่ใช้บ่อยๆสองแบบ
แบบอักษรกายวิภาค: แต่ละรูปแบบจะประกอบด้วยองค์ประกอบต่างๆที่แตกต่างจากแบบอักษรอื่น ๆ เว้นแต่คุณจะเข้าสู่การออกแบบประเภทโดยเฉพาะและกำลังมองหาการสร้างแบบอักษรใหม่ ๆ นักออกแบบเว็บโดยทั่วไปไม่จำเป็นต้องรู้ถึงลักษณะเฉพาะของแบบอักษรกายวิภาค หากคุณสนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับบล็อคการสร้างตัวอักษรและ letterforms เหล่านี้มีบทความเกี่ยวกับ กายวิภาคศาสตร์แบบอักษรที่น่าสนใจ บนเว็บไซต์ publishers เกี่ยวกับ About.com
ในระดับพื้นฐานองค์ประกอบของกายวิภาคศาสตร์แบบอักษรที่คุณควรตระหนักคือ
- Cap and x-height: นี่คือ ความสูงของตัวพิมพ์ใหญ่ ในแบบอักษรและความสูงของตัวอักษร x มันบอกคุณว่าตัวอักษรตัวใหญ่ที่สุดเท่าที่จะเป็นได้และตัวอักษรตัวพิมพ์ใหญ่ที่ใหญ่ที่สุดจะเป็นอย่างไร แบบอักษรมีขนาดตามลักษณะสองประการนี้
- ผู้มีสิทธิ์ลงคะแนนและผู้ที่ตกเป็นเหยื่อ: เป็นส่วนของตัวอักษรที่อยู่ด้านล่างและเหนือเส้น x สูง เหล่านี้มักอ้างถึงตัวพิมพ์เล็ก ตัวอย่างเช่นตัวอักษร "b" มีส่วนเสริม (ส่วนที่ติด "ขึ้น" จากตัวอักษร) ในขณะที่ตัวอักษร "p" มีส่วนลงท้าย (ส่วนที่ชี้ลงมาจากตัวอักษร)
การเว้นวรรครอบตัวอักษร
มีการปรับเปลี่ยนหลายอย่างที่สามารถทำได้ระหว่างและรอบ ๆ ตัวอักษรที่มีผลต่อการพิมพ์ตัวอักษร แบบอักษรดิจิทัลถูกสร้างขึ้นด้วยคุณลักษณะหลายอย่างในสถานที่และในเว็บไซต์เรามีขีดจำกัดความสามารถในการเปลี่ยนลักษณะเหล่านี้ของแบบอักษร นี่เป็นสิ่งที่ดีเนื่องจากวิธีดีฟอลต์ที่แบบอักษรจะแสดงขึ้นมักเป็นที่นิยมกว่า
- kerning - ช่องว่างระหว่างตัวอักษรแต่ละตัว
- tracking - ช่องว่างระหว่างกลุ่มของตัวอักษร
- พื้นที่ชั้นนำ - แนวตั้งระหว่างบรรทัดของประเภท (นี้เรียกว่าเส้นสูงในแง่เว็บไซต์)
- วัด - ความยาวของบรรทัดข้อความ
- การวางแนว - การวางข้อความทางสายตาไปทางซ้าย, ขวา, กึ่งกลางหรือเป็นธรรม
- ligatures - ตัวอักษรย้ายใกล้กันเพื่อให้ anatomies ของพวกเขาจะรวมกันเป็นหลักไหลตัวอักษรหนึ่งไปยังอีก
องค์ประกอบ Typography เพิ่มเติม
Typography เป็นมากกว่าแบบอักษรที่ใช้และช่องว่างรอบตัว นอกจากนี้ยังมีบางสิ่งอื่น ๆ ที่คุณควรระลึกไว้เมื่อสร้างระบบการพิมพ์ที่ดีสำหรับการออกแบบใด ๆ :
ยัติภังค์: เครื่องหมายยัติภังค์คือการเพิ่มยัติภังค์ (-) ที่ท้ายบรรทัดเพื่อช่วยป้องกันปัญหาในการอ่านง่ายหรือทำให้การดูเป็นธรรมขึ้น ในขณะที่มักพบในเอกสารที่พิมพ์นักออกแบบเว็บส่วนใหญ่ไม่สนใจยัติภังค์และไม่ใช้ในการทำงานเพราะไม่ใช่สิ่งที่มีการจัดการโดยอัตโนมัติโดยเว็บเบราเซอร์
เศษผ้า: ขอบแนวตั้งไม่เรียบของส่วนของข้อความเรียกว่าเศษผ้า เมื่อให้ความสนใจกับการพิมพ์ตัวอักษรคุณควรมองบล็อกข้อความทั้งหมดเพื่อให้แน่ใจว่าเศษผ้าไม่ได้ส่งผลต่อการออกแบบ หากเศษกระดาษคราบสกปรกหรือขรุขระเกินไปอาจส่งผลกระทบต่อการอ่านบล็อกข้อความและทำให้เสียสมาธิ นี่คือสิ่งที่เบราเซอร์จัดการโดยอัตโนมัติในแง่ของวิธีการเคาะพิมพ์จากบรรทัดหนึ่งไปยังบรรทัด
แม่ม่ายและเด็กกำพร้า: คำเดียวที่ท้ายคอลัมน์เป็นหญิงม่ายและถ้าอยู่ที่ด้านบนของคอลัมน์ใหม่ก็เป็นเด็กกำพร้า แม่หม้ายและเด็กกำพร้าดูไม่ดีและอาจอ่านได้ยาก
การแสดงเส้นข้อความของคุณเพื่อแสดงผลอย่างสมบูรณ์แบบในเว็บเบราเซอร์เป็นเรื่องที่เหน็ดเหนื่อยโดยเฉพาะอย่างยิ่งเมื่อคุณมีเว็บไซต์ตอบสนองและการแสดงผลที่แตกต่างกันสำหรับหน้าจอที่แตกต่างกันเป้าหมายของคุณคือควรตรวจสอบไซต์ที่มีขนาดแตกต่างกันเพื่อพยายามสร้างรูปลักษณ์ที่ดีที่สุด เป็นไปได้ในขณะที่ยอมรับว่าในบางกรณีเนื้อหาของคุณจะมีหน้าต่างเด็กกำพร้าหรือการแสดงผลที่น้อยกว่าอุดมคติ เป้าหมายของคุณควรจะเป็นการลดรูปแบบของการออกแบบประเภทนี้ในขณะที่ยังเป็นจริงในความเป็นจริงที่คุณไม่สามารถบรรลุความสมบูรณ์แบบสำหรับทุกขนาดหน้าจอและการแสดงผล
ขั้นตอนในการตรวจสอบรูปแบบของคุณ
- เลือกแบบอักษรอย่างระมัดระวังโดยดูกายวิภาคของประเภทและ ประเภทของครอบครัว
- หากคุณสร้างการออกแบบโดยใช้ ข้อความตัวยึดตำแหน่ง อย่าอนุมัติการออกแบบขั้นสุดท้ายจนกว่าคุณจะได้เห็นข้อความจริงในการออกแบบ
- ใส่ใจกับ รายละเอียดเล็ก ๆ น้อย ๆ ของตัวอักษร
- ดูที่ข้อความแต่ละข้อความเหมือนกับว่าไม่มีคำพูดใด ๆ เลย ข้อความใดที่มีรูปร่างบนหน้าเว็บนี้ ตรวจสอบให้แน่ใจว่ารูปร่างเหล่านั้นมีการออกแบบหน้าเว็บทั้งหมดไปข้างหน้า
บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 7/5/17