1. HISTORY OF GRAPHIC DESIGN
VISUAL COMMUNICATION
WORDS & IMAGE
THE BEGINNING OF MASS MEDIA

2. Image ช่วยให้เราเห็น แนวคิด ของมนุ ษยชาติ
์
ทีหลากหลาย
่
นักออกแบบกราฟิ กคือนักสื่ อสาร “สาร” สู่สั งคม ทัง้
ผลิตภัณฑ ์ แนวคิด >>> จัดการรูปทรงทีเห็นไดสู่สไตลที่
่ ้ ์
เหมาะสม เพือกลุมเป้าหมายเฉพาะ >>> สะทอน
่ ่ ้
คุณคา ความคิด ความเชือของมนุ ษยในแตละช่วงเวลา
่ ่ ์ ่
พัฒนาการของการออกแบบกราฟิ ก ถูกสรางจาก
้
เหตุผลในสั งคมหลายๆ Factors ประกอบกัน >>>
อาจมาจากเหตุผลเชิงการเมือง เศรษฐกิจ สั งคม
วัฒนธรรม ศี ลธรม สุนทรียศาสตร ์ ฯลฯ

4. 1)1860-1919 ยุคการทบทวนประเพณีนิยมใหม่
ปฏิวตอุตสาหกรรมเปลียนแปลงวิถชวตทางสั งคมโดยรวม>>> รายรับ รายจาย การศึ กษา สิ นคา บริการ
ั ่ ี ี ิ ่ ้
ตลาด >>> กระบวนการพิมพใหม่ ์ ย้ายศิ ลปิ นจากสตูดโอ และช่างจากห้องทางานสู่โรงงาน >>>
ิ
เชือมโยงกับเหตุผลทางการตลาด
่ ตองผลิตเชิงจานวนมากๆ และไดคุณภาพ >>> มีผลตอโดยตรงกับการ
้ ้ ่
ออกแบบ Font สี การจัดวางทีไมซับซ้อน การถายภาพ เพือขายของ >>> เป็ นภาษาใหมของการ
่ ่ ่ ่ ่
แสดงออกเพือผูบริโภคเป้าหมาย >>> เกิดอาชีพนักโฆษณาขึน >>> ตน 20 Cent เกิดกลุม Art & Craft
่ ้ ้ ้ ่
พยายามนาผลงานประเพณีนยมมาตอยอดใหมไดอยางไร ? >>>
ิ ่ ่ ้ ่ อาทิ ช่างแกะไมยุคกลาง ทาดวยมือ
้ ้
กระจกสี ฯลฯ เสมือนเป็ นศิ ลปะบริสุทธิ ์
ทียุโรปเกิด Art Nouveau ปลาย 1880s >>> ไดแรงบันดาลใจสุนทรียศาสตรญีป่ ุน >>> กลายเป็ นภาษาการ
่ ้ ์ ่
แสดงออกทีมความสากล
่ ี ขยายอยางกวางขวาง >>>
่ ้ ริเริมจากวงการทัศนศิ ลป์และสถาปัตยกรรม >>>
่
ไดแรงบันดาลใจการธรรมชาติ สร้างลวดลายประดับและออกแบบตัวอักษร >>> ขยายไปเยอรมันเป็ นชือ
้ ่
Jugendstil >>> ขยายไปเวียนนาเป็ นชือ Viennese Secession เช่นงานของ Gustav Klimt >>>
่
ปลายศตวรรษที่ 19 เกิดอุตสาหกรรมวารสารมากมาย เพือตอบสนองชนชันกลาง >>> ผูรารวย
่ ้ ้ ่ วารสาร
แนวแฟชั่น แนวทองเทียวนิยม >>> USA Bazaar 1867 >>>อังกฤษ Punch 1841 >>> วารสารผูหญิง
่ ่ ้
กลายเป็ นตลาดใหม่ กระตุนการเติบโตของวงการออกแบบกราฟิ ก >>> ตนศตวรรษที่ 20 เกิดแนวคิด
้ ้
Modern Design >>> เน้นวิทยาศาสตรแหงประโยชนใช้สอยเพือชนชันกลางส่วนใหญของสั งคม >>> 1909 เกิด
์ ่ ์ ่ ้ ่
แนวคิด Futurist ในอิตาลี แสดงความลุมหลงของยุคจักรกลและความเร็ว >>> แสดงการเปลียนจากยุค
่ ่
วิคตอเรียประเพณีนยมสู่ยุคสมัยใหม่ >>> ผานแนวคิด Cubism & Futurism >>> ตนศตวรรษที่ 20 ใน
ิ ่ ้
เยอรมันเกิด Expressionism >>> ใช้ภาษาการแสดงแนวศิ ลปะชนเผา ่ >>> ช่วงสงครามโลกครังที่ 1 >>>
้
1914-1918 การออกแบบกราฟิ กถูกใช้เป็ นเครืองมือการเมืองชาตินยม >>>
่ ิ กราฟิ กกลายเป็ นสื่ อชวนเชือ จูง
่
ใจ เพือสร้างความเข้าใจเชิงสาธารณะของสั งคมวงกว้าง
่

5. 1860S VICTORIAN 1870S

6. 1890S – 1900S ART AND CRAFTS MOVEMENT
ART AND CRAFTS
IDEALS TO
THE MODERN
COMMERCIAL POSTER
> FOCUS ON
THE HARMONY OF
THE COMPOSITION

7. 1900S ART NOUVEAU
• COMMERCIAL PRODUCT
• USE OF LINE & ORNAMENT IN
GRAPHIC DESIGN
• SHARED SOURCE OF STYLE
WERE JAPANESE PRINTS
• USES CONTRASTING
ASYMMETRICAL &
CURVILINEAR &
FORMS OF FLAT COLOUR

8. 1900S ART NOUVEAU

10. 1900S VIENNA SECESSION
REACTION AGAINST THE ESTABLISHED ARTISTIC ORDER >
1897 GUSTAV KLIMT VIENNA SECESSION

11. 1900S VIENNA SECESSION

12. 1900S VIENNA SECESSION

13. THE NEW POSTER
• MODERN ARTISTIC > LITHOGRAPHIC PRINTING
> DIRECT RECORD >
• TEXT AND PICTORIAL SCHMES TO BE INTEGRATED IN
AN ARTISTIC WHOLE >
• THE GRAPHIC AND COMMERCIAL ARTS >
• 1870 ILLUSTRATED POSTERS COULD BE SEEN IN THE
STREETS OF MAJOR TOWN
• THE ART AND CRAFTS REFORM MOVEMENT DEVELOPED
NEW STYLE OF ARTISTIC POSTER >
• TO INSTALL VALUE OF GOOD TASTE >
• THE STREET AS ART GALLERIES >

14. 1900S THE NEW POSTER
CELEBRATE THE COLOURFUL VARIETY OF STREET LIFE

15. 1910 S CUBISM

16. 2)1920-1929 ยุคบุกเบิกสุนทรี ยศาสตร์ ความสมัยใหม่
ผานหลังสงครามโลก 1 >>> มนุ ษยมองโลกอยางมีความหวังถึงอนาคตทีด ี
่ ์ ่ ่ >>> ราลึกถึง
ความทรงจาทีเจ็บปวด
่ ถามหาโลกยุคใหม่ >>> วิทยาศาสตร ์ >>> อิสรภาพจาก
ประเพณีนิยม >>>
เกิด Bauhaus ตัวแทนวัฒนธรรมสมัยใหม่ >>> สุนทรียศาสตร ์ + วิทยาศาสตร ์ +
เพือชนชันกลางส่วนใหญ่
่ ้ >>> สรางหลักสูตรใหมทีไมตามศิ ลปะประเพณี >>> เน้น
้ ่ ่ ่
วิทยาศาสตรแหงประโยชนใช้สอย
์ ่ ์ >>> รูปทรงทีเรียบงาย น้อยเทาทีจาเป็ น
่ ่ ่ ่ รูปทรง
เรขาคณิต >>> ไมมีเวลา สากล หรือเป็ นตัวแทนวัฒนธรรมใดๆ >>> ในเนเธอรแลนดเกิด
่ ์ ์
กลุม De Stijl (the style) >>> อางสงครามโลก 1 ทาให้มนุ ษยตองการ Logic ของ
่ ้ ์ ้
สุนทรียศาสตรทีเรียบงาย
์ ่ ่ นามธรรม ภาษาสากล >>> ใช้เส้นตรงแนวตัง แนวนอน ้
และสี พนฐาน >>> ให้อิทธิพลทังวงการจิตรกรรมและสถาปัตยกรรม
ื้ ้ >>> รวมอุดมการณ ์
่
กับศิ ลปิ นรัสเซียกลุม Constructivists >>> จิตรกรรมทีไมอางถึงทีมาใดๆ Purely non-
่ ่ ่ ้ ่
objective approach >>> Mathematical Approach >>> องคประกอบมีพลวัตร เรขาคณิต
์
คลายสมการคณิตศาสตร ์
้ >>> เกิด Futurist ในอิตาลี เพิมประเด็นเรืองความเร็ว ความ
่ ่
เคลือนไหว >>>
่
กลุม Dada เป็ นวงการนักเขียนนา >>> รับอิทธิพลจากวงการกราฟิ กผสม Text + Image
่
>>> เน้น Improvisation ไมมีสไตลทีแน่นอน >>> อยูกับปัจจุบน
่ ์ ่ ่ ั ไมวางแผน เปิ ดสู่
่
ความเป็ นไปไดใหมๆ ทีไมใช่ประเพณีนิยม
้ ่ ่ ่ >>> ใช้เทคนิค Photo –Montage สะทอน้
Multiple Reality

17. 1930 USA > JUXTAPOSITION OF POSTERS ON BILLBOARDS AND BUILDINGS
THAT WAS CHARACTERISTIC OF THE PERIOD >

18. 1920S CONSTRUCTIVISM

19. 1920S CONSTRUCTIVISM
KAREL TEIGE :
INFLUENCE OF
CONSTRUCTIVISM,
SURREALISM, BAUHAUS

20. 1920S DE STIJL
DESTIJL INDUSTRIAL DESIGN

21. 1920S BAUHAUS
BAUHAUS

22. 1920S BAUHAUS
BAUHAUS

23. 1920S DA DA
PHOTOMONTAGE
• IMAGINATIVE
JUXTAPOSITION
• READY MADE IMAGES
TO CREATE A NEW
PICTORIAL REALITY
• TO CONSTRUCT MORE
SYSTEMATIC IMAGE
OF UTOPIA SOCIETIES
• USING AS A WEAPON
OF THE CLASS WAR >

24. 1920S FUTURISM

25. 3)1930-1939 ยุคเริ่ มสังคมโลกาภิวัตร การเดินทาง และสงคราม
30s เศรษฐกิจโลกตา >>> กราฟิ กแนว Cubism เชิงเรขาคณิต กลายเป็ นวัฒนธรรม
่
มวลชน >>> เยอรมันนาซียดประเทศ >>> Bauhaus หนีไปอเมริกา และอังกฤษ นาวิธ ี
ึ
คิดการออกแบบสมัยใหมไปดวย
่ ้ >>> 1932 Font time เกิด ถูกใช้อยางแพรหลายทัวโลกถึง
่ ่ ่
ปัจจุบน >>> Henry Beck ออกแบบแผนทีรถไฟใตดินแนว Modern Graphic มีอทธิพลทัว
ั ่ ้ ิ ่
โลกถึงปัจจุบน >>>
ั
Art Deco Typefaces เกิด >>> ฝรังเศล 20-30 เกิดรสนิยม Luxury วงการคนรวย
่
ประยุกตสุนทรียศาสตรสมัยใหมให้กลายเป็ น
์ ์ ่ Art Deco >>> ยังคงเห็ นเป็ น Figurative
แตถูกทาให้เรียบงายเชิงเรขาคณิตมากขึน >>> สี ไมอางธรรมชาติ
่ ่ ้ ่ ้ มีอทธิพลในวงการ
ิ
เครืองประดับ
่ สถาปัตยกรรม >>> อิตาลี Futurist เน้นยุคสมัยใหม่ ความกาวหน้า
้
เทคโนโลยี องคประกอบศิ ลป์ พลวัตร เราใจ
์ ้ >>>
สวิสเซอรแลนดเริมมีชอเสี ยงกลุม
์ ์ ่ ื่ ่ Swiss Style >>> พืนขาว Font Serif ชัดเจน มีระเบียบ
้
สงางาม สมัยใหม่ >>> เริมใช้กราฟิ กตอบสนองอุดมการณการเมืองของแตละประเทศมากขึน
่ ่ ์ ่ ้
>>>
ปลาย 30 นิวยอรคเริมกลายเป็ นศูนยกลางใหมของความเคลือนไหวทางศิ ลปะและการออกแบบ
์ ่ ์ ่ ่
เริมใช้โปสเตอรเป็ นสื่ อเพือปลูกฝังอุดมการณการเมือง >>> ประชาธิปไตย VSคอมมิวนิสต ์
่ ์ ่ ์
VSชาตินิยม >>> พัฒนาสู่ War II ตอมา ่

26. 1930S ART DECO
ART DECO
USED IN FASHION, ADV,
RETAIL DESIGN, LEISURE
ARCHICTECTURE >
ROOT…TRADITION OF
THE FRENCH DECORATIVE
ARTS AND CRAFT >
STYLISTIC NOVELTY,
EXOTICISM IN MATERIALS
OR ICONOGRAPHY
FROM…CUBISM AND
FUTURISM

27. 1930S ART DECO

28. 1930S ART DECO

29. 1930S SWISS STYLE
MASSIMO VIGNELLI :
BASED ON GRIDS, SEQUENCING, DYNAMIC RELATIONSHIP OF SCALE
(SWISS TYPOGRAPHY)

30. 1930S HEROIC REALISM
NATIONAL IDENTITY :
• INTERWAR > USED IN PRINTED
PROPAGANDA MATERIAL.
• BEFORE MASS MEDIA ERA
• IDEOLOGICAL ATTITUDE
• OFFICIAL AESTHETIC POLICIES

31. 1930S HEROIC REALISM

32. 1930S PUBLIC AWARENESS ADVERTISING

33. 4)1940-1949 ยุคสงครามโลก อเมริกา กับวัฒนธรรมมวลชน
40 ช่วงเวลาของความขัดแยงอุดมการณการเมือง และสงคราม >>> อเมริกา
้ ์
กลายเป็ นชาติมหาอานาจ >>> 1942 สรางแผนก War Information >>> ใช้
้
โปสเตอรเป็ นเครืองมือสาคัญของสงคราม >>> War Graphic ดูคลายการตูนทีเราใจ
์ ่ ้ ์ ่ ้
>>> ถูกกระจายทุกแหงในฐาน Visual Message >>> ตองการสรางสานึกส่วนรวม
่ ้ ้
ทาให้ทุกแหงเป็ นเสมือนสื่ อโฆษณาดวยโปสเตอร ์
่ ้ ทุกแหงเสมือนหิมะพึงตกใหม่
่ ่
วงการวารสาร สื่ อโฆษณา และการออกแบบในอเมริกากลายเป็ นยุคทอง >>> เกิด
วารสารใหมเช่น Fortune /Vogue/ Harper /Pulp >>> ไมแพง
่ ่ มีแนวกราฟิ กของ
ตัวเอง เน้นพืนขาว Sharp Type / Open Designs >>>
้
หลังสงครามโลก 2 เริมมองอนาคตของโลกเชิงบวกมากขึน ผานอุตสาหกรรมการ
่ ้ ่
ออกแบบในอเมริกา

34. 1940S MID-CENTURY
WITTY & CONFIDENT
USE OF WHITE SPACE
CLEVER COPYLINE
COORDINATION OF
TYPE & IMAGE
TRADEMARK AS
DESIGN

35. 1940S SWISS INTERNATIONAL
MASSIMO VIGNELLI :
BASED ON GRIDS, SEQUENCING, DYNAMIC RELATIONSHIP OF SCALE
(SWISS TYPOGRAPHY)

36. 5)1950-1959 ยุคบริ โภคนิยม
50 ช่วงหลังสงครามโลก อังกฤษตองการปรับตัว
้ >>> รัฐเน้นอุตสาหกรรมการ
ออกแบบ สร้างยุคบริโภคนิยม >>> นักออกแบบกราฟิ กเพือสงครามเปลียนสู่นัก
่ ่
ออกแบบกราฟิ กเพือพาณิชย ์
่ >>> รับใช้ Media Station สรางสื่ อโฆษณา>>>
้
Agency เพือสราง Corporate Identity /Branding >>>
่ ้
นิวยอรคกลายเป็ นเมืองหลวงของโลกดานสื่ อโฆษณา
์ ้ >>> ตอบสนองอุตสาหกรรม
แฟชัน บันเทิง Life Style เป็ นหลัก >>> Creative Economy >>> นาเสนอ
่
สุนทรียศาสตรทีดสดใส
์ ่ ู ดึงดูดสายตา เพือวัฒนธรรมบริโภคนิยม >>>
่ การ
ออกแบบกราฟิ ก เน้น Niche Market แทน Mass Market >>> แตละ ่
อุตสาหกรรมมี Perception เฉพาะของแตละ Segment >>>
่
เปิ ดสู่การทดลองแนวคิดใหมๆ ดานการออกแบบกราฟิ กมากขึน >>> เน้น
่ ้ ้
Functional Approach ขายของ >>> วารสาร Play Boy เกิด /หนัง Hollywood
แนว pop culture ครองโลก >>> เน้น Metaphorical Way เชิงอารมณ ์ >>>
ปลาย 50s เกิดกลุม Swiss Style ขยายอิทธิพล Modern Graphic Style อยาง
่ ่
ตอเนื่อง >>> ออกแบบ Font Helvetica Univers ทีนิยมระดับโลกถึงปัจจุบน
่ ่ ั

37. 1950S MID – CENTURY MODERN

38. 1950S MID – CENTURY MODERN
JASS COVERS
THE
RELATIONSHIP
GRAPHIC STYLE
& MUSIC
CONTENT
..VISUAL
STATEMENT

39. 6)1960-1969 ยุคกราฟิ กทางเลือก ต่ อรองบริโภคนิยม
ยุคทีผูคนตังคาถามของกระแสหลักทางวิชาการ และรสนิยมดานตางๆ >>>
่ ้ ้ ้ ่
ถามแนวคิดทางเลือก การออกแบบกราฟิ กเน้นหาสไตลทีแตกตาง >>>
์ ่ ่
หลังสงคราม รุน Baby Boomer ยังเป็ นวัยรุน
่ ่ ตอตานแนวคิดอนุ รกษและ
่ ้ ั ์
แนวคิดกระแสหลัก >>> ถามหาความเปลียนแปลง ศักดิศรี ทางเลือกอืนๆ
่ ์ ่
ความหมายของชีวต ทางเลือก >>> เป็ นปรากฏการณรวมระดับโลกาภิวตร >>>
ิ ์ ่ ั
เป็ นวิถชวตนักเดินทาง เสรีภาพ >>> ตอตานสงครามเวียดนาม สงครามเกาหลี
ี ี ิ ่ ้
>>> เป็ นวัฒนธรรมของวัยรุนช่วง 60 เน้นอารมณขัน
่ ์ >>>
การทบทวนศาสตรดังเดิมของมนุ ษยดานจิตวิญญาณ
์ ้ ์ ้ >>> อางทางตันของ
้
วัฒนธรรมมวลชน ทีสรางวัฒนธรรมเพือการคา ศิ ลปะ ดนตรี สถาปัตยกรรม
่ ้ ่ ้
แฟชัน กราฟิ ก ฯลฯ
่ >>> ไมชอบทังประเพณีนิยม และแนวคิดสมัยใหม่ >>>
่ ้
เสนอคาถามปลายเปิ ดให้สั งคม >>>
ศิ ลปะ Op Art มีอทธิพลกับงานออกแบบช่วงเวลานี้
ิ

40. 60S
THE UNDERGROUND PRESS

41. 60S
PSYCHEDELIA

42. 60S
POP ART

43. 7)1970-1989 ยุคกราฟิ กหลังสมัยใหม่ ความหลากหลาย Deconstruct
วงการกราฟิ ก NY มีบทบาทนาโลก >>> การออกแบบ Font มาตรฐานสากล
Helvetica Univers >>> อิทธิพลช่วง 70 การใช้ Logo CI Branding เพือการ
่
แขงขันทางการคา เช่น Nike >>> นาซ่าปลอยจรวดสู่ดวงจันทร ์ >>>
่ ้ ่
เกิด Punk ในอังกฤษ >>> สรางอิทธิพลตอ Pop Culture ดนตรี แฟชัน ศิ ลปะ
้ ่ ่
ตรงไปตรงมา >>> ผสมผสานจาก Image หลากหลายทีมา จริง+เทียม
่
สาคัญเทากัน >>> ชอบแดกดันทางการเมือง >>>
่
เขาสู่ยุค New Media คอมพิวเตอรกราฟิ ก เปิ ดเสรีภาพการออกแบบ>>>
้ ์
ปฏิวตกระบวนการออกแบบกราฟิ ก สู่ Non linear Process >>> สามารถออกแบบ
ั ิ
ไดอยางซับซ้อน
้ ่ >>> Complex Montage >>> Digital Collages >>>
Layered Digitized Imagery >>> We are in the age of the simultaneous of
juxtaposition Aesthetics >>>
ทาทายสุนทรียศาสตรสมัยใหม่ เน้น Grid >>> อานจากซ้ายไปขวา จากบนลงลาง
้ ์ ่ ่
>>> สู่การคืนเสรีภาพการอาน ความสนใจ การตีความ การมีส่วนรวมให้ผูอาน
่ ่ ้ ่
>>> ตอยอดสู่
่ Deconstruct Graphic >>>
ตอยอดสู่ Information Designer
่

44. 70S
LATE MODERNISM
• INCORPORATES…
CONSTRUCTIVIST….PARALLEL
IN INTERTEXTUALITY IN
RECENT LITERATURE
CONSTRUCTIVIST….PARALLEL
IN INTERTEXTUALITY IN
RECENT LITERATURE

45. 70S
JAPANESE MODERN

46. 80S
POST MODERNISM

47. 80S
DESIGN IN THE
DIGITAL ERA
APRIL GREIMAN

48. 90S
DE-CONSTRUCTION

49. Website Design

50. Artistic Identity / Social Class

51. 2000S
BRANING I CORPORATE IDENTITY I TOTAL LOOK

52. 2000S
BRANING I CORPORATE IDENTITY I TOTAL LOOK