Upload
nuchjaree-bureerat
View
220
Download
1
Embed Size (px)
DESCRIPTION
Computer graphic design
Citation preview
RNFHGKHGRUOGPDELKSJHGQNBXVMASDFGHJKLWEWSDPUOEWJHSGFZNTOOPYCOMPUTERIORUYJKGRAPHICSBPAMJSLXDES IGNPFDCKSLDJFMZNCHQOVZKADLFJQGMBRWBCKSJFYTUQIWYOBI
นยามของการดไซน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 กระบวนการคดเบองตน 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
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 ส 34
จดเดนสำาคญประการหนงของการออกแบบสญลกษณ
เครองหมายการคากคอ ความกระชบแตหนกแนนและโดด
เดนเพราะฉะนนมนกเปรยบเสมอนการยอสาระสำาคญและ
ขบเนนมนขนมาดวยศลปะของการออกแบบนนเอง
การออกแบบไมใชเรองเลก อกทงยงมความละเอยด
ออนและสลบซบซอนมากกวาทคนทวไปเขาใจกน เพราะ
มนมความเกยวพนกบธรกจและการตลาดเปนอยางมาก
เนอหาในบทนจงเปนเหมอนสรางระเบยบใหกบวธการ
ออกแบบสญลกษณ ซงนกออกแบบสญลกษณควรจะรเบอง
ตน เพอใหสามารถเชองโยงกบนกการตลาดทจะเปนผให
ขอมลเหลานแกผออกแบบ
สญลกษณ
บทท 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
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
ภาพประกอบ 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