ÊÒ¢ÒÇÔªÒ¹Ôà·ÈÈÒʵÃ�ºÙóҡÒà | ¤³ÐÈÔÅ»ÈÒʵÃ� | ÁËÒÇÔ·ÂÒÅÑÂáÁ‹â¨Œ

• ¡Ãкǹ¡ÒäԴàº×ͧµŒ¹ã¹¡ÒÃÍ͡Ẻ o ÇÔ¸Õ¡ÒÃÍ͡Ẻàº×ͧµŒ¹ o ໇ÒËÁÒÂáÅÐÇѵ¶Ø»ÃÐʧ¤�¢Í§¡ÒÃÍ͡Ẻ o ¡ÒõդÇÒÁ⨷Â� o WITTY THINKING ¡Ñº¡ÒÃÍ͡Ẻ

¹È 321 Ê×ÍÊÔ§¾ÔÁ¾� [CA 321 Printed Media]

ÃÇÁÃÇÁ/àÃÕºàÃÕ§ â´Â ÍÒ¨ÒÃÂ�³Ñ¯°¾§É� ÊÒ¾Գ

º··Õ 2

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 1

“¡Ãкǹ¡ÒäԴàº×ͧµŒ¹ã¹¡ÒÃÍ͡Ẻ”

งานกราฟกมความเกยวของกนกบสอสงพมพนอกจาก บอกเลาเรองราวหรอใหรายละเอยดตาง ๆ

แกผ รบสารในการ สอความหมายแลว ยงแสดงถงลกษณะของบคคลหรอสงใดสงหนง เพอโนมนาวหรอชก

จงผาน “สาร” เพอใหบรรลวตถประสงคของสอสงพมพแตละประเภทในบรบทตางๆ ในบทนจะกลาวถงวธ

คดเพอตความโจทยในการออกแบบเพอสรางความหมายใหบรรลวตถประสงคของสอสงพมพแตละ

ประเภท หากนกออกแบบไดมการใสไอเดยหรอลกเลนไปในงานแตละชน จะเปนการเพมคณคาและสราง

การจดจากบงานสรางสรรคแตละชนนนเอง

ÇÔ Õ¡ÒÃÍ͡Ẻàº×ͧµŒ¹

นยามของการออกแบบ

การออกแบบภาษาชนดหนงทมพนฐานจากองคประกอบทางศลปะ สามารถบอกเลาแนวความคด

ของเราตอสงตาง ๆ โดยตองนาสนใจทงตวภาษาและเนอหาทพดถง

การออกแบบ

“ศาสตรแหงความคด แกไขปญหาเพอสนองตอจดหมาย ” ซงตองมลกษณะทเกยวของกบประเดน

ตางๆ ดงน

• ตอบสนองความจาเปนของมนษย

• ตองมเกณฑทพสจนไดเพอการตดสนใจในคณคาของงานออกแบบ

• มประโยชนใชสอยทด

• มแนวความคดทด

• ความสวยงาม

• ประหยดเวลาในการนาเสนอขอมล

• กระตนการสอสาร

• ชวยใหคนจานวนมากเขาใจสอทนาเสนอ

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 2

กราฟกดไซน (Graphic Design)

ความหมายของคาวา กราฟก คอ การออกแบบภาษาชนดหนงทมพนฐานจากองคประกอบทาง

ศลปะ สามารถบอกเลาแนวความคดของเราตอสงตาง ๆ โดยตองนาสนใจทงตวภาษาและเนอหาทพดถง

กราฟกดไซน หรอการออกแบบกราฟก เปนศาสตรทเกยวของกบการออกแบบโดยอาศย

องคประกอบ ดงน

• คา

• แผนผง

• ตวเลข

• ภาพถาย

• ภาพประกอบ

โดยในกระบวนการออกแบบ มรปแบบวธการตางๆ ทง การออกแบบภาษา การวางแผน การ

จดการขอมลอยางเปนระบบ ประโยค/ขอความ/ภาพประกอบ และเนนไปในความสวยงาม ซง

໇ÒËÁÒÂáÅÐÇѵ¶Ø»ÃÐʧ¤�¢Í§¡ÒÃÍ͡Ẻ

การออกแบบกราฟกมเปาหมายเฉพาะแตกตางกนไปตามวตถประสงค ขนอยกบการนาไปใชใน

สอสงพมพแตละประเภทดวยกน แตโดยรวมแลวจะอาศยหนาทหลก 3 ประการดวยกน

หนาทของกราฟกดไซน ม 3 ดานหลก ไดแก

1. To Inform

บอกเลาเรองราวหรอใหรายละเอยดตาง ๆ เชน สญลกษณบอกทาง

ภาพท 1 สญลกษณจราจร

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 3

2. To Identity

แสดงถงลกษณะของบคคลหรอสงใดสงหนง เชน โปสเตอรหาเสยงของพรรคการเมองตาง ๆ

ภาพท 2 โปสเตอรหาเสยงของพรรคการเมองในประเทศไทย

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 4

3. To Persuade

เพอโนมนาวหรอชกจง ขบเนนขอด สอความหมาย เชน โลโกรานอาหาร โลโกธนาคาร เปนตน

ภาพท 3 โลโกรานอาหาร และโลโกธนาคาร

¡ÒõդÇÒÁ⨷Â�

โจทยทนกออกแบบจะไดรบแตกตางกนไปตามเนองาน การตความโจทยเพอการออกแบบมปจจย

หลายดานทสงผล ทงระยะเวลา ประสบการณ ทกษะในการทางาน ซงปจจยตางๆ เหลาน นกออกแบบ

สามารถพฒนาไดดวยการฝกวธคดเพอการออกแบบ

เทคนควธคดเบองตนเพอการออกแบบ

นกออกแบบสามารถสรางกระบวนการเพอขบเนนภาษากราฟกใหสอความหมายไดดวยการวธการ

ตางๆ ทงการใหผชมคดแตกตางจากแนวคดของนกออกแบบ หรอกระตนใหผชมคดตอยอดเองจากแนวคด

ของนกออกแบบ และบงคบผชมคลอยตามมมมองของนกออกแบบ ทงนขนอยกบเทคนควธคดทเหมาะสม

กบการออกแบบในบรบทนนๆ โดยสามารถทาตามลาดบไดดงน

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 5

1. กาหนดเปาหมายและวตถประสงค

2. ตความโจทย

3. เนอหาจากการวจย

4. แนวความคด

5. ตวแสดงออก

6. บรบท

7. กระบวนการออกแบบ

WITTY THINKING ¡Ñº¡ÒÃÍ͡Ẻ

Witty Thinking เปนเชาวนปญญา และไหวพรบปฏภาณทใชในการออกแบบงานกราฟกตาง ๆ

โดยมนยามวา “กราฟก Wit ไมใชความแตกตาง แตเปนสอกลางทเกดจากพนฐานทางเทคนคเหมอนๆ กน”

วธแบบ Witty thinking แบงได 20 แบบ ดงน

1. แบบผดมสวนรวม

2. การแทนคา

3. การปฏเสธ

4. การยมความหมายของสงเกามาใช

5. สภาวะและคณลกษณะ

6. การเลาเรองตามเวลา

7. การจบค

8. ภาษา

9. ความกากวมของภาษาภาพ

10. การแทนท

11. การเพม

12. การเชอมโยง

13. การเลยนแบบอยางสมจรง

14. คาพองเสยงและวลทายคา

15. การเปนไปตามตวอกษร

16. วางอบายใหคาดหวงในสงหนงแตพบกบอก

สงหนง

17. ความไมเกยวของกนเลย

18. การเปนไปตามเทศกาลหรอตามเศรษฐกจ

19. เลนกบหนาตาและรางกาย

20. ทวางบวกและทวางลบ

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 2

1. แบบผดมสวนรวม(Interactive Graphic)

• หมายถง การสรางการมสวนรวมของผดขณะรบสารจากสอ

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 3

2. การแทนคา (Substitute)

• หมายถง เราแทนคาบางสงลงไปในอกสงหนงเพอสรางความนาสนใจ

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 4

3. การปฏเสธ(Rejection)

• หมายถง เราใชการปฏเสธเปนลกเลนสาหรบสอความหมาย

4. การยมความหมายของสงเกามาใช (Homage)

• เปนการดงเอาไอคอนเกามาใช โดยอาจไมไดนาสงเกามาใชทงหมด แตอาจนามาเพยง

สวนใดสวนหนง

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 5

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 6

5. สภาวะและคณลกษณะ (Quality)

• สภาวะในทน ถกนามาจากคณสมบตของสงตาง ๆ หรออปนสยของสงนน ๆ เชน นาเอา

นสยของเดกทไมมระเบยบมาใช หรอ คณสมบตความแขงแรงของเพชร

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 7

6. การเลาเรองตามเวลา(Narrative from the time)

• เปนการลาดบความตอเนองจาก 1 ไป 2 แลวไป 3 หรอ เนนชวงเวลาใดเวลาหนงทผดจะ

คาดการณไดวามอะไรเกดขนกอนหนานน และจะเกดอะไรขนตอไป

7. การจบค (Paris)

• การจบคจะตองทาใหสงทนามาใชงานอยรวมกน เนนใหเกดความหมายทตางไปจากเดม

เพอสรางความหมายใหมและความประหลาดใจ

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 8

8. ภาษา (Language)

• ภาษาในทนหมายถงภาษาพเศษ เชน อกษรเบลล ตวโนต หรอมากกวาภาษาเขยนทใชกน

ในชวตประจาวน

9. ความกากวมของภาษาภาพ (Ambiquity)

• คอการออกแบบของสองอยางรวมกนในหนงเดยว ทาใหสามารถมองเปนสองแงได

เหมอนกบภาพหลอนทางสายตา

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 9

10. การแทนท (Substitution)

• เปนเทคนคคลาสสค แทนทภาพยอยหนงลงในอกภาพยอยหนงในภาพรวมทงหมด เปน

การรวมของสองสงทไมสามารถอยรวมกนไดใหอยดวยกนได

11. การเพม (Addition)

• เปนวธทปรากฏมากโดยเฉพาะการออกแบบโปสเตอร คอการเปลยนรปทรงโดยเพมสงใด

สงหนงลงไปเลกนอย

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 10

12. การเชอมโยง(Missing Link)

• เชอมโยงสงตาง ๆ เขาดวยกนเหมอนกบเหนภาพหนงแลวไปนกถงอกภาพหนง โดยดง

เอาสวนทโดดเดนของสงทตองการออกมาวางตาแหนงใหมใหเขากนได

13. การเลยนแบบอยางสมจรง(Trompe l’ oeil)

• คอการวางตาแหนงของงานออกแบบใหอยตรงกลางระหวางความจรงกบการหลอกลวง

เชน การทาแพคเกจใหดเหมอนถงขยะจรง ๆ

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 11

14. คาพองเสยงและวลทายคา (Puns and Rebuse)

• เปนการใชประโยชนจากการพองเสยง โดยนามาใชกบภาพและตวอกษร

15. การเปนไปตามตวอกษร(Talking it Literally)

• สรางสภาวะหรอลกษณะใหเปนไปตามตวอกษรทกากบไว ทงในเชงกายภาพ และ

ความหมาย

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 12

16. การวางอบายใหคาดหวงในสงหนงแตพบกบอกสงหนง (Expectation Confounded)

• เปนการวางอบายหรอกบดก ใชการคาดการณของคนทวไปใหผดไป เพอใหเกดความ

ประหลาดใจหรอประทบใจ

17. ความไมเกยวของกนเลย(Incongruity)

• การใสสวนผสมของภาพทไมนาจะอยดวยกนไดใหกลมกลน โดยแฝงนยยะของการ

ออกแบบเปนตวเชอมโยง

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 13

18. การเปนไปตามเทศกาลหรอตามเศรษฐกจ (Economy)

• การยมสญลกษณตามเทศกาลตาง ๆ มาจดสรรใหลงตวกบเนอหา

19. เลนกบหนาตาและรางกาย (The Face and The Body)

• หนาตาและรางกายเปนสงทบงบอกเอกลกษณ นสย และอารมณของสงนน ๆ ไดเปน

อยางด อยทวาเราจะสอสารออกมาทางใด

เอกสารประกอบการสอน นศ321 สอสงพมพ : กระบวนการคดเบองตนในการออกแบบ | 14

20. ทวางบวกและทวางลบ(Positive Space and Neagative Space)

• เปนการเลนกบ Space ในงาน โดยสรางทวางทงสองสวนใหเกดความหมายไดทงหมด

จากวธการใช Witty Think ในการออกแบบ จะทาใหเหนวางานออกแบบมลกเลนและความหมายทด

มากขน สงผลใหงานออกแบบดมเรองราวและมคณคา ซงสามารถพฒนางานออกแบบนนๆ ไปใชประยกต

กบการออกแบบสงพมพอนๆ ไดตอไป

บรรณานกรม

ปาพจน หนนภกด. 2553. หลกการและกระบวนการออกแบบงานกราฟกดไซน . นนทบร : บรษท

ไอดซ พรเมยร จากด.

วรณ ตงเจรญ. 2545. การออกแบบกราฟค. กรงเทพมหานคร. สนตการพมพ.

โสรชย นนทวชรวบลย. 2545. BE GRAPHIC สเสนทางกราฟกดไซเนอร. กรงเทพมหานคร. เอ.อาร.

อนฟอรเมชน แอนด พบลเคชน จากด.