สอนทำเว็บขั้นพื้นฐานDesign & Typo
สิ่งเหล่านี้ที่ผมจะกล่าวต่อไป เป็นความรู้ที่ไปเก็บมาจากตำราต่างๆ
เอกสารของเทพ และจากประสบการณ์ จะนำมาแชร์สู่พวกเรากันนะครับ
หลังจากเราเอาแต่ทำฟอนต์ๆๆๆๆๆๆ แต่เราไม่เคยจะสนใจการใช้สิ่งเหล่านี้ให้เกิดประสิทธิภาพ
บางทีเราเคยใส่ใจไหมว่า คนที่เอาฟอนต์เราไป เขาจะใช้มันได้อย่างเข้าใจ
เกิดมูลค่าเพิ่มกับการออกแบบ พัฒนาวงการ Typography และ Graphic Design จริงๆ มั้ย
คำประกาศ
บทความนี้ แต่งขึ้นมาเพื่อประโยชน์ในวงการออกแบบโดยไม่หวังผลตอบแทน เนื้อหาบางส่วนมีการอ้างอิงแหล่งที่มา
หากผู้ใดที่ต้องการนำเอาข้อมูลไปใช้เพื่อประโยชน์ทางการค้า หรือเอาเนื้อหาส่วนใดส่วนหนึ่งไปประกอบงานเขียนของตัวเอง
กรุณาให้เครดิทแก่ผู้แต่งอย่างเหมาะสม รวมถึงให้เกียรติแก่เจ้าข้องบทความอ้างอิงทุกบทความ
French, Nigel (2010). InDesign Type: Professional Typography with Adobe InDesign, 2nd Edition,Berkeley, CA: Adobe Press.
Salz, Ina (2009). Typography Essential: 100 design principle for working with type. Beverly, MA: Rockport.
Spiekermann, Erik and E.M. Ginger (2002). Stop Stealing Sheep & Find Out How Type Works. Berkeley, CA: Adobe Press.
1. Hanging Punctuation / Optical Margin (InDesign)
ออพติคัล มาร์จิน คือการลวงตาอย่างหนึ่ง เนื่องจากการจัดคำใน Text box ที่มี
เครื่องหมายวรรคตอน จำพวก อัญประกาศ หรือเครื่องหมายคำพูด ".........."
หรืออักขระบางตัว ที่มีช่วงว่างด้านข้างเยอะ เช่น - (Dash / En Dash / Em Dash)
, (Comma) : ; (Colon / Semi-colon) เมื่อนำมาประกอบหลายๆ บรรทัด
เราจะเห็นช่วงที่มีเครื่องหมายวรรคตอนนี้ (ที่ไปอยู่ต้นบรรทัด/ท้ายบรรทัด) ดูดโหว่ๆ โบ๋ๆ
เว้าแหว่งไป ทำให้ไม่ค่อยสวยงาม ยิ่งถ้าเรา Justify มันก็จะเห็นชัดเจนที่สุด
ลองดูภาพประกอบกันนะครับ
ส่วนนี้เป็นโปรแกรม Adobe Illustrator
ส่วนของ Adobe InDesign
ผลลัพท์ที่ได้ แตกต่างมั้ยครับ
