67
RNFHGKHGRUOGP DELKSJHGQNBXVM ASDFGHJKLWEWSD PUOEWJHSGFZNTO OPY COMPUTER IOR UYJK GRAPHIC SBPA MJSLX DESIGN PFDC KSLDJFMZNCHQOV ZKADLFJQGMBRWB CKSJFYTUQIWYOB

Computer graphic design

Embed Size (px)

DESCRIPTION

Computer graphic design

Citation preview

RNFHGKHGRUOGPDELKSJHGQNBXVMASDFGHJKLWEWSDPUOEWJHSGFZNTOOPYCOMPUTERIORUYJKGRAPHICSBPAMJSLXDES IGNPFDCKSLDJFMZNCHQOVZKADLFJQGMBRWBCKSJFYTUQIWYOBI

ความหมายทเกยวของกบงานออกแบบกราฟกดไซน- นยามของการดไซน- หนาทและกระบวนการของกราฟกดไซน

บทท 1

นยามของการดไซน1914 - 1996

Paul Rand กราฟกดไซเนอรผยงใหญไดกลาว

ไวท MIT Media Laboratoryaul วา

ดไซน คอ วธการดงรปแบบและ

เนอหาออกมารวมกน

การออกแบบเปนเหมอนศลปะอยางหนงทมหลายนยาม สาเหต

ทการออกแบบไมไดมนยามเดยวนนกเพราะวาดไซนสามารถเปนไดทง

ศลปะ ดไซนสามารถเปนไดทงสนทรยศาสตร และดไซนอาจจะหมายถง

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

เขาใจไดโดยไมยากเกนไปนก

สงทสำาคญสำาหรบกราฟกดไซนกคอ กราฟกดไซนทจะเนนไปในดานความสวยงามตางๆ มากกวาในทางประโยชนใชสอย

1

บทท 1 ความหมายทเกยวของกบงานออกแบบกราฟกดไซน 2

Milton Glaser กราฟกดไซเนอรชอกองโลก ไดกลาว ณ

Brigham Young University ป ค.ศ . 2006 โดยมความเหนวา ดไซนเนอร คอ

การวางแผนอยางเรยบงาย โดยผลงานทดจะมาจากการอยในสภาพแวดลอมท

เหมาะสมมากวา

ภาพจาก : http://whatiwannaknow.com/2012/08/milton-glaser/

นยามของการดไซน1929

2

บทท 1 ความหมายทเกยวของกบงานออกแบบกราฟกดไซน 3

3นยามของกราฟกดไซนAIGA (American Institute of Graphic Arts) 1914

AIGA (American Institute of Graphic Arts) ค.ศ. 1914 โดย Jessica Helfand นกเขนคอลมนสต และผบรรยาย

เกยวกบกราฟกดไซนไดนยามไววา กราฟกดไซน คอ การรวมกนของคำา

หลายๆคำา ภาพหลายๆภาพ โดยอาจเปนภาพชนดตางๆ ไมวาจะเปน

ตวเลข แผนผง ภาพถาย หรอ ภาพประกอบ

สงตางๆ เหลานจะเกดเปนผลสำาเรจหรอผลงานทดไดกดวยความ

ชดเจนมเอกลกษณหรอมความเฉพาะตวของผออกแบบ

ภาพจาก : http://www.aiga.org

บทท 1 ความหมายทเกยวของกบงานออกแบบกราฟกดไซน 4

Tibor Kalaman นกกราฟกดไซเนอรชาวฮงการคาย Colors Magazine ไดสมภาษณ

กบ Moria Cullen นกเขยนทางดานการออกแบบชนนำาไววา กราฟกดไซน คอ ภาษาอยางหนง แตนก

ออกแบบกราฟกไมตองยงยากหรอกงวลเกยวกบหลกการในเรองภาษา แตนกออกแบบควรใชเวลาในเรอง

ของการสอสารออกไปในทศทางทมนควรจะเปนใหไดเสยมากกวา

ภาพจาก : http://adcglobal.org/hall-of-fame/tibor-kalman/

นยามของกราฟกดไซน1994-1999

4

บทท 1 ความหมายทเกยวของกบงานออกแบบกราฟกดไซน 5

ภาพจาก : http://www.letsbebrief.co.uk/massimo-vignelli/

นยามของกราฟกดไซน1931

Massimo Vignelli นกออกแบบหลายสาขาชาว

อตาลใหความเหนวา กราฟกดไซนเปรยบเหมอนกบการจดการขอมลอยาง

เปนระบบ โดยประกอบไปดวยเรองตางๆ เชน การเปลยนแปลงความหมาย

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

จดการกบสวนทยงยากตอการทำาความเขาใจใหเขาใจไดอยางงายดาย

5

บทท 1 ความหมายทเกยวของกบงานออกแบบกราฟกดไซน 6

บทท 2กระบวนการคดเบองตน

การรแจง ความคดสรางสรรค และอารมณขนเปนสงทอธบายไดยากเพราะจต

ของคนเรานนสามารถทำางานไดอยางยอดเยยม จะอาศยสงรอบตวของคนผนน สราง

แบบแผนตางๆขนมาจดเอาไว ตอบโต และนำาแบบแผนเหลานมาใช ยงแบบแผนถก

ใชงานมากเทาไรมนกจะยงมนคงและมเสถยรภาพมากยงขน

สมอง ของคนเราจะทำางานตลอดเวลาไมวาหลบหรอตน

แตการทำางานในแตละสวนจะแตกตางกน การทำางานของสมองขนอยกบเซลล

ประสาททมอยเปนจำานวนแสนลานเซลล เซลลประสาทเหลานจะตดตอพดคย

กนโดยใชระบบสารเคม และประจไฟฟา สมองของคนเรานนแบงการทำางาน

เปน 2 สวน คอ สมองซกซายและสมองซกขวา

กระบวนการคดสรางสรรค

บทท 2 กระบวนการคดเบองตน 8

สมองซกขวา

สมองซกซาย

สมองซกขวาจะควบคมการทำางาน

ของอวยวะดานซายของรางกาย และ

ทำางานในลกษณะของภาพรวม ความคด

รวบยอดจนตนาการ การใชความรสกและ

อารมณ ดงนนบรรดาศลปน นกวาดภาพ

ชางปน นกรอง นกแตงเพลง นกเขยนกจะ

ใชสมองซกนมากกวา

สมองซกซายจะควบคมการทำางาน

ของอวยวะดานขวาของรางกาย และการ

ทำางานในลกษณะของความเปนเหตเปน

ผล เปนลำาดบขนตอน เปนตรรกะ ดงนน

บรรดาผททำางานดานนกเขยนโปรแกรม

คอมพวเตอรกจะใชสมองซกนมากกวา

อกซกหนง

บทท 2 กระบวนการคดเบองตน 9

1. เรองของสตปญญาแบบเหตผล

2. เรองเกยวกบตวเลข

3. การคดแบบนามธรรม

4. คดเปนเสนตรง

5. เรองของการวเคราะห

6. ไมเกยวกบจนตนาการ

7. คดแบบตอเนองตามลำาดบ

8. เปนเรองของวตถวสย

9. เกยวของกบคำาพด

1. เปนเรองไมเกยวกบเหตผล

2. เปนเรองของอปมาอปไมย

3. เปนการคดแบบรปธรรม

4. คดอสระไมเปนเสนตรง เหนภาพทงหมด

5. เปนเรองของการสงเคราะห

6. ใชจนตนาการ

7. คดไมเปนไปตามลำาดบมความหลาก

หลายเชอมตอหมายมม

8. เปนเรองของอตวสย

9. ไมเกยวกบคำาพด,เหนเปนภาพ

การทำางานของสมองซกขวาการทำางานของสมองซกซาย

บทท 2 กระบวนการคดเบองตน 10

Dr.Edward de Bono นกจตว ทยาผ เช ยวชาญดานการคดสรางสรรค ผซงเชอวา “ ความคดสรางสรรคเปนทกษะ

ทพฒนาได ” ไดใหความเหนไวในความหมายของความคดสรางสรรคไวดงน

ความคดสรางสรรคสามารถเรยนรได ไมเกยวกบพรสวรรคสวนตว ความคดสรางสรรคไมได

เกดจากแรงบนดาลใจเพยงเทานน ความคดสรางสรรคเปนมากกวาการคดแตกตาง ความคด

สรางสรรคจำาเปนตองมหรอเปนเรองการเพมคณคา สวนการคดนอกกรอบเปนการหนจากการ

ถกหามเปลยนแนวความคด การพฒนาความคดจะตองไมมความคาดหวงตามแบบนสยเดมๆ

และในแบบความคดทวไป

นอกจากนน Dr.Edward de Bono ยงแบงวธคดอยางนาสนใจไว 3 ประเภท คอ

1. การคดแนวตง 2. การคดแนวขาง 3. การคดแนวขนาน

บทท 2 กระบวนการคดเบองตน 11

เปนเรองของการสรรหา เรองของความ

ถกตองโดยจะเลอกทางทดทสดในการแก

ปญหา การคดแนวตงจะเคลอนทในทศทางท

กำาหนดเอาไวไปสการแกปญหาอยางชดเจน

โดยใชวธการแนนอน เปนเร องของการ

วเคราะหโดยมลำาดบตอเนอง การคดแนวตง

เปนเรองของการตดวธอนๆทไมใชออกไป

และใชการแบงหมวดหมและประเภทตางๆ

แบบตายตวโดยดำาเนนไปตามแนวทางทนา

จะเปนมากทสด

การหลกหนจากความคดทมอยเดมและ

ความเขาใจทมอยเดมเพอคนหาสงใหมตาม

ธรรมดาแลวความคดทมอยจะถกสรางขน

จากประสบการณและความเขาใจทพบเหน

มา การคดแนวขางจงเปนวถทางในการหลบ

หน จากความคดและความเขาใจทมอยเดม

เพอคนหาสงทดกวา ในขณะทการคดแนว

ตงเปนเรองของการวเคราะห แตการคดแนว

ขางจะเปนเรองของการกระตนและสามารถ

กระโดดขามได โดยไมตองคดเปนลำาดบขน

ตอนเปดใจรบทกโอกาสทเขามา การค ด

แนวข าง จะไมมการแบงหมวดหมและ

ประเภท

การวางความคดตางๆ ลงไปขางๆกน

โดยไมมการปะทะ ไมมการโตเถยง ไมมการ

ตดสนวาถกหรอผดตงแตแรก การคดแบบ

นจะทำาใหเกดการสำารวจคนควาเกยวกบ

เรองนนอยางแทจรง กอนทจะไดขอสรปหรอ

ตดสนใจโดยอาศยกระบวนการออกแบบ

การคดแนวตง (Vertical Thinking)

การคดแนวขาง (Lateral Thinking)

การคดแนวขนาน (Parallel Thinking)

บทท 2 กระบวนการคดเบองตน 12

บทท 3องคประกอบ

ในการออกแบบ

1. จด เสน

จด (Dot) เปนองคประกอบเบองตน คอ มมตเปน

ศนย ไมมความกวาง ความยาว หรอ ความลก จดจะม

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

ผลกดนโตตอบซงกนและกนระหวางจดและทวาง

เสน (Line) คอ จดทตอเนองกนในทางยาว หรอ

รองรอยของจดทเคลอนไปในมตเดยว ความยาวของเสน

มหนาทเปนขอบเขตของทวาง ขอบเขตของสงของ ขอบเขต

ของรปทรง ขอบเขตของนำาหนก และขอบเขตของส เสนม

2 แบบคอ เสนตรงและเสนโคง แตจะมการพฒนาแตกตาง

กนออกไป เชน เสนฟนปลาเกดจากเสนตรงมาประกอบ

กน หรอเสนเคลอนทเกดจากเสนโคงมาประกอบกน ใน

ทางเรขาคณต เสนถกกำาหนวดไววา ไมมความกวางแต

มความยาว เกดจากการทเชอมกนระหวางจดสองจดทม

ระยะหางกนในระยะหนง หรอในงานภาพเคลอนไหว เสน

อาจะเกดจากการเคลอนไหวของจดกได

บทท 3 องคประกอบในการออกแบบ 14

ระนาบ คอ พนผวทเรยบซงขยายออกไปในทาง

กวางและทางยาวระนาบๆหนง อาจเกดจากการ

เคลอนไหวของเสนในทางกวาง ระนาบอาจม

ลกษณะเปนของแขงหรอเปนรพรน อาจจะทบ

หรอโปรงแสง หรอมพนผวขรขระหรอราบเรยบ

กไดเชนกน นอกจากรปทรงทถกมองเปนระนาบ

แลวเราอาจมองกลมของตวหนงสอกลมหนง

เปนระนาบกได โดยมองวาตวอกษรแตละตวก

เหมอนเปนจดตอเนองกน อาจใหความรสกหนก

หรอเบา ซงขนอยกบความหนาแนนของตวอกษร

นอกจากนนเราอาจจะเขาใจไดวา ระนาบคอพน

ผวแนบราบ 2 มตทมลกษณะใกลเคยงกบรปราง

ของทวาง ระนาบสามารถสรางรปทรง 2 มตได

หลายลกษณะ เชน สเหลยมจตรส สเหลยมพน

ผา วงกลม สามเหลยม รปทรงแบนๆ ทมลกษณะ

ตางๆ นอกจากนนในทางศลปะระนาบยงสามารถ

สรางรปทรง 3 มตไดอกดวย

ระนาบ

บทท 3 องคประกอบในการออกแบบ 15

รปราง (Shape) คอ องคประกอบตอเนองมา

จากเสน เกดจากการนำาเสนแบบตางๆมาตอกนจน

ไดรปราง 2 มต ทมความกวางและความยาว ใน

ทางศลปะจะแบงรปรางออกเปน 2 แบบคอ รปราง

ทคนตาแบบทเหนแลวสามารถรไดเลยวาสงนนคอ

อะไร เชน ดอกไม หรอ คน และอกแบบหนงคอรป

รางแบบรฟอรม เปนแนวทใชรปรางสอความหมายท

จนตนาการไวออกมา ไมมรปทรงทแนนอน แตดแลว

เกดจนตนาการถงอารมณทตองการสอได

รปทรง (Form) คอ รปรางทมมตเพมขนมา

กลายเปนงาน 3 มต คอ มความลกเพมเขามา

ปรมาตร (Volume) คอ สวนทมาเสรมใหดออก

วารปทรงมนำาหนกขนาดไหน เบา หรอหนก ทบ หรอ

โปรงแสง นำาหนกจะเกดจากการเตมสและแสงเงาลง

ไปในรปทรง จนไดผลลพธออกมาตามทตองการ

2. รปราง รปทรง ปรมาตร

บทท 3 องคประกอบในการออกแบบ 16

3. Perspective

เกดจากการพยายามทจะเลยนแบบสงทตาเหน

คอ มการเหนระยะสงทอยขางหนาและขางหลง โดย

สงทอยดานหนาจะมขนาดใหญกวาสงทอยดานหลง

บทท 3 องคประกอบในการออกแบบ 17

คอ การถกทอลายบนพนหนาของสสาร พนผว

เปนลกษณะทางกายภาพหรอความรสกกได เชน ส

ของงานศลปะแบบนามธรรมทใชสปาดไปปาดมา

อยางวองไวกทำาใหเกดความประทบใจเพราะมนม

ผลในการมองเหนของคนด พนผวนนสามารถสราง

อารมณและนำาพาเราเชอมโยงไปยงประสบการณ

ตางๆ เชนเดยวกบความแตกตางระหวางภาพถาย

กบภาพเขยนทอาจวาดเหมอนของจรงแตกยงรสก

ตางจากภาพถายอยด ความงามของพนผวใหความ

รสกทลกซงไดหลายแบบ เชน รสกวาเหนยว แหลม

ดาน เปนฝอย ซงในหนงภาพอาจมพนผวไดหลาย

ชนดซงมนอาจจะขดแยงกนทำาใหเกดความรสกอยาง

ใดอยางหนงขนมาได

4. พนผว (Texture)

บทท 3 องคประกอบในการออกแบบ 18

ในความหมายของนกออกแบบ สเกลสามารถเปนไดทงตวกระทำา (Subjective) หรอตวถกกระทำา (Objective)

นกออกแบบจะใชสในการสอความรสกบางสงบางอยางออกมา โดยอาจไมไดเปดเผยชดเจนตรงๆ ในอดตนก

กราฟกดไซนนนมสดำากบสขาวเปนพนฐาน ตอมากมอนๆมาสรางความสมบรณใหกบกระบวนการออกแบบ

โดยธรรมชาตนนเราไมสามารถรบรสไดจนกวาแสงจะไปกระทบกบวตถ

5. สเกล (Scale)

6. ส (Color)

A A A A A

บทท 3 องคประกอบในการออกแบบ 19

การจดองคประกอบสำาหรบงานออกแบบงานกราฟก

1.จดใหเปนเอกภาพ ในทนหมายถง สงทชวยทำาใหชนงาน

เปนอนหนงอนเดยวกน ซงตองขนอยกบวตถประสงคนน ๆ ความเปน

เอกภาพจะครอบคลมถงเรองของความคดและการออกแบบ

2.ความสมดล ในงานกราฟกเปนเรองของความงาม ความนา

สนใจ เปนการจดสมดลกนทงในดานรปแบบและส มอย 2 ลกษณะท

สำาคญ คอ

-ความสมดลในรปทรงหรอความเหมอนกนทง 2 ดาน คอเมอ

มองดภาพแลวเหนไดทนทวาภาพทปรากฎนนเทากน ลกษณะภาพ

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

งาย

-ความสมดลในความรสก หรอความสมดลทสองขางไมเหมอน

กน เปนความแตกตางกนทงในดานรปแบบ ส หรอพนผว แตเมอมองด

โดยรวม จะเหนวาเทากน ไมเอนเอยงไปขางใดขางหนง ความสมดลใน

ลกษณะน ทำาใหเกดความรสกเคลอนไหว แปรเปลยน ไมเปนทางการ

และไมนาเบอ

บทท 3 องคประกอบในการออกแบบ 20

3.การจดใหมจดสนใจ ภายในเนอหาทจำากดจะตองมการ

เนน การเนนจะเปน ณ จดใดจดหนงทเหนวามความสำาคญ อาจ

ทำาไดดวยภาพหรอขอความกได โดยมหลกวา “ความคดเดยว

และจดสนใจเดยว” การ มหลายความคด หรอมจดสนใจหลาย

จด จะทำาใหการออกแบบเกดความลมเหลวเพราะหาจดเดนชด

ไมได ภาพรวมจะไมชดเจน ขาดเอกลกษณของความเปนผนำา

ในตวชนงานสำาหรบวธการทจะทำาใหมจดสนใจอาจเนนดวย ส

ขนาด สดสวน และรปรางทแปลกไปกวาสวนอนๆในภาพ สวน

ตำาแหนงทเหมาะสมในการวางจดสนใจนนสามารถกระทำาได

ดงน

นำาภาพมาแบงเปน 3 สวน บรเวณทเสนตดกนนนกคอ

ตำาแหนงทเหมาะสม จากผลการวจยหลายๆครง พบวา ตรง

จดตดกนทมมบนซายนนเปนตำาแหนงทดทสด เหตผลหนงท

สนบสนนกคอ ในการอานหนงสอนน เรามกอานจากมมซายไป

ขวา และจากบนลงลาง ฉะนน ตำาแหนงนจะเปนจดแรกทสายตา

เรามอง เพออานหรอดภาพบนแผนภาพนนเอง

บทท 3 องคประกอบในการออกแบบ 21

สเปนตวแสดงอารมณไดดไมวาจะเปนอารมณแบบ

จดชด เศราหมอง หรออารมณทเกดจากฤดกาล

ตางๆ สามารถทจะใชแสดงอารมณไดทงสน นก

ออกแบบจะใชสในการสอความรสกบางสงบางอยาง

ออกมา โดยอาจไมไดเปดเผยชดเจนตรงๆ แตซอน

เอาไว ในอดตกราฟกดไซนนนมสดำากบสขาวเปน

พนฐาน ตอมากมสอนๆ มาสรางความสมบรณให

กบกระบวนการออกแบบนำามาซงสอสมยใหมทม

ผลในชวตประวนจนกราฟกกบสเปนสงทแยกกนไม

ออก โดยธรรมชาตเราไมสามารถรบรสไดจนกวา

แสงจะไปกระทบวตถมาเขาตาเรา

ส COLORS

บทท 4 ส 23

คณลกษณะของสคณลกษณะของส เปนการใชสในลกษณะตาง ๆ เพอเกดความ

สวยงาม และความรสกตางๆ ตามความตองการของผสราง

คณลกษณะของสทใชโดยทวไป มดงน คอ

1. สเอกรงค (Monochrome) เปนการใชสเพยงสเดยวแตมหลายๆ นำาหนก ซงไล

เรยงจากนำาหนกออนไปแก เปนการใชสแบบดงเดม ภาพ

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

อนๆ เขามาประกอบมากขน ทำาใหมหลายสซงเรยกวา “พห

รงค” ภาพแบบสเอกรงค มกดเรยบๆ ไมคอยนาสนใจ

2. วรรณะของส (Tone) สมอย 2 วรรณะ คอ วรรณะสรอน และสเยน

สรอนคอสทดแลวใหความรสกรอน สเยนคอสทดแลวรสก

เยน ซงอยในวงจรส สมวงกบสเหลองเปนไดทงสรอนและส

เยน แลวแตวาจะอยกบกลมสใด การใชสในวรรณะเดยวกน

จะทำาใหเกดรสกกลมกลนกน การใชสตางวรรณะจะทำาให

เกดความแตกตาง ขดแยงการเลอกใชสในวรรณะใดๆ ขน

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

บทท 4 ส 24

3. คานำาหนกของส (Value of color) เปนการใชสโดยใหมคานำาหนกในระดบตางๆกน และมส

หลายๆ ส ซงถาเปนสเดยว กจะมลกษณะเปนสเอกรงค การใช

คานำาหนกของส จะทำาใหเกดความกลมกลน เกดระยะใกลไกล

ตนลก ถามคานำาหนกหลายๆ ระดบ สกจะกลมกลนกนมากขน

แตถามเพยง 1 - 2 ระดบทหางกน จะทำาใหเกดความแตกตาง

4. ความเขมของส (Intensity) เกดจาก สแทคอสทเกดจากการผสมกนในวงจรส เปน

สหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอส

อนๆ จะมคาความเขมสงสด หรอแรงจดทสดเปนคาความแท

ของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอนๆ ทถก

ผสมใหเขมขน หรอ ออนลง ใหมด หมน หรอเปลยนคาไปแลว

สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน

ซงจะทำาใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ

ดอกเฟองฟาสชมพสดๆ หรอบานเยน ทอยทามกลางใบเฟอง

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

สมดๆ ทบๆ ทมๆ ของทองฟายามคำาคนเปนตน

5. สสวนรวม (Tonality) เปนลกษณะทมสใดสหนง หรอกลมสชดหนงทใกลเคยงกน มอทธพล

ครอบคลม สอนๆ ทอยในภาพ เชน ในทงดอกทานตะวนทกำาลงออกดอก

ชชอบานสะพรง สสวนรวมกคอ สของดอกทานตะวนหรอบรรยากาศการ

แขงขนฟตบอลในสนาม ถงแมผเลนทงสองทมจะแตงกายดวยเสอผาหลาก

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

สใดกตามทมลกษณะเชนน เปนสสวนรวมของภาพ

บทท 4 ส 25

การผสมสของนกออกแบบกราฟกมอย 2 แบบคอ

1.การผสมสแบบ CMYK หรอการผสมสแบบลบคอการผสมสแบบมแมส คอสฟาแกมเขยว (Cyan)

สมวงแดง (Magenta) สเหลอง (Yellow) ซงเมอ

ผสมส 3 สน จะเปนสดำาเพราะแสงดดกลนไวหมด

หลกการนนำาไปใชในการผสมสของแมส คอ Cyan,

Magenta, Yellow แตเพมสดำาอกสหนงแลวผสมกนจน

เปนโทนตางๆ ดวยการใชเมดสกน ทำาใหไดสสนสมจรง

ซงเปนการผสมสสำาหรบนกออกแบบทเกยวกบสงพมพ

ซงจะตองเตรยมภาพในระบบทเรยกวา CMYK

2. การผสมสแบบ RGB หรอการผสมสแบบบวกคอการผสมสของแสงโดยใชแมสเปนตวผสม คอสแดง

สเหลอง และสน ำาเงน เราจะพบในกรณของการผสม

สในโทรทศน จอมอนเตอร ซ งเปนการผสมสท จำาเปน

สำาหรบนกออกแบบเวบไซต ซ งจะตองเตรยมภาพใน

ระบบทเรยกวา RGB

การผสมส

Additive mixingSubtractive Color Mixing

บทท 4 ส 26

วรรณะสรอน (Warm Tone)ประกอบดวยสเหลอง สสมเหลอง

สสม สสมแดง สมวงแดงและสมวง

สใน วรรณะรอนนจะไมใชสสดๆ ดง

ทเหนในวงจรสเสมอไป เพราะสใน

ธรรมชาตยอมมสแตกตางไปกวาส

ในวงจรสธรรมชาตอกมาก ถาหาก

วาสใด คอนขางไปทางสแดงหรอ

สสม เชน สนำาตาลหรอสเทาอมทอง

กถอวาเปนสวรรณะรอน

วรรณะของส (Tone)คอสทใหความรสกรอน-เยน ในวงจรสจะมสรอน 7 ส และสเยน 7 ส

ซงแบงท สมวงกบสเหลอง ซงเปนไดทงสองวรรณะ แบงออกเปน 2 วรรณะ

WarmTone

CoolTone

วรรณะสเยน (Cool Tone)ประกอบดวย สเหลอง สเขยวเหลอง

สเขยว สเขยวนำาเงน สนำาเงน สมวง

นำาเงน และสมวง สวนสอนๆ ถา

หนกไปทางสนำาเงนและสเขยวก

เปนสวรรณะเยนดงเชน สเทา สดำา

สเขยวแก เปนตน

**จะสงเกตไดวาสเหลองและสมวงอยทงวรรณะรอนและวรรณะเยนถาอยในกลมสวรรณะรอนกใหความรสกรอน

และถาอยในกลมสวรรณะเยนกใหความรสกเยนไปดวย สเหลองและสมวงจงเปนสไดทงวรรณะรอนและวรรณะเยน

บทท 4 ส 27

สขนท 2 คอ สทเกดจากสขนท 1 หรอแมสผสมกน

ในอตราสวนทเทากน จะทำาใหเกดสใหม 3 ส ไดแก

สแดง ผสมกบสเหลอง ไดส สม

สแดง ผสมกบสนำาเงน ไดส มวง

สเหลอง ผสมกบสนำาเงน ไดส เขยว

สขนท 3 คอ สทเกดจากสขนท 1 ผสมกบสขนท 2

ในอตราสวนทเทากนจะไดสอนๆอก 6 ส คอ

สแดง ผสมกบสสม ไดส สมแดง

สแดง ผสมกบสมวง ไดส มวงแดง

สเหลอง ผสมกบสเขยว ไดส เขยวเหลอง

สนำาเงน ผสมกบสเขยว ไดส เขยวนำาเงน

สนำาเงน ผสมกบสมวง ไดส มวงนำาเงน

สเหลอง ผสมกบสสม ไดส สมเหลอง

สขนท 1 คอ แมส ไดแก สแดง สเหลอง สนำาเงน

วงจรส ( Color Circle)

บทท 4 ส 28

หลกการและตวอยางสำาหรบเลอกสในการออกแบบ1. การเลอกสตามหลกจตวทยาและตามความหมาย Max Luscher

นกจตวทยาชาวสวตเซอรแลนดไดยกตวอยางจตวทยาในการใชส ดงน

สดำาแทนความตายในหลายวฒนธรรม (The Color of Death) สขาวแทนความบรสทธ หรอการแตงงาน

บทท 4 ส 29

สชมพใหความนาสนใจไดเรวสนำาเงนแทนความพอใจ ความรสกเปนเจาของ

ความอสระเสร สเขยวนนแทนธรรมชาต แทนความรสกผอนคลาย

บทท 4 ส 30

สแดงแทนความเชอมนในตวเอง (Self Confidence)ตอบสนองตอสงทาทาย

สเหลองแทนการพฒนา ทศนคตเกยวกบ การคาดหวง หรอทศนคตทพรอมจะพฒนาสงใหมๆ

บทท 4 ส 31

2. การเลอกสเชงการตลาดและแฟชนเนองจากงานออกแบบกราฟกมกสมพนธกบงานโฆษณาและการตลาด รวม

ทงเทรนดแฟชน ซงอาจมการแทนคาสแตกตางออกไปจากหลกจตวทยา

สเหลองแทนความราเรง สนกสนาน การมความสข ความมไอเดย

สแดงแทนความมพลงงาน กเลส ความกลาหาญ ความรก ความอนตราย ความกาวราว การดงดดทางเพศ

สมวงแทนความหรหรา ชนสง มปญญา

บทท 4 ส 32

สชมพแทนความบรสทธ สสมแทนความกระตอรอรน สเขยวแทนความเปนธรรมชาต ความสงบ ความเยาววย

บทท 4 ส 33

สนำาเงนเปนสทไดรบความนยมสงสด ทงยงแสดงถงความมนใจ ความมนคง เทคโนโลย

สขาวแทนความเปนกลาง ความออมนอม ความบรสทธการปราศจากเชอโรค ความออนเยาว

บทท 4 ส 34

บทท 5การออกแบบสญลกษณ

จดเดนสำาคญประการหนงของการออกแบบสญลกษณ

เครองหมายการคากคอ ความกระชบแตหนกแนนและโดด

เดนเพราะฉะนนมนกเปรยบเสมอนการยอสาระสำาคญและ

ขบเนนมนขนมาดวยศลปะของการออกแบบนนเอง

การออกแบบไมใชเรองเลก อกทงยงมความละเอยด

ออนและสลบซบซอนมากกวาทคนทวไปเขาใจกน เพราะ

มนมความเกยวพนกบธรกจและการตลาดเปนอยางมาก

เนอหาในบทนจงเปนเหมอนสรางระเบยบใหกบวธการ

ออกแบบสญลกษณ ซงนกออกแบบสญลกษณควรจะรเบอง

ตน เพอใหสามารถเชองโยงกบนกการตลาดทจะเปนผให

ขอมลเหลานแกผออกแบบ

สญลกษณ

บทท 5 การออกแบบสญลกษณ 36

ชนดของงานออกแบบสญลกษณงานออกแบบสญลกษณจะแบงออกเปนชนดตางๆ ไดดงน

1. ภาษาภาพ (Pictograph) คำาวา Pictograph มาจากอกคำา

หนง คอ Pictogram หมายถง สญลกษณ

ทบงบอกถงวตถประสงคกจกรรม การก

ระทำา กระบวนการ หรอแนวคดซงมใช

กนในสงคมมาชานานและเปนสากล

โดยจะไมมตวอกษรประกอบแตอยาง

ใด เชน ปายจราจร ปายบอกทาง

ปายหามตางๆทมกจะเปนภาพทไมม

ความละเอยดซบซอน

2. สญลกษณทไมใชตวอกษรในการสอความหมาย (Symbol) มกเปนสญลกษณเฉพาะกจ ไมเปน

สากลเชน ขององคกรสถาบน บรษท จด

เดนคอมภาพแตไมมตวอกษรใดๆ

3. ภาพตวอกษรทใชตวอกษรในการสอความหมาย (Letter Mark) ภาพตวอกษรท ใ ชในการสอสาร

นยมใชเปนเครองหมายการคาของบรษท

4. โลโก (Logo) คำาวา Logo ตดทอนมาจากคำาวา

Logo Type หมายถง ตราสญลกษณซงสอ

ความหมายเฉพาะ เชน บรษท หางราน

สวนราชการ อาจมภาพและตวอกษรอย

รวมกนไดบทท 5 การออกแบบสญลกษณ 37

1. จด เสน ระนาบ (Dot Line Plane)

2. ส (Color)

3. ทวางบวกกบทวางลบ (Positive Space-Negative Space)

4. การลดทอน คอ การคดกรองเนอหาทมจากขอมลนำามาลด

ทอนแบบแอบสแตรคท

5. การเลนกบตวอกษร คอ สรางลกเลนบางอยางใหกบตว

อกษรดวยความคดแบบ Wit

องคประกอบพนฐานในการออกแบบโลโกในการออกแบบโลโกซงเปนภาษาภาพทถกตดทอนใหงายตอ

การเขาใจ การจดจำา และการสอสาร นกออกแบบจะตองนำา

องคประกอบตางๆ ทไดศกษามาใชงานรวมกน องคประกอบ

ตางๆ ทมกจะถกนำามาใชในการออกแบบโลโกจะมอย 5 องค

ประกอบ คอ

บทท 5 การออกแบบสญลกษณ 38

1.มแนวคดทด

2.สอความหมายไดอยางชดเจน

3.ลดทอนอยางเรยบงายใหเปนภาษากราฟก

หลกการออกแบบสญลกษณการออกแบบสญลกษณจะสามารถเลอกทำาไดหลายวธ

แตโดยรวมในการออกแบบสญลกษณจะมหลกการทจำาเปนดงตอไปน

1. ชอ (Names)

2. เครองหมาย (Marks)

3. ตวอกษร (Typography)

4. ส (Color)

5. ขอความประกอบ (Tag Line)

องคประกอบของอตลกษณอตลกษณควรจะประกอบไปดวยองคประกอบตางๆ ดงน

บทท 5 การออกแบบสญลกษณ 39

โลโกไนก (Nike Logo, 1971)

โลโกโคคา-โคลา (The Coca-Cola Logo)

โลโกเบอรเกอร คง (Burger King

Logo (BK) 1969)

โอเมกา โลโก (Omega Logo)

โลโกเพลยบอย (Playboy Logo)

ตวอยางL O G O

บทท 5 การออกแบบสญลกษณ 40

โลโกไนก (Nike Logo, 1971)นกออกแบบ Carolyn Davidson

เนอหากอตงบรษทเมอป ค.ศ. 1978 เปนแบรนดเครองกฬาอยางรองเทา

อปกรณกฬา เสอผาเครองแตงกาย มบรษทแมอยทสหรฐอเมรกา

กอตงโดย บลล บาวเวอรแมน และฟล ไนต

แนวความคดเรยบงาย ไหลลน และรวดเรว โดยไดแรงบนดาลใจจากเทพแหง

ชยชนะ ชอไนก (Greek Goddess of Victory) ทมคณสมบตดาน

ความกลาหาญในการรบและความยงใหญ ตามตำานานใชคำาวา

“When we go to battle and win, we say it is Nike.”

ตวแสดงออก“Swoosh” ทดดแปลงจากเครองหมายของเทพเจากรก

การออกแบบตดทอนใหเรยบงายแตเปยมไปดวยพลง

บทท 5 การออกแบบสญลกษณ 41

โลโกโคคา-โคลา (The Coca-Cola Logo)

นกออกแบบ Frank Robinson

เนอหาภาพลกษณของบรษทโคคา-โคลาของอเมรกา

ทบงบอกถงความเปนอเมรกนทคลาสสกและผอนคลาย

แนวความคดไดรบอทธผลจากอกษร Spencerian Script ทบงบอก

ความเปนอเมรกน ตวอกษรสแดงบนพนขาวหรอสขาวบนสแดง

โดยสแดงนนแสดงความรสกกระตนความตองการบรโภคไดด

การออกแบบเปนลกษณะของการออกแบบ

ตวอกษรใหมเอกลกษณไมเหมอนใคร

บทท 5 การออกแบบสญลกษณ 42

โลโกเบอรเกอร คง (Burger King Logo (BK) 1969)นกออกแบบ นรนาม

เนอหากอตงบรษทเมอป ค.ศ. 1954 โดย James McLamore and

David Edgerton เปนรานอาหารแฮมเบอรเกอร ในมลรฐฟลอรดา

ประเทศสหรฐอเมรกา

แนวความคดตองการสญลกษณทสอถงความถนดหลกของบรษท โดยบรษท

ผลตอาหารจานดวนกจรงแตเนนไปทแฮมเบอรเกอร จงได “Bun

Halves” มาเปนสญลกษณ

ตวแสดงออก“Bun Halves” สนำาตาล พรอมตวอกษรสแดงตวใหญเขยนวา

Burger King โดยมเสนสนำาเงนเตมลงไป

การออกแบบป 1994 ไดเปลยนมาใชฟอนตทมหวมนททำาใหรสกไหลลนเรยก

วา Bulging Font โดยมเสนสนำาเงนตวดอยดานลาง

บทท 5 การออกแบบสญลกษณ 43

โอเมกา โลโก (Omega Logo)นกออกแบบนรนาม

เนอหาความหมายของ Omega ในภาษาโบราณแปลวา เวลา

ของอายไข ซงสอดคลองกบซอของความเปนเวลาของ

นาฬกาและใหภาพลกษณแบบคลาสสก

แนวความคดไดรบเอารปรางของเครองหมาย Omega ในภาษกรกมา

เปนเครองหมาย

ตวแสดงออกเครองหมาย Omega

การออกแบบเครองหมาย Omega

บทท 5 การออกแบบสญลกษณ 44

โลโกเพลยบอย (Playboy Logo)นกออกแบบ Art Paul

เนอหาเพลยบอยเปนบรษทผลตนตยสารสำาหรบผชายของอเมรกา

กอตงเมอป ค.ศ. 1953 โดย Hefner โดยเนอหาเปนเรอง

ของความเซกซ ของผหญงทเกยวกบเพศเปนหลก

แนวความคดสรางสญลกษณทแสดงอปนสยทขเลนและเซกซ

ตวแสดงออกกระตายมอปนสยทชอบกระโดดโลดเตน และเซกสจดโดย

เฉพาะกระตายเพศชาย เสอทกซโด (Tuxedo) แสดงถง

เสนหความนาสนใจ

บทท 5 การออกแบบสญลกษณ 45

บทท 6การใชโปรแกรมในการออกแบบกราฟกเบองตน

Ps สรางผลงานดวยโปรแกรม

Adobe Photoshop

1. https://www.youtube.com/watch?v=JutLUC9fLwU

2. https://www.youtube.com/watch?v=lc3CdqcH_HA

47

Ai สรางผลงานดวยโปรแกรม

Adobe Illustrator

1. https://www.youtube.com/watch?v=nCCEl0N1uQU

2. https://www.youtube.com/watch?v=_cwHMU6Nn2Y

48

Id สรางผลงานดวยโปรแกรม

Adobe Indesign

https://www.youtube.com/watch?v=pFYdJsUlztQ

48

บทท 7ความรเบองตนเกยวกบการออกแบบสงพมพ

ภาพประกอบ Illustration

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ

คอ ภาพทสรางขนมาจากพนฐาน เชน การวาดหรอการเขยน

นกวาดภาพประกอบ (Illustrator) จะทำาหนาทถายทอด

อารมณ ความรสกของภาพออกมา เชนเดยวกบศลปนวาด

รป แตภาพประกอบจะตางจากรปวาดของศลปนตรงหนาท

การใชงาน เพราะสำาหรบภาพประกอบในงานกราฟกแลว

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

สวยงามของภาพ

ปจจบนการเขยนภาพประกอบยงคงแทรกซมอยทก

อณของงานออกแบบ เชน งานโฆษณา การดเชญ โปสเตอร

นตยสาร หนงสอพมพ หรอการตน ในตางประเทศอาชพนก

วาดภาพประกอบถอวาเปนอาชพหนงทสามารถใชในการ

สรางผลงาน สรางชอเสยง (ตอ)

50

ในปจ จ บนงานทปรากฏในส งพมพสวนใหญ เปนการ

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

เปนโปรแกรมแบบเวคเตอรหรออนๆ เชน Adobe Illustra-

tor, InkScape, ACD Canvas, Macromedia FreeHand,

CoreIDRAW, Open Canvas, Microsoft Expression Graph-

ic Designer, Microsoft Expression Interactive Designer,

Paint Shop Pro, Vector Effects, Xara Xtreme

ขอจำากดของการวาดภาพในโปรแกรมคอมพวเตอร คอ

ภาพทไดออกมาจะไมเหมอนภาพจรงเปนไดเพยงภาพวาด

หรอใกลเคยงภาพถายเทานน ภาพประเภทนจะเปนภาพท

อยในไฟล svg, ps, eps, ai และฟอนตแบบ TrueTupe ตางๆ

เปนตน

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 51

ภาพถายสำาหรบใชในงานกราฟกดไซนม 2 ชนดหลกๆ คอ

ภาพถาย

2.ถายรปจากสงทมอย

แล วนำ ามาดดแปลงหรอไม

ดดแปลงกได

1.สรางสงประดษฐขนมาใหใกลเคยงกบภาพท

ตองการแลวถายภาพเพอนำาไปใชงานหรอนำาไปดดแปลง

แกไขตอ เพราะในโลกนไมไดมทกสงทกอยางใหเราถาย

ไดจงตองสรางมนขนมา เราอาจเรยกการสรางโมเดล

แบบนวา Mock Up

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 52

โปรแกรมทนยมในการดดแปลงแกไขภาพตามท

ตองการ ไดแก อะโดบ โฟโตชอป (Adobe Photoshop)

ทกสวนใหญจะทำางานกบไฟลขอมลรปภาพทจดเกบขอมล

รปภาพแบบ Raster

อะโดบ โฟโตชอป (Adobe Photoshop) สามารถใชใน

การตกแตงภาพไดเปนอยางด เชน ลบตาแดง ลบรอยแตก

ของภาพ ปรบแกส เพมสและแสง หรอการใสเอฟเฟกตให

กบรป เชน ทำาภาพสซเปย การทำาภาพโมเสก การสราง

ภาพพาโนรามาจากหลายภาพตอกนนอกจากนยงใชใน

การตดตอภาพและการซอนฉากหลงเขากบภาพ อะโดบ

โฟโตชอป (Adobe Photoshop) สามารถทำางานกบระบบส

RGB CMYK Lab และ Grayscale และสามารถจดการกบ

ไฟลรปภาพทเปนมาตรฐานใชงานทวไปได เชน ไฟล JPG

GIF PNG TIF TGA นอกจากนนอะโดบ โฟโตชอป ยงบนทก

ไฟลในรปของตวมนเอง ซงเกบคณสมบตตางๆ ทเปน

คณสมบตตางๆทเปนคณสมบตพเศษของโปรแกรมเอาไว

เชน เลเยอร แชนเนล โหมดส รวมทงสไตล ไฟลอะโดบ

โฟโตชอป (Adobe Photoshop) จะจดเกบในรปแบบเฉพาะ

ของตวโปรแกรมเองจะบนทกในรปแบบของไฟล PSD

การดดแปลงแกไขภาพ

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 53

ตวอกษรและการเขยนนบวาเปนองคประกอบ

สำาคญอยางยงในการสอสารและความสวยงามของ

งานกราฟก และการเขยนทด มดงน

1. Know Your target คอ การรถงกลมเปา

หมายวาใครเปนใคร? ตองการอะไร? พฤตกรรม

เปาหมายเปนเชนไร?

2. Do research คอ การคนควาหาขอมล

ตางๆ ทเกยวของทงกลมเปาหมาย หรอตวสอทจะ

ใชในการสอสารกบตวกลมเปาหมาย

3. Answer the brief การตอบโจทย ซงจะ

ตองหาใจความหลกเพยงใจความเดยวเทานน ไม

ควรทำาใหภายในงานเดยวมใจความหลากหลาย

ใจความเพราะอาจจะทำาใหสบสนได

4. Be relevant เปนการกลาวถงสงทเกยวของ

กบตวผลตภณฑเทานน

5. Be objective จะตองอยบนพนฐานของ

ความเปนจรง (ตอ)

COPYWRITINGตวอกษรและการเขยน

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 54

6. Keep it simple มความเรยบงาย คอใชคำาพดนอย

เชาใจงาย สอความหมายไดชดเจนตรงตามความตองการ

7. Know your medium ควรทจะรจกสอแตละสอเพอ

ทจะนำาไปสอสารกบผบรโภคไดเปนอยางด และโดนใจผ

บรโภคมากทสด

8. Be ambitious จะตองฝนใหไกล หมายถง อยาคด

วางานแตละชนททำาไมมความสำาคญ ไมยดตดกบความคด

ในครงแรก ควรทจะปรบปรงพฒนาไปเรอยๆ ใหดกวาเดม

จนไดงานทสมบรณแบบ

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ

COPYWRITINGตวอกษรและการเขยน (ตอ)

55

การออกแบบหนงสอหนงสอเปนสอทมระยะเวลาการใชงานคอนขางนานเมอ

เทยบกบหนงสอพมพหรอนตยสาร จำานวนหนงสอทมอยใน

โลกมจำานวนนบไมถวน จงเปนหนาทของนกออกแบบทจะ

หาทางดงดดความสนใจจากผเลอกอานรวมทงกราฟกทม

เอกลกษณทสอถงเนอหาในหนงสอดวย

โดยทวไปแลวหนงสอเปนสงพมพชนดหนงทมสวนประกอบ

มดงน

1. สงทตองกำาหนดและวางแผนกอนทำาหนงสอ

2. การออกแบบสวนประกอบตางๆ ของหนงสอ

สงทตองกำาหนดและวางแผนกอนทำาหนงสอ

- ศกษาและทำาความเขาใจหนงสอ

- กำาหนดขนาดและรปแบบของหนงสอ

- รปแบบของหนาปก

- รปแบบของดานใน

- แบบและขนาดของตวอกษร

- แบบและจำานวนภาพประกอบ

- กำาหนดการขนตอนหลงการพมพ

เชน ปกหนา หนาลขสทธ หนาอทศ หนาคำานยาม หนา

คำานำา หนากตตกรรมประกาศ หนาสารบญ หนาสารบญ

ภาพ หนาชอบท หนาเนอเรอง หนาผนวก หนาบรรณานกรม

หนาอภธานศพท หนาดรรชนเชงอรรถทายเลม พมพนเทศ

ปกหลง

สวนประกอบตางๆของหนงสอ

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 56

นตยสารมลกษณะสำาคญ คอ ความเฉพาะ

เจาะจงของกลมเปาหมายซงถอวาตองใชวธการ

ออกแบบทดงดดผอานเปนอยางมากเพราะจะม

ฉบบตอเนองไปอกหลายฉบบ ดงนน เอกลกษณ

ในทางกราฟกตงแตฉบบแรกทออกจะสำาคญ

อยางยง เอกลกษณในทางกราฟกสำาหรบการ

ออกแบบนตยสารพอจะแบงได 6 ประเภท ดงน

1.นตยสารทวไปทมเนอหากวางๆ ไมเฉพาะ

เจาะจงผอานซงไมนยมทำากนในปจจบน

2.นตยสารเฉพาะกลมทมผอานชดเจนซง

เราเหนทวไปตามแผงหนงสอ เชน นตยสาร

สำาหรบผหญง นตยสารสำาหรบวยรน นตยสาร

ขาวและนตยสารเฉพาะดานอนๆ การออกแบบ

ประเภทนตองใชความสามารถในการออกแบบ

กราฟกใหตรงกบรสนยมของผอาน โดยการ

ออกแบบดวยกราฟกตางๆ เพอสรางเอกลกษณ

ขนมา

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ

การออกแบบนตยสาร

57

3. นตยสารหรอวารสารวชาชพเปน

นตยสารกลมอาชพเดยวกน

4. นตยสารสมาคมคลายกบวารสาร

อาชพแตมการออกโดยสมาคมวชาชพ

5. นตยสารประชาสมพนธเปน

นตยสารทออกโดยบรษทผผลต หรอรฐบาล

มผอานเปนลกคา ลกจาง ผทำางานเกยวของ

มกเปนนตยสารประชาสมพนธใหเกดภาพ

ลกษณทดขององคกร

6. นตยสารแทรกในหนงสอพมพเปน

นตยสารทแทรกไวฉบบใดฉบบหนงในหนง

สปดาห ซงสวนใหญเปนวนอาทตยมเนอ

หากวางๆ โดยมกเกยวกบการพกผอน ทอง

เทยว

ในการออกแบบนตยสารจะนยมใช

ระบบกรดแบบตางๆ เหลานการทำางาน คอ

คอลมนกรด โมดลารกรดและไฮราซเคล

กรด

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 58

หนงสอพมพมลกษณะสำาคญ คอ ความสดใหม ฉะนนรปแบบของหนงสอพมพ

สมยใหมมกสอถงความรวดเรวเปนหลก ในขณะทรปเลมของหนงสอพมพจะไม

คอยแตกตางกนมากนก แตการออกแบบควรมเอกลกษณของตนเอง เชน สทใช

ประจำา หรอการจดวางรปเลมทเปนแบบเฉพาะตว

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

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

การแขงขนทางการตลาด

1. หนาตาทมเอกลกษณของหนงสอพมพ

2.การจดองคประกอบทางกราฟก การออกแบบหนงสอถกออกแบบใหนา

อานดวยการใชตวอกษรและองคประกอบตางๆ อยางนาสนใจมากกวาในอดต

รวมถงการใหขอมลแบบกราฟตางๆ

3. การใชส หนงสอพมพสมยใหมเนนการใชสสมากขนโดยเฉพาะหนาสำาคญ

4.การจดกลมเนอหา ความนาสนใจขนอยกบเนอหาวาใชมมมองแบบใด

เขยนขาว ฉะนนจงมบทวเคราะหดวยวธใหมๆ

5. การจดวางองคประกอบ สวนใหญแลวหนงสอพมพสมยใหมจะใชโครงสราง

ระบบกรดในการวางองคประกอบ ในการออกแบบหนงสอพมพมกใชระบบคอลมน

กรดและโมดลารสำาหรบการจดวาง

การออกแบบหนงสอพมพ

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 59

การออกแบบโปสเตอรการออกแบบสอสงพมพเฉพาะกจ

จดประสงคของโปสเตอร คอ ใชปดประกาศเพอการแจงขาว ประกาศขาว

ประชาสมพนธขอมลของทานออกสสาธารณะ เพราะฉะนนโปสเตอรจงเปนงาน

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

ขนาดทนยมกจะเปนขนาด A1, A2, A3 หรอขนาด 31 x 21นว, 15 x 21นว

ไซสขนาดดงกลาวจะไมเสยเศษกระดาษ จงเปนไซสทคมคาคมราคาทสด ขนาด

สามารถปรบเปลยนไปไดตามความตองการของลกคาเปนสำาคญเนองจาก

โปสเตอร (Poster) ใชแปะเพอประชาสมพนธขาวสารใหคนเหนในระยะไกล

ขอมลเนอหาจงไมควรมขนาดเลกเกนไปและควรมเนอหาทกระชบ ชดเจน รดกม

สวนประกอบของโปสเตอร1. พาดหว

2. ภาพ

3. เนอหา

4. ภาพสนคา

การวางแผนการออกแบบโปสเตอร1. การกำาหนดขนาดและรปแบบของโปสเตอร

2. รปแบบของภาพ

3. รปแบบของตวอกษร

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 60

ประโยชนของแผนพบ 1. เพมโอกาสใหกบการขาย

2. สรางความนาเชอถอใหกบองคกร

3. ลดตนทน ลดเวลาในการตอบคำาถาม

สวนประกอบของแผนพบ 1. ปกหนา

2. เนอใน

การวางแผนการออกแบบแผนพบ 1. การกำาหนดขนาดและรปแบบของแผนพบ

2. การกำาหนดลกษณะการเผยแพร

3. การกำาหนดลำาดบการอาน

การออกแบบแผนพบ แผนพบ หมายถง กระดาษทพมพขอมลลงไปอาจจะพมพ 1 ดาน หรอ 2 ดาน พมพ 4 ส 2

ส หรอพมพสเดยว และมการพบเปนแผนพบทนยมพบกนจะเปนนำาใบปลว A4 มาพบเปนแผน

พบ 2 พบ 3 ตอน หรอพบครง การผลตแผนพบยงพมพจำานวนมากราคาตอหนวยจะยงถกลง

เรอยๆ

แผนพบเปนเอกสารทมกใชในการโฆษณา ประชาสมพนธ สงขอมลใหสาธารณะ เปน

เชงความรหรอการขายสนคา หรอเพอประโยชนอนๆ การจดทำาแผนพบอาจใชวธถายเอกสาร

พมพองคเจต พมพเลเซอรหรอการพมพออฟเซต 4 สใหคณภาพสทสดสวยและมตนทนถก รวม

ถงสามารถพมพลงกระดาษอารตมนได

บทท 7 ความรเบองตนเกยวกบการออกแบบสงพมพ 61

แบบฝกหด

ใหนกศกษาบอกองคประกอบในการออกแบบ

โปสเตอรสนคา เพองานโฆษณา โดยการแบงหนาทท

ตองรบผดชอบของแตละบคคลเพอหาขอมลในการนำา

มาเสนอหนาชนเรยน (ตอบคำาถามทาง Facebook

Group)

ใหนกศกษารวมกนสรางนตยสารอเลกทรอนกส

(E-Magazine) เกยวกบเรองทสนใจ โดยใชความร

ทเรยนมาจากนตยสารดจทลมาประยกตใชในการ

ออกแบบ ตงแตกระบวนการคด การออกแบบ การจด

วาง การใชส ตวอกษร และการใชโปรแกรม และนำาผล

งานอพโหลดลงเวบไซต http://issuu.com/ พรอมทง

นำาเสนอผลงานหนาชนเรยน

คำาสง ใหนกศกษาแบงกลม กลมละ 4 –5 คน

แบบฝกหดท 2แบบฝกหดท 1

63

ผจดทำา

อาจารยทปรกษา

นางสาวกญญลกษณ จรญโรจน ณ อยธยา

รหสนกศกษา 56080702003

ภาควชาเทคโนโลยการเรยนรและสอสารมวลชน

คณะครศาสตรอตสากรรมและเทคโนโลย

มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร

ดร. สรญญา เชอทอง

และ ดร. กรต ตนเสถยร

หนวยงาน ภาควชาเทคโนโลยการเรยนรและสอสารมวลชน

คณะครศาสตรอตสาหกรรมและเทคโนโลย

โทรศพท 0-2470-8562 โทรสาร 0-2470-8566

เอกสารอางองปาพจน หนนภกด. Graphic Design Principles 2. นนทบร : ไอดซฯ, 2555

ลทธสทธ ทวสข. การสอนการใชโปรแกมกราฟกตางๆอยางงายๆ.

https://www.youtube.com/user/MrStonesleep/featured. 2557