สุดยอดคู่มือการพิมพ์เว็บ: กฎ อภิธานศัพท์ แนวคิด และแนวทางปฏิบัติที่ดีที่สุด

เผยแพร่แล้ว: 2018-05-16

'ภาพที่มีค่าพันคำ.'

รูปภาพส่วนใหญ่มักสื่อถึงสิ่งที่พวกเขาต้องพูด อย่างไรก็ตาม รูปภาพที่มีข้อความสร้างผลกระทบที่แข็งแกร่งกว่า

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

วิชาการพิมพ์คืออะไร?

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

What is Typography?

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

ความสำคัญของวิชาการพิมพ์

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

แม้ว่าจะดูเหมือนเป็นปัจจัยเล็กน้อยในมุมมองของคุณ แต่ก็ไม่ใช่อย่างแน่นอน แม้แต่การปรับประเภทเดียวก็สามารถเปลี่ยนรูปลักษณ์และความรู้สึกของงานศิลปะของคุณได้ทั้งหมด หากคุณเคยสังเกตเห็นว่า Facebook ทดสอบแบบอักษรใหม่ชื่อเจนีวาในเดือนมิถุนายน 2559 แบบอักษร Helvetica ดั้งเดิมนั้นบางและเบากว่าเล็กน้อย แต่ความแตกต่างระหว่างแบบอักษรทั้งสองนี้สังเกตเห็นได้ชัดเจน

กฎของวิชาการพิมพ์

ในการพิมพ์ คุณต้องเลือกแบบอักษรตามเลย์เอาต์ ตาราง ธีมการออกแบบ โครงร่างสี และอื่นๆ ต่อไปนี้คือกฎเกณฑ์บางประการเกี่ยวกับการพิมพ์ที่คุณควรจำไว้ในขณะที่คุณทำงาน

Rules of Typography

การเลือกแบบอักษรที่เหมาะสม

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

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

ต่อไปนี้เป็นเงื่อนไขการพิมพ์ที่สำคัญที่สุดซึ่งได้รับการพิจารณา:

ขนาด

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

ความสูงของตัวละครแสดงเป็น X-height เมื่อคุณจับคู่แบบอักษรที่แตกต่างกัน ควรใช้เฉพาะแบบอักษรที่มีความสูง x เท่ากันเท่านั้น ในทางกลับกัน ความกว้างของอักขระเรียกว่า 'ความกว้างของการตั้งค่า' ซึ่งจะกำหนดว่าจะใช้พื้นที่เท่าใดในตัวอักษรและบัฟเฟอร์กับตัวอักษรอื่นๆ

ระบบจุดเป็นวิธีที่ใช้ในการวัดประเภทตั้งแต่ศตวรรษที่ 18 จุดสามารถวัดได้เป็น 1/72 นิ้วและ 12 จุดสามารถสร้างหนึ่ง pica Pica เป็นหน่วยวัดความกว้างของคอลัมน์ นอกจากนี้ ขนาดสามารถวัดเป็นพิกเซล นิ้ว หรือมิลลิเมตร ขึ้นอยู่กับความต้องการของโครงการ

ชั้นนำ

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

การติดตามและการจัดช่องไฟ

Kerning เป็นการกระทำที่เกี่ยวข้องกับการปรับช่องว่างระหว่างอักขระ ช่วยสร้างการจับคู่ที่กลมกลืนกัน

ตัวอย่างเช่น เมื่อคุณใช้ตัวพิมพ์ใหญ่ของตัวอักษร 'A' กับตัวพิมพ์ใหญ่ของตัวอักษร 'V' เส้นทแยงมุมที่ด้านบนซ้ายของตัวอักษร 'V' จะถูกจัดชิดกับส่วนล่างขวาของ 'A'

ในทางกลับกัน การติดตามเป็นคำที่เกี่ยวข้องกับการเว้นวรรคของอักขระทั้งหมดที่ใช้อย่างเท่าเทียมกัน Kerning คล้ายกับแทร็ก แต่ทั้งคู่ไม่เหมือนกัน

วัด

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

ลำดับชั้นและมาตราส่วน

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

โดยทั่วไป หัวเรื่องจะใหญ่ หัวเรื่องย่อยจะเล็กกว่า และประเภทเนื้อหาจะเล็กกว่าหัวเรื่องย่อยเล็กน้อย เพื่อช่วยให้ผู้อ่านเข้าใจลำดับชั้น

ไม่เพียงแค่ขนาดเท่านั้น การใช้สี น้ำหนัก และการเว้นวรรคที่ต่างกันยังช่วยให้คุณกำหนดลำดับชั้นในการทำงานได้อีกด้วย

อภิธานศัพท์

เราได้ครอบคลุมเกือบทุกแนวคิดพื้นฐานและคำศัพท์ที่เกี่ยวข้องกับการพิมพ์ที่นี่

Glossary

  • Aesc : ออกเสียงว่า 'แอช' เป็นอักษรควบสองตัว คือ 'a' และ 'e' ต้นกำเนิดของ aesc มาจากภาษาอังกฤษโบราณซึ่งมีความหมายว่าเป็นสระควบกล้ำ Aesc ได้ย้ายไปยังตัวอักษรเช่นไอซ์แลนด์และเดนมาร์ก
  • รูรับแสง : รูรับแสงคือการเปิดสัญลักษณ์ที่ผูกปมซึ่งสามารถเห็นได้ในตัวอักษรเช่น 'e' ขนาดของรูรับแสงจะแตกต่างกันไปตามการใช้งาน อย่างไรก็ตาม เนื่องจากคุณจะเปลี่ยนรูรับแสง เอฟเฟกต์ของรูรับแสงจะสะท้อนให้เห็นในรูปแบบตัวอักษรที่อ่านง่าย
  • Apex : Apex คือจุดที่อยู่บนสุดของตัวละคร เป็นที่ที่จังหวะซ้ายและขวามาบรรจบกัน
  • พื้นฐาน : เป็นส่วนที่มีฐานของตัวพิมพ์ใหญ่อยู่
  • ชาม : ชามถือเป็นส่วนปิดของตัวอักษรเช่น 'b' และ 'p'
  • วงเล็บเหลี่ยม : เป็นโครงร่างที่มีลักษณะคล้ายลิ่มซึ่งมีประโยชน์ในการเก็บ serif และรูปแบบก้านของฟอนต์ในแบบอักษรหลายแบบ
  • ความสูงของ หมวก : ความสูง ของหมวกคือความสูงของอักษรตัวใหญ่เหนือเส้นฐาน
  • เคาน์เตอร์ : เคาน์เตอร์ถูกปิดล้อมหรือไม่สมบูรณ์ส่วนของรูปแบบตัวอักษร ตัวนับสามารถเห็นเป็นตัวอักษรเช่น 'c' หรือส่วนล่างของ 'g' และ 'e' ส่วนนี้สามารถผสมกับชามได้
  • Descender : เป็นชิ้นส่วนของรูปแบบตัวอักษรที่อยู่ต่ำกว่าเส้นฐาน ตัวอย่างเช่น ตัวอักษรเช่น 'p', 'y' และ 'q'
  • หู : หูเป็นจังหวะเล็ก ๆ ซึ่งขยายจากด้านขวาบนของชาม
  • สัญลักษณ์ : เป็นส่วนเอกพจน์ที่สร้างแบบอักษร มีส่วนเอกพจน์ใดๆ ที่ช่วยในการสร้างฟอนต์ ไม่ว่าจะเป็นเครื่องหมายวรรคตอน ตัวเลข ตัวอักษร หรือแม้แต่ dingbat ร่ายมนตร์สามารถเรียกได้ว่าเป็นส่วนประกอบสำคัญของการพิมพ์
  • รางน้ำ : เป็นช่องว่างระหว่างหน้าคู่กันของงานของคุณ รางน้ำสามารถเห็นได้ทั่วไปในคอลัมน์ของข้อความ
  • เด็กกำพร้า : เด็กกำพร้าคือบรรทัดแรกของย่อหน้าใหม่ซึ่งมีเธรดที่ส่วนท้ายของหน้า ไม่ใช่สิ่งที่คุณต้องการมีในโครงการของคุณเนื่องจากถือเป็นแนวปฏิบัติที่ไม่ดี
  • Pica : Pica เป็นหน่วยวัดความกว้างของคอลัมน์ มี 16 พิกเซลหรือ 12 จุดในหนึ่ง pica
  • ความสามารถใน การอ่าน : เรียกว่าความง่ายในการอ่านซึ่งรวมถึงการใช้บล็อกข้อความซึ่งสามารถสแกนได้ง่ายด้วยตา
  • Serif : มันเป็นแบบอักษรที่มีเซริฟ จุดสิ้นสุดของเส้นขีดของรูปแบบตัวอักษรในแบบอักษรนี้มาจากแนวโน้มของชาวโรมัน
  • Sans-serif : แบบอักษรที่ไม่มี serif คือ sans-serif หรือ sans serif
  • กระดูกสันหลัง : เป็นจังหวะโค้งที่สำคัญซึ่งมีอยู่ในตัวพิมพ์เล็กของตัวพิมพ์ใหญ่ 'S'
  • เดือย : มันเป็นส่วนนูนเล็ก ๆ ที่ปรากฏที่ส่วนโค้งของรูปแบบตัวอักษร เรียกอีกอย่างว่าเคราหรือจะงอยปาก ตัวอย่างเช่น - ตัวอักษร 'G'
  • ต้นกำเนิด : จังหวะเต็มความยาวเรียกว่าเป็นก้านในตัวอักษรตั้งตรง เป็นแนวตั้ง
  • X-height : ความสูงของตัวอักษร 'x' ในตัวพิมพ์เล็กในแบบอักษรที่กำหนดคือ x-height

7 แนวคิดเกี่ยวกับการพิมพ์และแนวทางปฏิบัติที่ดีที่สุด

Typography Ideas and Best Practices

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

ความสำคัญของการเลือกแบบอักษรที่ถูกต้อง

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

ให้ผู้ชมของคุณอยู่ในใจ

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

ตั้งค่าลำดับชั้น

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

ใส่ใจกับการเว้นวรรคและการจัดตำแหน่ง

ระยะห่างและการจัดตำแหน่งอาจฟังดูไม่สำคัญ แต่ก็ไม่แน่นอน หากไม่มีระยะห่างและการจัดตำแหน่งที่เหมาะสม การออกแบบของคุณจะดูสับสน รก และธรรมดา การเว้นวรรครวมถึงการใช้การนำหน้า ระยะขอบ การติดตาม และช่องว่าง

ใช้ Kerning ได้ทุกเมื่อที่ต้องการ

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

ไม่เกินการใช้แบบอักษร น้ำหนัก และรูปแบบ

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

สังเกตและปฏิบัติ

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

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