HISTORY OF GRAPHIC DESIGN
VISUAL COMMUNICATION
WORDS & IMAGE THE BEGINNING OF MASS MEDIA
Image ชวยใหเราเหน แนวคด ของมนษยชาต
ทหลากหลาย
นกออกแบบกราฟกคอนกสอสาร “สาร” ส สงคม ทงผลตภณฑ แนวคด >>> จดการรปทรงทเหนไดสสไตลทเหมาะสม เพอกลมเปาหมายเฉพาะ >>> สะทอนคณคา ความคด ความเชอของมนษยในแตละชวงเวลา
พฒนาการของการออกแบบกราฟก ถกสรางจากเหตผลในสงคมหลายๆ Factors ประกอบกน >>> อาจมาจากเหตผลเชงการเมอง เศรษฐกจ สงคม วฒนธรรม ศลธรม สนทรยศาสตร ฯลฯ
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 การออกแบบกราฟกถกใชเปนเครองมอการเมองชาตนยม >>> กราฟกกลายเปนสอชวนเชอ จงใจ เพอสรางความเขาใจเชงสาธารณะของสงคมวงกวาง
1860S VICTORIAN 1870S
1890S – 1900S ART AND CRAFTS MOVEMENT
ART AND CRAFTS
IDEALS TO
THE MODERN
COMMERCIAL POSTER
> FOCUS ON
THE HARMONY OF
THE COMPOSITION
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
1900S ART NOUVEAU
REACTION AGAINST THE ESTABLISHED ARTISTIC ORDER >
1897 GUSTAV KLIMT VIENNA SECESSION
1900S VIENNA SECESSION
1900S VIENNA SECESSION
1900S VIENNA SECESSION
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 >
CELEBRATE THE COLOURFUL VARIETY OF STREET LIFE
1900S THE NEW POSTER
1910 S CUBISM
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
1930 USA > JUXTAPOSITION OF POSTERS ON BILLBOARDS AND BUILDINGS
THAT WAS CHARACTERISTIC OF THE PERIOD >
1920S CONSTRUCTIVISM
KAREL TEIGE :
INFLUENCE OF
CONSTRUCTIVISM,
SURREALISM, BAUHAUS
1920S CONSTRUCTIVISM
1920S DE STIJL
DESTIJL INDUSTRIAL DESIGN
BAUHAUS BAUHAUS BAUHAUS BAUHAUS
1920S BAUHAUS
BAUHAUS BAUHAUS BAUHAUS BAUHAUS
1920S BAUHAUS
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 >
1920S FUTURISM
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 ตอมา
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
1930S ART DECO
1930S ART DECO
1930S ART DECO
MASSIMO VIGNELLI :
BASED ON GRIDS, SEQUENCING, DYNAMIC RELATIONSHIP OF SCALE
(SWISS TYPOGRAPHY)
1930S SWISS STYLE
NATIONAL IDENTITY : • INTERWAR > USED IN PRINTED
PROPAGANDA MATERIAL.
• BEFORE MASS MEDIA ERA
• IDEOLOGICAL ATTITUDE
• OFFICIAL AESTHETIC POLICIES
1930S HEROIC REALISM
1930S HEROIC REALISM
1930S PUBLIC AWARENESS ADVERTISING
4)1940-1949 ยคสงครามโลก อเมรกา กบวฒนธรรมมวลชน
40 ชวงเวลาของความขดแยงอดมการณการเมอง และสงคราม >>> อเมรกากลายเปนชาตมหาอ านาจ >>> 1942 สรางแผนก War Information >>> ใชโปสเตอรเปนเครองมอส าคญของสงคราม >>> War Graphic ดคลายการตนทเราใจ >>> ถกกระจายทกแหงในฐาน Visual Message >>> ตองการสรางส านกสวนรวม ท าใหทกแหงเปนเสมอนสอโฆษณาดวยโปสเตอร ทกแหงเสมอนหมะพงตกใหม
วงการวารสาร สอโฆษณา และการออกแบบในอเมรกากลายเปนยคทอง >>> เกดวารสารใหมเชน Fortune /Vogue/ Harper /Pulp >>> ไมแพง มแนวกราฟกของตวเอง เนนพนขาว Sharp Type / Open Designs >>>
หลงสงครามโลก 2 เรมมองอนาคตของโลกเชงบวกมากขน ผานอตสาหกรรมการออกแบบในอเมรกา
1940S MID-CENTURY
WITTY & CONFIDENT
USE OF WHITE SPACE
CLEVER COPYLINE
COORDINATION OF
TYPE & IMAGE
TRADEMARK AS
DESIGN
MASSIMO VIGNELLI :
BASED ON GRIDS, SEQUENCING, DYNAMIC RELATIONSHIP OF SCALE
(SWISS TYPOGRAPHY)
1940S SWISS INTERNATIONAL
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 ทนยมระดบโลกถงปจจบน
1950S MID – CENTURY MODERN
1950S MID – CENTURY MODERN
JASS COVERS
THE
RELATIONSHIP
GRAPHIC STYLE
& MUSIC
CONTENT
..VISUAL
STATEMENT
6)1960-1969 ยคกราฟกทางเลอก ตอรองบรโภคนยม
ยคทผคนตงค าถามของกระแสหลกทางวชาการ และรสนยมดานตางๆ >>>
ถามแนวคดทางเลอก การออกแบบกราฟกเนนหาสไตลทแตกตาง >>>
หลงสงคราม รน Baby Boomer ยงเปนวยรน ตอตานแนวคดอนรกษและแนวคดกระแสหลก >>> ถามหาความเปลยนแปลง ศกดศร ทางเลอกอนๆ ความหมายของชวต ทางเลอก >>> เปนปรากฏการณรวมระดบโลกาภวตร >>> เปนวถชวตนกเดนทาง เสรภาพ >>> ตอตานสงครามเวยดนาม สงครามเกาหล >>> เปนวฒนธรรมของวยรนชวง 60 เนนอารมณขน >>>
การทบทวนศาสตรด งเดมของมนษยดานจตวญญาณ >>> อางทางตนของวฒนธรรมมวลชน ทสรางวฒนธรรมเพอการคา ศลปะ ดนตร สถาปตยกรรม แฟชน กราฟก ฯลฯ >>> ไมชอบทงประเพณนยม และแนวคดสมยใหม >>> เสนอค าถามปลายเปดใหสงคม >>>
ศลปะ Op Art มอทธพลกบงานออกแบบชวงเวลาน
60S
THE UNDERGROUND PRESS
60S
PSYCHEDELIA
60S
POP ART
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
• INCORPORATES…
CONSTRUCTIVIST….PARALLEL
IN INTERTEXTUALITY IN
RECENT LITERATURE
CONSTRUCTIVIST….PARALLEL
IN INTERTEXTUALITY IN
RECENT LITERATURE
70S
LATE MODERNISM
70S
JAPANESE MODERN
80S
POST MODERNISM
80S
DESIGN IN THE
DIGITAL ERA
APRIL GREIMAN
90S
DE-CONSTRUCTION
Website Design
Artistic Identity / Social Class
2000S
BRANING I CORPORATE IDENTITY I TOTAL LOOK
2000S
BRANING I CORPORATE IDENTITY I TOTAL LOOK