344-282 Graphics design and arts - Prince of...
Transcript of 344-282 Graphics design and arts - Prince of...
344344--282 Graphics Design and Applied Arts282 Graphics Design and Applied Arts
บทที่ 5 Typography
การออกแบบกราฟกการออกแบบกราฟก
หนาที่หลักของการออกแบบกราฟกคือ การสื่อสารไปยังผูรับสาร
องคประกอบของการสื่อความที่สําคัญคือ ตัวอักษร
2
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม
ยุคแรก: รูปแบบภาษาภาพ เชน Hieroglyphic และรูปแบบภาษาจีน
ราว 1200 ปกอนคริสตกาลเกิดตัวหนังสือแบบอักขระโดยชาวโฟนิเชียน (Phoenicians)
3Hieroglypics: Alphabet
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ชาวกรีกและโรมันไดดัดแปลงอักขระของชาวโฟนิเชียนและได
พัฒนาเปนภาษาละติน (Latin)
4
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ภาษาอังกฤษและยุโรปไดพัฒนาจากภาษาละตินตอมา
◦ การออกแบบตวัอักษรถูกเผยแพรไปยังประเทศตางๆ ในยุโรป เชน Claud Garamond (ค.ศ. 1480-1561)
5
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ป ค.ศ. 1692-1766 ที่ประเทศอังกฤษ William Caslon ไดผลิตตัวพิมพชื่อ Caslon Old Face และเปนที่นิยมในยุคอุตสาหกรรม
ป ค.ศ. 1706-1775 นักออกแบบชาวอังกฤษ John Baskerville ไดสรางตัวอักษรที่มีลักษณะเรียบงายและสวยงามเปนที่นิยมมากโดยเฉพาะตัวเนื้อเรื่องที่มีขนาดเล็ก
6
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ชวงป ค.ศ. 1790-1800 ไดเกิดตัวพิมพรูปแบบใหม เรียกวา Modern (สมัยใหม) ขึ้นในประเทศอิตาลี โดย Giambattista Bodoni (ค.ศ. 1740-1813) ผูสรางแบบตัวอักษรตระกูล Bodoni ที่ไดรับการพัฒนาและเปนที่นิยมในปจจุบนั
7
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ยุคปฏิวัติอุตสาหกรรม เกิดตัวพิมพแบบที่แตกตางจากตัวพิมพเดิมที่มีมากอน คือ ไมมีสวนที่เรียกวา Serif (เสนเล็กๆ ของตัวพิมพที่ทําใหเดนชัด) ตรงปลายของตัวพิมพ เชน ตัวพิมพของ Caslonชวง ค.ศ. 1820-1830◦ ไดมีนักออกแบบตัวพิมพอยางจริงจัง
8
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ค.ศ. 1916 ระบบรถไฟใตดินของกรุงลอนดอนไดจาง Edward Johnson ออกแบบชุดตัวพิมพ
9
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ค.ศ. 1924-1927 ไดมีนักออกแบบชื่อ Paul Renner ออกแบบตัวพิมพตระกูล Futura ใหมีลักษณะตัวพิมพที่หลากหลายมากถึง 15 ลักษณะ
10
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ค.ศ. 1931 หนังสือพิมพไทมของประเทศอังกฤษไดจางนักออกแบบใหชื่อตัวอักษรวา Times New Roman ซึ่งไดมีการนําไปใชในกิจการสาธารณะและเปนที่นิยมทั่วโลก
11
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ยุคทศวรรษ 1950 เกิด International Typographic Style หรือ Swiss Style โดยเนน cleanliness, readability and objectivity◦ ตัวอยาง: Helvetica เปนตัวอักษรเรียบๆ ไมมีเชิง และไมมีลักษณะของเสนบางผสมเสนหนา
12
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))Helvetica ไดรับการออกแบบโดย Miedinger และEduard Hoffmann ที่ Haas’sche Schriftgiesserei (Haas type foundry) เมือง Münchenstein, Switzerland. Haas ออกแบบ sans-serif typeface ใหมทีส่ามารถแขงขันกบั ตัวอักษร Akzidenz Grotesk ในวงการตลาดสวิส
13
เริ่มแรก เรียกตัวอักษรนี้ Neue Haas Grotesk,ค.ศ. 1960 Haas’ German parent company, Stempel เปลี่ยนชื่อเปน Helvetica
ประวตัติวัอักษรสมัยใหมประวตัติวัอักษรสมัยใหม ((ตอตอ))
ยุคทศวรรษ 1980 ไดมีการเกิดกระแส New Wave Typographic Style เขามาแทนที่แนวคิดของ New Wave คือ ตอตานการใชแบบตัวหนังสือของ Modernist (Swiss Style)
14
ชนิดของตวัอกัษรภาษาอังกฤษชนิดของตวัอกัษรภาษาอังกฤษ
1. ตัวพิมพแบบตัวคัดลายมือ (Text Letters or Blackletter Typefaces)
2. ตัวพิมพแบบตัวเขียน (Script or cursive Typefaces)
3. ตัวพิมพแบบ Serif (Serif Typefaces)4. ตัวพิมพแบบ San-Serif (San-Serif Typefaces)5. ตัวพิมพแบบตัวตกแตง (Display Typefaces)
15
ชนิดของตวัอกัษรภาษาอังกฤษชนิดของตวัอกัษรภาษาอังกฤษ:: ตัวคดัลายมอืตัวคดัลายมอื
บางครั้งเรียกวา ตัวอาลักษณรูปแบบเหมือน คัดลายมือหรือเขียนดวยปากกาคอแรงลักษณะ: มีความหนา บางของเสนตัวอักษรไมเทากันเหมาะกับการพิมพหัวขอ หรือขอความที่ไมยาวนักใหภาพลักษณของความโบราณแบบคลาสสิก
ตัวอยาง Rotunda
16
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตวัเขียนตัวพมิพแบบตวัเขียน
17
รูปแบบคลายเขียนดวยลายมือภาษาอังกฤษ คือเปนเสนตอเนื่องไปแตละตัวเรื่อยๆ ลักษณะ: มีความหนา บางของเสนตัวอักษรไมเทากันเหมาะกับการพิมพขอความสั้นๆ ตัวอยาง Coronet
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตัวพมิพแบบ Serif Serif
บางครั้งเรียกวา ตัวมีเชิงลักษณะ: มีความหนา บางของเสนตัวอักษรไมเทากันนิยมพิมพขอความยาวๆ เพราะอานไดงายแบงออกเปน 4 ประเภทยอย1. ตัวพิมพแบบ Old Style2. ตัวพิมพแบบ Transitional3. ตัวพิมพแบบ Slab Serif4. ตัวพิมพแบบ Modern
18
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตัวพมิพแบบ Serif Serifตัวพิมพแบบ Old Style◦ จุดเดน: สวนที่เปนฐานหรอืติง่นั้นอยูที่สวนที่เปนเสนทแยงมมุของ
ตัวอักษร โดยสวนที่บางที่สุดจะเปนมมุของตวัอักษร◦ ตัวอยาง: Garamond, Goudy Old Style, Palatino
19
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตัวพมิพแบบ Serif Serif
ตัวพิมพแบบ Transitionalบางครั้งเรียกวา Baroqueจุดเดน: สวนที่เปนฐานหรอืติ่งมคีวามหนาบางแตกตางกันมากกวาตัวพิมพแบบ Old Styleตัวอยาง: Times new Roman, Baskerville
20
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตัวพมิพแบบ Serif Serif
ตัวพิมพแบบ Square Serif หรือ Slab Serifบางครั้งเรียกวา Egyptian หรือ Antiquesจุดเดน: สวนที่เปนฐานหรือติ่งมีลักษณะเปนสี่เหลี่ยม สวนใหญมีลักษณะหนาบางของเสนตัวอักษรไมเทากัน ตัวอยาง Clarendon, Rockwell และ Courier
21
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตัวพมิพแบบ Serif Serif
ตัวพิมพแบบ Modernจุดเดน: สวนที่เปนเสนแนวตั้งของตัวอักษรมักเปนเสนตรงและหนา โดยสวนที่เปนฐานหรือติ่งจะบางมาก และมักมีความหนาบางไมเทากันตลอดทั้งตัวอักษร
ตัวอยาง Bodoni, Century Schoolbook
22
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตัวพมิพแบบ San San--SerifSerifจุดเดน:
◦ เปนตัวพิมพที่ไมมีฐานหรอืติ่ง (บางครัง้เรียกวา ตัวไมมีเชิง)◦ สวนใหญมคีวามหนาบางของตวัอักษรเทากันทั้งตัวอักษร แตถามีความหนาบางไมเทากันทั้งตัวอักษร เรียกวา Gothics
ในอดีตนิยมใชเฉพาะการพาดหัวโดยหลีกเลี่ยงการเขียนขอความ
ที่ตอเนื่องยาวๆ เพราะอานยากกวาตัวพิมพที่มีฐานหรือติ่งตัวอยาง Helvetica, Arial, Univers
23
ชนิดของตัวอักษรภาษาอังกฤษชนิดของตัวอักษรภาษาอังกฤษ:: ตัวพมิพแบบตวัตกแตงตัวพมิพแบบตวัตกแตง
จุดเดน: มีความเปนอิสระในรูปทรงของตัวอักษรแตกตางจากตัวอักษรทั่วไป มักนําไปใชงานประเภทตกแตง นิยมใชในการพาดหัวเพื่อแสดงบุคลิกภาพเฉพาะพิเศษตามวัตถุประสงค
ไมจํากัดวาจะตองเปนตัวอักษรลวนๆ อาจนําภาพอื่นๆ มาผสมใหกลมกลืนกันหรือตัดทอน ตอเติม หรือแปรรูปอยางใดก็ไดเพื่อใหเกิดความพิเศษในตัว
ตัวอยาง Banco
24
เอกสารอางอิงเอกสารอางอิง
ปาพจน หนุนภักดี. Graphic Design Principles. 360 หนา บริษัท ไอดีซี พรีเมียร จํากัด, นนทบุรี 2553.
http://www.davidairey.com/13-typefaces-every-graphic-designer-needs/ เขาถึงเมื่อ 30 ก.ค. 2554
Wikipedia. http://en.wikipedia.org/wiki/ เขาถึงเมื่อ 30 ก.ค. 2554
McIntire, P. Visual Design for the Modern Web. New Riders. 2008.
25