HOWTO CHOOSE FONT TYPOGRAPHY
TYPOGRAPHY คืออะไร FONT คืออะไร เลือกรูป รู แบบฟอนต์ให้เ ห้ หมาะสม กับอารมณ์ที่ ณ์ ต้ ที่ ต้ องการสื่อ สื่ การจับ จั คู่ฟ คู่ อนต์ ข้อ ข้ ควรระวังในการใช้ FONT การจัด จั ย่อ ย่ หน้า น้ จัด จั กลุ่ม ลุ่ ข้อ ข้ ความ การวางข้อ ข้ ความ เส้น ส้ ตารางช่ว ช่ ยกำ หนดระยะ น้ำ หนัก นั ของ Font อ้างอิง สารบัญ หน้า น้ 1 2 3-6 7-8 9-11 12 13 14 15 16 17
Typography คือ การออกแบบที่ใช้ตั ช้ ตั วอักษรเป็น ป็ หลัก เป็น ป็ ศิลศิ ปะการดีไซน์รูป รู แบบหนึ่ง นึ่ที่ถูก ถู นำ มาใช้ใช้ นการ ออกแบบโลโก้มากมาย เป็น ป็ การจัด จั วางและการออกแบบ ตัวอักษรเพื่อ พื่ การสื่อ สื่ สารหรือ รื เป็น ป็ การออกแบบตัวอักษรและ การจัด จั วางฟ้อ ฟ้ นต์ ให้เ ห้ หมาะสมสวยงามกับพื้น พื้ ที่ว่ ที่ ว่ างและ องค์ประกอบต่างๆ ที่ใช้ใช้ นงานออกแบบสื่อ สื่ สาร WHAT IS TYPOGRAPHY 1
“รูป รู แบบ”ของตัวอักษรที่แตกต่างกันว่า “FONT” ฟอนต์ คือ ชุดของตัวอักษรที่มีค มี วามแตกต่างกันทั้งทาง ด้านของขนาด ความหนา ความกว้าง และความเอียง FONT มาจากคำ ว่า“FOUNT”ซึ่ง ซึ่ แปลว่า“สิ่งสิ่ที่ถู ที่ ก ถู หลอม” ในสมัย มั ก่อน หากต้องการพิมพิพ์ตั พ์ ตั วหนัง นั สือ สื ลงไปบนอะไรสัก สั อย่า ย่ งจะต้องใช้“ตัวพิมพิพ์”พ์ ซึ่ง ซึ่ มัก มั จะสร้า ร้ งจากโลหะที่เ ที่ อามา หลอมลงในแม่พิ ม่ มพิพ์ ถ้าต้องการตัวอักษร ตัวหนา ตัวกว้าง หรือ รื ตัวเอียง เราจะต้องสร้า ร้ ง “ตัวพิมพิพ์”พ์ ขึ้น ขึ้ มาใหม่ เพื่อ พื่ รองรับ รั ตัวอักษรแบบนั้น นั้ ๆ โดยเฉพาะ ทำ ให้เ ห้ รีย รี ก WHAT IS FONT 2
เลือกรูปแบบฟอนต์ให้เ ห้ หมาะสม กับอารมณ์ที่ ณ์ ต้องการสื่อ สื่ 3 1 ให้ค ห้ วามรู้สึรู้ กที่ดู ที่ คดูลาสสิคสิหรูหรูราน่าน่เชื่อ ชื่ ถือดั้งเดิม นิยนิมใช้ใช้ น งานแฟชั่นชั่เอนไฮน์ต่ น์ ต่างๆหรือรืงาน magazineงานหนังนัสือต่างๆ Serif คือฟ้อ ฟ้ นต์ที่มี ที่ เมีชิงชิช่วช่ยในการกวาดสายตาไปตามตัว อักษร ทำ ให้อ่ ห้ อ่านง่าง่ย และนิยนิมใช้สำ ช้ สำหรับรัพิมพิพ์เ พ์ นื้อ นื้ หาบทความ Serif หรือรืแบรนด์ที่ต้ ที่ ต้ องการจะสื่อถึงความ modern ความทันทัสมัยมั Sans Serif คือคือฟ้อ ฟ้ นต์ที่ไที่ ม่มีม่เมีชิงชิดูทัดูนทัสมัยมัเข้า ข้ ถึงง่าง่ย ห็น ห็ ได้บ่อบ่ยในแบรนด์เทคโนโลยี เครื่อ รื่ งใช้ไช้ฟฟ้า ฟ้ เว็บไซต์ต่างๆ Sans Serif hello hello hello hello
4 เลือกรูปแบบฟอนต์ให้เ ห้ หมาะสม 1 กับอารมณ์ที่ ณ์ ต้องการสื่อ สื่ Decorativa Sans Serif คือ Font แบบประดิษฐ์ ลักษณะเด่นของ Font ประเภทนี้คื นี้ คือแต่ละตัวอักษรจะถูกถูตกแต่งให้ส ห้ วยและเด่น ด้วยเหตุ นี้จึ นี้ งจึเหมาะกับการนำ ไปใช้พ ช้ าดหัวหัเรื่อ รื่ ง แต่ไม่เม่หมาะกับการพิมพิพ์ เนือ นื ความเพราะจะทำ ให้อ่ ห้ อ่านยาก Handwritten Typeface เป็น ป็ Font ที่ดู ที่ ไดูม่เม่ ป็น ป็ ทางการ เพราะดูเดูหมือมืนเป็น ป็ การเขียขีน มากกว่าการพิมพิพ์ เหมาะใช้กั ช้ กับงานที่เ ที่ น้น น้ ความรู้สึรู้ กสบายๆเป็น ป็ กันเอง hello hello hello hello
5 เลือกรูปแบบฟอนต์ให้เ ห้ หมาะสม 1 กับอารมณ์ที่ ณ์ ต้องการสื่อ สื่ Monospace Typeface Monospace Typeface กำ หนดให้อั ห้ อักษรแต่ละตัวมีช่มีอช่งไฟ เท่าท่กันหมดไม่ว่ม่ ว่าจะเป็น ป็ i หรือรืm เป็น ป็ Font ที่ถู ที่ กถูพัฒพันามาจาก Font ในยุคยุของพิมพิดีด และภายหลังถูกถูพัฒพันามาเป็น ป็ รูปรูแบบ ฟอนต์เพื่อ พื่ ใช้แ ช้ สดงผลบนคอมพิวพิเตอร์ hello
6
7 2 การจับ จั คู่ฟคู่ อนต์ การเลือกจับจัคู่ Font ควรเลือกจับจัคู่ Font ในส่วส่นเนื้อ นื้ หา ที่เ ที่ ด่นน้อ น้ ยกว่า Font หลัก และมีสมี ไตล์ใกล้เคียงกัน FONT PAIRING Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, same font family FONT PAIRING Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, Serif/Sans Serif FONT PAIRING Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, Sans Serif/Serif
8 2 การจับ จั คู่ฟคู่ อนต์ การเลือกจับจัคู่ Font ควรเลือกจับจัคู่ Font ที่เ ที่ ด่นน้อ น้ ยกว่า Font หลัก และควรจับจัคู่ Font ที่มี ที่ สมี ไตล์ใกล้เคียงกัน FONT PAIRING Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, Decorativa,Monospace Typeface / Serif,Sans Serif FONT PAIRING Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
ข้อ ข้ ควรระวัง วั ในการใช้ FONT 9 1.ไม่คม่วรเอา Font Decorativa มาใช้เ ช้ ขีย ขี นเนื้อ นื้ หา หรือ รื ข้อ ข้ ความเยอะๆเพราะจะทำ ให้อ่ ห้ อ่านยาก 3 ** ยกเว้นในบางกรณี เช่นช่อาจทำ เพื่อ พื่ เป็นการตกแต่ง เช่นช่ โปสเตอร์ โปสการ์ด ร์ ต่างๆ ที่เ ที่ น้นน้ถึงความสวยงาม Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna .
ข้อ ข้ ควรระวัง วั ในการใช้ FONT 10 2.ไม่คม่วรใช้ฟช้ อนต์ที่ห ที่ ลากหลายมากเกินไป เพราะจะทำ ให้แ ห้ ย่งย่กันเด่นจนกลายเป็น ป็ ไม่มีม่อ มี ะไรเด่นเลย 3 **ยกเว้นในบางกรณี เช่นช่การออกแบบโลโก้หรือรื งานสไตล์วินเทจต่างๆ
ข้อ ข้ ควรระวัง วั ในการใช้ FONT 3.ไม่คม่วรยือ ยื Font เพราะ Font ถูก ถู ออกแบบมาให้มี ห้ มี สัดสั ส่วส่นและขนาดที่เ ที่ หมาะสมกับการใช้ง ช้ านแล้ว 4.ถ้ามีข้ มี อ ข้ ความเหลือในประโยคอยู่คำยู่ คำเดียวเดี่ยวๆ ควรพยายามให้จั ห้ ดจัอยู่ใยู่ นบรรทัดทัเดียวกัน 11 3
การจัด จั ย่อ ย่ หน้า น้ ALIGNMENT นิยมใช้มช้ากที่สุ ที่ ดสุเพราะ อ่านง่าง่ย และเป็นป็ระเบียบีบ ซ้าย ทำ ให้ดูห้เดูป็นป็ทางการ เก่าแก่ น่าน่เชื่อ ชื่ ถือ กลาง ไม่ค่ม่ ค่อยนิยนิมใช้ เพราะอ่านยาก ส่วส่นมาก จึงจึใช้เช้พื่อ พื่ ความสวยงาม ขวา 4 12 **ควรเลือกใช้อัช้ อันใดอันหนึ่งนึ่ ไม่คม่วรใช้ผช้สมกัน เพราะจะทำ ให้หห้น้าน้กระดาษดูงดูง hello Serif Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
จัด จั กลุ่มลุ่ ข้อ ข้ ความ เป็น ป็ การจัดจักลุ่ม ลุ่ ข้อ ข้ ความ หรือรือาจจะเป็น ป็ การจัดจักลุ่ม ลุ่ แต่ละหัวหัข้อ ข้ เพื่อ พื่ ความเป็น ป็ ระเบียบีบและง่าง่ยต่อการอ่าน 5 13
6 การวางข้อ ข้ ความ 14 ไม่คม่วรวางข้อ ข้ ความตามขอบหรือรืมุม มุ ของหน้า น้ เพราะ จะทำ ให้ง ห้ านออกแบบไม่น่ม่าน่ สนใจและทำ ให้ค ห้ นดูรู้ ดู สึรู้ ก สึ อึดอัด
เส้น ส้ ตาราง ช่ว ช่ ยกำ หนดระยะ เป็น ป็ เส้น ส้ ที่ถู ที่ ก ถู จัดจัวางเป็น ป็ ตารางเพื่อ พื่ กำ หนดระยะ ในการ ออกแบบ และการจัดจัวางองค์ประกอบ รูป รู ภาพ เนื้อ นื้ หา ช่อช่งว่าง และส่วส่นประกอบต่างๆ เพื่อ พื่ ให้ง ห้ านออกแบบ มีคมีวามเป็น ป็ ระเบียบีบ และสวยงาม 7 15
8 น้ำ หนัก นั ของ FONT 16 น้ำ หนัก นั ของ Font มีผ มี ลต่อการออกแบบ หากเราต้องการให้ งานของเรานั้น นั้ ดึงดูด ดู ความสนใจของผู้ที่ผู้ พ ที่ บเห็น ห็ เราควร เลือกใช้ Font ที่มี ที่ น้ำ มี น้ำหนัก นั ต่างกัน เช่นช่ Bold - Light
17 อ้างอิงค์ https://medium.com/@agencylikeme/typographyแค่ตัวอักษรต้องสอนกันด้วยหรอ-7b258caf7dac https://www.marketingoops.com/campaigns/desi gn/20-typography-based-logos/ https://youtu.be/ECI-nKRUsKc https://www.grappik.com/serif-and-sans-serif https://www.ebaqdesign.com/blog/logo-fonts https://blog.nextzy.me/font-and-typographyd3c1ba90652a
HOWTO CHOOSE FONT TYPOGRAPHY