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