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

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

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

การเปลี่ยนแปลงครั้งแรก

ความขัดแย้งครั้งแรกระหว่างใหม่และเก่าเกิดขึ้นหลังจากการประดิษฐ์แท่นพิมพ์เครื่องแรก ผู้สร้าง Johannes Guttenberg สามารถใช้เครื่องเพื่อสร้างองค์ประกอบที่หลากหลาย ด้วยความเร็วในการพิมพ์สูงถึง 240 หน้าต่อชั่วโมง มันเป็นการปฏิวัติ

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

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

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

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

ยุคดิจิทัล

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

_______________________

“ในโลกที่เต็มไปด้วยคอมพิวเตอร์ของเรา การแพร่กระจายของฟอนต์และรูปแบบต่างๆ ของฟอนต์เป็นตัวแทน ระดับใหม่มลพิษทางสายตาที่คุกคามวัฒนธรรมของเราโดยตรง Massimo Vignelli ดีไซเนอร์กล่าว “จากแบบอักษรหลายพันแบบ เราต้องการแบบอักษรพื้นฐานเพียงไม่กี่แบบเท่านั้น เพราะที่เหลือเป็นเพียงขยะ”
_______________________

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

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

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

คิดถึงอดีต

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

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

รูปแบบวินเทจกรันจ์

ผมแก้ไขบทความเก่าเกี่ยวกับวิชาการพิมพ์ครับ ใครที่ยังไม่ได้ดู คงจะเป็นประโยชน์แก่ท่านได้อ่านครับ

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

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

แบบอักษรและแบบอักษร - ความแตกต่างคืออะไร?

หลายๆ คนใช้คำว่า "typeface" และ "font" สลับกัน อันที่จริงนี่ไม่ใช่สิ่งเดียวกัน ตอนนี้ฉันจะอธิบายว่าทำไม

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

การจัดหมวดหมู่

แบบอักษรสามารถแบ่งออกเป็นหลายกลุ่ม - serif (serif), sans serif (sans-serif), เขียนด้วยลายมือ (สคริปต์), แสดงผล (แสดงผล) อย่างไรก็ตาม ยังมีการจำแนกประเภทอื่นๆ อีก

แบบอักษร Serif, Antiqua (Serif)

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

แบบอักษร Serif มีประเภทย่อยค่อนข้างน้อย - ตัวอย่างเช่น แบบเก่า(“แบบเก่า” - เรียกอีกอย่างว่านักมานุษยวิทยา ความเห็นอกเห็นใจ) - แบบอักษรแรกของการจำแนกประเภทนี้ ถูกนำมาใช้ในช่วงทศวรรษที่ 1400 ของพวกเขา ลักษณะเด่น- ส่วนของสัญลักษณ์ที่วางเป็นมุมจะบางลง ตัวอย่างของแบบอักษร ได้แก่ Adobe Jenson, Centaur และ Goudy Old Style

เซอริฟเฉพาะกาล- ใช้ในปี ค.ศ. 1700 ซึ่งรวมถึงแบบอักษรเช่น Times New Roman และ Baskerville รวมถึง Caslon, Georgia และ Bookman ความแตกต่างระหว่างส่วนที่หนาและบางของตัวอักษรจะสังเกตเห็นได้ชัดเจนกว่าแบบเก่า แต่จะสังเกตได้น้อยกว่าแบบสมัยใหม่

เซอริฟสมัยใหม่ (โบราณรูปแบบใหม่)- ใช้หลังคริสต์ทศวรรษ 1700 และมีความแตกต่างอย่างมากระหว่างส่วนหนาและส่วนบางของอักขระ ซึ่งรวมถึงแบบอักษรเช่น Didot และ Bodoni

และในที่สุดก็ , Slab serif (แบบอักษร Slab)- โดยทั่วไปจะมีความหนาเท่ากันทุกเส้น และมีซีริฟขนาดใหญ่ที่ปลาย

แบบอักษรสับ, Grotesques (Sans Serif)

ฟอนต์ Serif ถูกเรียกเช่นนี้เนื่องจากไม่มี Serif) ดูทันสมัยมากขึ้น และเริ่มใช้ในศตวรรษที่ 18

ฟอนต์ sans serif มี 4 ประเภทหลักๆ ดังนี้ พิสดาร (พิสดารเก่า) นีโอพิสดาร (พิสดารใหม่) มนุษยนิยม (เห็นอกเห็นใจ) และเรขาคณิต (เรขาคณิต)
พิสดารเก่า- อันแรกจะคล้ายกับฟอนต์เซอริฟ แต่ไม่มีเซอริฟ
ตัวอย่างเช่น Franklin Gothic และ Akzidenze

พิสดารใหม่มีรูปลักษณ์ที่เรียบง่ายเมื่อเทียบกับพิสดารแบบเก่า แบบอักษรที่ได้รับความนิยมมากที่สุดในปัจจุบันคือ sans serif ใหม่ เช่น MS Sans Serif, Arial, Helvetica และ Univers

นักมานุษยวิทยา- การประดิษฐ์ตัวอักษรมากกว่าฟอนต์ sans serif อื่นๆ ทั้งหมด (นั่นคือ ความหนาของเส้นเปลี่ยนไป) ซึ่งรวมถึง Gill Sans, Frutiger, Tahoma, Verdana, Optima และ Lucide Grande ซึ่งมักใช้เพื่อเติมเต็มเนื้อหาของไซต์

เรขาคณิตตามตัวเลขปกติ เช่น "O" คือวงกลม ฯลฯ ถือเป็นฟอนต์ sans serif ที่ทันสมัยที่สุด ตัวอย่าง - ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan

ลายมือ (สคริปต์)

แบบอักษรที่เขียนด้วยลายมือจะขึ้นอยู่กับการเขียนด้วยลายมือ แบบอักษรดังกล่าวมีสองประเภท - เป็นทางการและไม่เป็นทางการ ข้อความที่เป็นทางการดูเหมือนจะเขียนด้วยลายมือและมาจากศตวรรษที่ 17 และ 18 แบบอักษรบางตัวอิงจากลายมือของศิลปินชื่อดัง เช่น George Snell และ George Bickham เป็นตัวอย่างแบบอักษรสมัยใหม่ คุณสามารถใช้ Kuenstler Script ได้ ถึงแม้จะสวยงามและหรูหราแต่ก็ไม่เข้ากับเนื้อหาของหน้า

แบบอักษรทั่วไปเป็นเวอร์ชันที่ทันสมัยกว่า มีต้นกำเนิดในศตวรรษที่ 20 ไม่เป็นทางการ มักมีลายเส้นหนาและเอฟเฟกต์ลายเส้นพู่กัน แบบอักษรเหล่านี้รวมถึง Mistral และ Brush Script

แสดงแบบอักษร

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

แบบอักษรที่ไม่ใช่ตัวอักษร (Dingbats)

แบบอักษรที่ไม่ใช่ตัวอักษร- นี่คือแบบอักษรที่ไม่มีตัวอักษรเลย แต่มีสัญลักษณ์และเครื่องประดับ

สัดส่วนเทียบกับแบบโมโนสเปซ

ในแบบอักษรตามสัดส่วน อักขระจะใช้พื้นที่มากเท่าที่การสะกดตามธรรมชาติต้องการ ตัวอย่างเช่น Times New Roman เป็นแบบอักษรสัดส่วน แต่แบบอักษร monospace มีอักขระทุกตัวที่มีความกว้างเท่ากัน แบบอักษรดังกล่าวรวมถึง ตัวอย่างเช่น Courier New

อารมณ์

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

ความหนาและสไตล์

ความหนาของแบบอักษรคือ: เบา, บาง, ปกติ, ปานกลาง, ตัวหนา, หนักมาก หรือสีดำ

รูปแบบตัวอักษรมีสามรูปแบบ ได้แก่ ตัวเอียง เฉียง และตัวพิมพ์ใหญ่เล็ก มักใช้ตัวพิมพ์เล็กสำหรับส่วนหัว

ตัวเอียงและเฉียงสามารถใช้แทนกันได้แม้ว่าจะมีสไตล์ที่แตกต่างกันก็ตาม Oblique เป็นฟอนต์ปกติแบบเฉียง หากต้องการรับมัน เพียงใช้ฟังก์ชัน Free Transform-distort ใน Photoshop แต่ตัวเอียงเป็นชุดอักขระแยกต่างหากที่รับผิดชอบแบบอักษรเวอร์ชันเอียง

โครงสร้างแบบอักษร

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

บรรทัดแบบอักษร (พื้นฐาน)- เส้นจินตภาพซึ่งมีข้อความอยู่ บางครั้งแบบอักษรที่โค้งมนจะถอยห่างจากบรรทัดแบบอักษรเล็กน้อย

มีนไลน์หมายถึงความสูงของตัวอักษรตัวพิมพ์เล็กส่วนใหญ่ โดยปกติจะกำหนดโดยความสูงของตัวอักษร "x" นี่คือที่มาของแนวคิดเรื่องความสูง x

บรรทัดบนสุดของตัวพิมพ์ใหญ่ (Cap)- ความสูง ตัวพิมพ์ใหญ่"ก"

ภาพด้านบนแสดงสามส่วนทั่วไปของตัวอักษรทั้งหมด

จังหวะหลัก Stem- แนวตั้งหลักของแต่ละสัญลักษณ์ รวมถึงแนวตั้งที่เอียงด้วย

คาน (บาร์)- ส่วนแนวนอนของแบบอักษร

วงรี (ชาม)- ส่วนโค้งมนของแบบอักษร

ส่วนต่อขยายส่วนบน (Ascender)- ส่วนของตัวอักษรที่ยื่นออกมา เช่น “d”, “h” และ “b”

ผู้สืบเชื้อสาย- ส่วนที่ยื่นออกมาด้านล่างของตัวอักษร เช่น “p”, “q” และ “f”

เซอริฟ- คุณสมบัติที่โดดเด่นของแบบอักษร serif) ในแบบอักษรบางแบบจะออกเสียงมากกว่า ในขณะที่บางแบบจะออกเสียงน้อยกว่า

รูรับแสง- ระบุช่องว่างสำหรับอักขระเปิด เช่น “A”, “c” หรือ “m”

หูนี่เป็นส่วนเพิ่มเติมสำหรับตกแต่งสัญลักษณ์ เช่น ในตัวอักษร “g” ในตัวอย่างด้านบน

จังหวะการเชื่อมต่อ (Hairline)นี่คือส่วนที่บางที่สุดของฟอนต์เซอริฟ

คานประตู - เส้นแนวนอนดังสัญลักษณ์ “A” และ “H”

ดรอป (เทอร์มินัล)- ปลายเส้นขีดกลมหรือวงรี (รูปหยด) ในการออกแบบอักขระแบบอักษรบางตัว

วนซ้ำเกิดขึ้นเฉพาะกับตัวอักษร “g” ตัวพิมพ์เล็กบางตัวเท่านั้น และอาจปิดสนิทหรือปิดบางส่วนก็ได้

เดือย- รอยเล็กๆ บนตัวอักษรบางตัว เช่น "G"

การเชื่อมต่อ (ลิงค์)เชื่อมต่อด้านบนและ ส่วนล่างตัวอักษร "ก"

กระดูกสันหลัง- เส้นโค้งตรงกลางที่มีตัวอักษร "s"

ตัวอักษรหาง (หาง)- เส้นตกแต่งเช่นบนตัวอักษร "R" หรือ "Q"

องค์ประกอบสุดท้าย (เทอร์มินัล, ขั้นสุดท้าย)- การสิ้นสุดจังหวะโดยไม่มีเซอริฟ

ไหล่- เส้นกลมที่ยื่นออกมาจากเส้นหลัก (ตามจริงแล้ว เว็บไซต์รัสเซียหลายแห่งให้คำจำกัดความที่แตกต่างไปจากเดิมอย่างสิ้นเชิงสำหรับแนวคิดนี้)

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

การพิมพ์และการส่งข้อความ

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

เรามาดูกันว่าการออกแบบตัวอักษรมีอิทธิพลอย่างไรต่อการออกแบบเว็บไซต์

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

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

พื้นฐานของการพิมพ์ในการออกแบบเว็บ

แบบอักษรในการออกแบบเว็บ

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

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

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

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

ตัวอักษรมาโครและไมโคร

ดังที่คุณคงเข้าใจแล้วจากชื่อของคำเหล่านี้:

ระดับมหภาค - บิลด์ โครงสร้างทั่วไปข้อความ กำหนดตำแหน่งของเนื้อหาที่เกี่ยวข้องกับการออกแบบ

ระดับจุลภาค - ใส่ใจกับรายละเอียดที่เล็กที่สุด ช่องว่าง การเว้นวรรค การเยื้อง ฯลฯ

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

การสร้างองค์ประกอบแบบองค์รวมประการแรกอยู่ที่ความเข้าใจเกี่ยวกับอวกาศ นักออกแบบเว็บไซต์จะต้องเห็นภาพรวมทั้งหมด แต่ในขณะเดียวกันก็แยกรายละเอียดออกเป็นรายละเอียดอย่างมีประสิทธิภาพ ไม่มีองค์ประกอบที่ไม่สำคัญที่นี่: ส่วนหัว ย่อหน้า ระยะห่างแนวตั้งระหว่างองค์ประกอบ รีจิสเตอร์ ความหนา...

ขอแนะนำให้ระบุแบบอักษรสำหรับการออกแบบเว็บไซต์ในหน่วยสัมพันธ์ (% หรือ "em") ซึ่งจะส่งเสริมความสามารถในการปรับตัวและความยืดหยุ่นของเนื้อหา ควรใช้พิกเซล "px" ที่คุ้นเคยมากกว่าสำหรับคอนเทนเนอร์ที่ไม่ตอบสนอง เมื่อบล็อกเคลื่อนที่เมื่อขนาดหน้าจอเปลี่ยนแปลง แต่แบบอักษรยังคงมีเสถียรภาพ

การตกแต่งข้อความ

ส่วนสำคัญของการพิมพ์คือการเรียงพิมพ์สัญลักษณ์คอมพิวเตอร์ ซึ่งรวมถึง: การวางเครื่องหมายวรรคตอน การใช้วงเล็บ ขีดกลางและขีดกลาง จุด ช่องว่าง ฯลฯ

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

ตอนนี้เกี่ยวกับเค้าโครง มีกฎอยู่ที่นี่:

บล็อกข้อความควรจำกัดไว้ที่ 40–50% ของความกว้างหน้า

ควรมีระยะห่างระหว่างย่อหน้า 1.5

ความแตกต่างระหว่างพื้นหลังและข้อความควรอยู่ภายใน 75–90%

แบบอักษรที่สบายตาคือ 12–16 พิกเซล แต่แม้แต่บล็อกที่เล็กที่สุดก็ไม่ควรน้อยกว่า 10 พิกเซล

ระยะห่างระหว่างบรรทัดจะคงไว้โดยสัมพันธ์กับขนาดแบบอักษรและวัดเป็นเปอร์เซ็นต์ ตามหลักการแล้ว 140–150% ก็เพียงพอแล้ว

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

สไตล์ CSS

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

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

เพื่อขจัดความสับสนที่อาจเกิดขึ้น สิ่งสำคัญคือต้องชี้แจงความหมายของคำสำคัญบางคำ ชุดสำคัญชุดแรก คำหลักกำหนดแนวคิดของ “แบบอักษร” และ “แบบอักษร”

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

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

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

การละเมิดบรรทัดฐาน

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

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

ตรวจสอบให้แน่ใจว่าส่วนหัวสอดคล้องกับหัวข้อของเว็บไซต์ ซึ่งอาจรวมถึงสีที่ต่างกัน การขีดเส้นใต้ ไอคอนพื้นหลัง หรือข้อความกราฟิก ในที่สุดการตัดสินใจก็เป็นของคุณ

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

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

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

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

ตัวอย่างเช่น การเลือกเซอริฟให้ความรู้สึกถึงความเป็นมืออาชีพและข้อมูลที่เชื่อถือได้ เรื่องนี้มักพบเห็นได้ในสื่อกระแสหลัก เช่น New York Times สำหรับบล็อกขนาดเล็ก คุณสามารถใช้ฟอนต์ sans serif ที่มีเส้นสูงได้ ทำให้ผู้ใช้สามารถดูข้อความในบล็อกได้อย่างรวดเร็ว

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

ความชัดเจน

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

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

เนื้อหาข้อมูล

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

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

ตำแหน่งและขนาด

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

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

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

สี

นี่เป็นหนึ่งในด้านที่ง่ายที่สุด คุณต้องเลือกสีที่จะทำให้ข้อความโดดเด่นจากพื้นหลังและยังคงอ่านได้

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

บทสรุป

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

เพื่อน!

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

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

ดังนั้นหากกฎอันดับหนึ่งสำหรับการออกแบบที่ดีคือการก่อสร้าง ตารางโมดูลาร์(ดูบทความ) กฎข้อที่สองคือ: จำกัดจำนวนแบบอักษร!

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

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

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

เนื่องจากในงานเดียวมีหัวข้อไม่มากนัก หลักการของความแตกต่างจึงทำงานได้อย่างไร้ที่ติ โดยเฉพาะอย่างยิ่งเมื่อหัวข้อมีขนาดใหญ่กว่าข้อความหลักมาก

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

นี่คือตัวอย่างการใช้แบบอักษรที่ดี:

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

การใช้แบบอักษรในทางที่ผิดมีดังนี้:

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

นี่คือตัวอย่างงานดังกล่าว:

นี่ไม่ใช่จินตนาการของฉัน ฉันเห็นงานดังกล่าวมากมายและตามกฎแล้วงานเหล่านั้นทำโดยนักออกแบบมือใหม่หรือมือสมัครเล่น

หากคุณดูหนังสือเรียนเกี่ยวกับการออกแบบ คุณจะพบคำแนะนำให้ใช้แบบอักษร sans serif สำหรับส่วนหัวและแบบอักษร serif สำหรับข้อความเนื้อหา

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

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