Graphics Design

Introduction to Graphics

Introduction to GraphicsIntroduction to Graphics

Introduction to Graphics

Introduction to Graphics

Introduction to Graphics

Graphic Design1. ความหมายของกราฟกและการออกแบบ2. ความสำาคญของการออกแบบ3. ประเภทของการออกแบบ4. องคประกอบของการออกแบบ5. ความรเบองตนเกยวกบส6.

การออกแบบและจดวางองคประกอบในการผลตสอกราฟก

7. เทคนคการกลบพนภาพมผลตอสายตาผด 8. การผลตวสดกราฟก

1

คำาวา "กราฟก" มาจากภาษากรก 2 คำา คอ Graphikos กบ Graphein • Graphikos หมายถง การเขยนภาพทงทเปนภาพสและภาพขาวดำา• Graphein หมายถง การเขยนตวหนงสอและการใชเสนในการสอสารดงนน "Graphic" จงหมายถง การเขยนทงภาพสและภาพขาวดำา ตลอดจนการเขยนตวหนงสอและการใชเสนเพอสอความหมาย

• กราฟก หมายถง วสดตางๆ ทประกอบดวยภาพถาย ภาพวาด สญลกษณ คำาบรรยาย สามารถใชเปนสอถายทอด ขอเทจจรง และแนวความคดบางประการได กราฟก เปนศลปหรอศาสตรทางการวาดภาพ เขยนภาพโดยเฉพาะอยางยงงานสำาหรบชางเขยนฝมอ

• งานกราฟก มความสมพนธกบการออกแบบ ซงถามการออกแบบทดงานกราฟกจะมความนาสนใจมากยงขน

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

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

• การออกแบบ หมายถง การรวบรวมหรอการจดองคประกอบทงทเปน 2 มต และ 3 มต เขาดวยกนอยางมหลกเกณฑ การนำาองคประกอบของการออกแบบมาจดรวมกนนน ผออกแบบจะตองคำานงถงประโยชนใชสอยและความสวยงาม อนเปนคณลกษณะสำาคญของการออกแบบ เปนศลปของมนษยเนองจากเปนการสรางคานยมทางความงาม และสนองคณประโยชนทางกายภาพใหแกมนษย • การออกแบบ หมายถง

กระบวนการทสนองความตองการในสงใหมๆ ของมนษยซงสวนใหญเพอใหชวตอยรอด และมความสะดวกสบายมากขน

• เชน เราจะทำาเกาอนงซกตวจะตองวางแผนไวเปนขนตอนโดยตองเรมเลอกวสดทจะใชทำาเกาอนนจะใชวสดอะไรทเหมาะสม วธการตอยดนนควรใชกาว ตะปนอต หรอใชขอตอแบบใด คำานวณสดสวนการใชงานใหเหมาะสม ความแขงแรงของเกาอนงมากนอยเพยงใด สสนควรใชสอะไรจงจะสวยงาม และทนทานกบการใชงาน เปนตน

• การออกแบบกราฟก หมายถง การสรางสรรคลกษณะ สวนประกอบภายนอกของโครงสราง ใหสามารถสอสาร สอความหมาย ความเขาใจในอนทจะใหผลในการดงดดความสนใจ การใหมโนภาพ ดวยการใชวธการออกแบบ การจดวางรป ตวอกษร ถอยคำา โฆษณา เครองหมาย และสญลกษณ และอาศยหลกศลปะการจดภาพ ใหเกดการประสานกลมกลนกนอยางสวยงาม ตามวตถประสงคทไดวางไว

• สำาหรบการออกแบบดานกราฟกนน มงทจะวางแผน ออกแบบ สอดานกราฟก ไมวาจะเปนแผนภม แผนภาพ สถต ภาพโฆษณา ฯลฯ ตลอดจนงานกราฟกอนๆ ทง แผนพบ ปกหนงสอ และการออกแบบ สำาหรบสอการเรยนการสอน เชน CAI WBI สอมลตมเดย ใหมความนาสนใจ สอสารไดตรงประเดน และชวยใหการเรยนการสอนหรอการนำาเสนอนน มประสทธภาพ ดยงขน Back

2Back

การออกแบบ มอทธพลตอการประยกตใชในชวตประจำาวนขอ

มนษยเรา เกยวของกบ ทกระดบอาย ทกเพศ ทกอาชพ ทกคนม

ความรกสวย รกงาม ดงสภาษตไทยทวา " ไกงามเพราะขน คนงาม

เพราะแตง การแตงกาย เครองประดบตางๆ เลอกทรปทรงและสของรถ แมแตเมดยาทเรากน

รกษาโรค

หลกการออกแบบกราฟก

1. การกำาหนดจดประสงคทชดเจนของงาน เพราะชองทาง รปแบบและวธการ ของการนำาเสนอมมาก มความรวดเรว ไรขอบเขต เชนใน เวบไซต เครอขายอนเตอรเนตตางๆ ซงตองมการปรบปรง เปลยนแปลงใหทนเหตการณ อาจจะทำาใหเกดความสบสน ยงยากในการดำาเนนงาน มผลกระทบตอการทำางาน เกดความไมเปนระบบ มการสญเสยและสนเปลองโดยไมจำาเปน

สงแรกทตองคำานงถงคอ

1. วตถประสงคเพออะไร ผออกแบบตองรวา จะบอกกลาว เรองราวขาวสารอะไรแกผรบรบาง เชน ทฤษฎหรอหลกการ การเผยแพรประชาสมพนธ ฯลฯ ผออกแบบตองรวธการนำาเสนอ (Presentation) ทดและเหมาะสมกบเรองราวเหลานนวามเปาหมายของการออกแบบเปนไปเพอวตถประสงคใด เชน เพอแนะนำา เผยแพร เพอใหความร หรอความบนเทงเปนตน

2. กลมเปาหมายเปนใคร แบงเปนเพศ ชาย หญง หรอบคคลทวไป มชวงอายเทาใด นสตนกศกษาหรอเฉพาะกลมสนใจ ขาวสารทใหมระดบความยาก-งาย หรอมความเปนสากลหรอไม เฉพาะคนในประเทศหรอชาวตางชาต ซงผออกแบบจำาเปนจะตองรและเขาใจเพอวางแผน ดำาเนนการกบขาวสาร ออกแบบ และการนำาเสนอใหตรงจดกบกลมเปาหมายทตองการไดถกตอง

3. สงทตองการบอกคออะไร หมายถง วธการทจะสอความหมายกบผรบรหรอกลมเปาหมาย และถาทมการกำาหนดกลมเปาหมายไวลวงหนา ชดเจนแลวกจะทำาใหผออกแบบมความสะดวกในการทจะบอกหรอสอความหมายไดงายขน เชน การเลอกใชสญลกษณ เครองหมาย และภาพประกอบตางๆ สอแทนคำาศพท ขอความทเปนนามธรรม ไดตรงตามระดบความสามารถในการรบรของผรบ จะชวยใหเกดความเขาใจในความหมายของขาวสารนน ๆ จำาไดในเวลาอนรวดเรวและจดจำาไวตลอดไป

4. นำาเสนอขาวสารดวยสอใด แบบใด ผออกแบบตองมความรเกยวกบประเภทของสอ ศกยภาพของสอชนดตางๆ คำานงถงการเลอกใชสอในการนำาเสนอขาวสารเปนรปแบบใด จงจะไดผลดมความเหมาะสมกบขาวสาร และผออกแบบควรจะใชวธการจดการกบขาวสารนน อยางไร จงจะสามารถโนมนาวจตใจและสอความหมายตอผรบไดอยางมประสทธภาพสงสด เชน โปสเตอร หนงสอพมพ โทรทศน ภาพยนตร อนเตอรเนต ฯลฯ

การออกแบบกราฟก ......สวนใหญเปนวธการทเกยวของกบ

การแสดงออกถงการสอความหมายในลกษณะของตวอกษรและภาพในรปแบบตาง ๆ ซงเปนการสอสารทางทศนสญลกษณ (Visual form) ดงนนในการออกแบบจงเปนสงจำาเปนทจะตองมการเรยนรเกยว การมองเหนและจตวทยาทเกยวของ.......

3Back

1. การออกแบบทางสถาปตยกรรม

(Architecture Design) เปนการออกแบบเพอ การกอสราง สงกอสรางตางๆ นกออกแบบสาขาน เรยกวา สถาปนก (Architect) ซง โดยทวไปจะตองทำางานรวมกบ วศวกรและมณฑนากร โดยสถาปนก รบผดชอบเกยว กบประโยชนใชสอยและความงามของสงกอสราง งานทางสถาปยตกรรม

2. การออกแบบผลตภณฑ (Product Design)

.......เปนการออกแบบเพอการผลต ผลตภณฑ ชนดตาง ๆงานออกแบบสาขาน มขอบเขตกวางขวางมากทสด และแบงออกไดมากมาย หลาย ๆ ลกษณะ นกออกแบบรบผดชอบเกยวกบประโยชนใชสอยและความสวยงามของผลตภณฑ

3. การออกแบบทางวศวกรรม (Engineering Design).......เปนการออกแบบเพอการผลต ผลตภณฑชนดตาง ๆ เชนเดยวกบการออกแบบผลตภณฑ ซงมความเกยวของกน ตองใช ความรความสามารถและเทคโนโลยในการผลตสง ผออกแบบคอ วศวกร ซงจะรบผดชอบ ในเรองของประโยชนใชสอย ความปลอดภยและ กรรมวธในการผลต บางอยางตองทำางานรวมกนกบนกออกแบบสาขาตางๆ ดวย

4. การออกแบบตกแตง (Decorative Design)

เปนการออกแบบเพอการตกแตงสงตาง ๆ ใหสวยงามและเหมาะสมกบประโยชนใชสอยมากขน นกออกแบบเรยนวา มณฑนากร (Decorator) ซงมกทำางานรวมกบสถาปนก งานออกแบบประเภทนไดแก Interior Design, Exterior Design, Landscape Design, Display, Exhibition, การจดบอรด ,การตกแตงบนผวหนาของสงตาง ๆ เปนตน ฯลฯ

5. การออกแบบสงพมพ (Printing Design)

.......เปนการออกแบบเพอทางผลตงานสงพมพ ชนดตาง ๆ ไดแก หนงสอ หนงสอพมพ โปสเตอร นามบตร บตรตาง ๆ งานพมพลวดลายผา งานพมพภาพลงบนสงของเครองใชตางๆ งานออกแบบรปสญลกษณ เครองหมายการคา ฯลฯ

6. การออกแบบกราฟก (Graphic Design).......เปนการออกแบบงานดานกราฟก อาจจะออกมาในลกษณะของ การผลตสอทใชแนวคด รปแบบซงมการใชรปภาพ ตวอกษร นำามาจดองคประกอบใหนาสนใจ มการใชส สวยงาม บางครงอาจสอดแทรกเทคนคโปรแกรมคอมพวเตอร (effect) สามารถนำาไปใชเปนสอในการนำาเสนอ การออกแบบแผนภม แผนภาพ สถต ภาพโฆษณา การตน ลกโลก-แผนท การจดปายนเทศ การจดนทรรศการ สอมลตมเดย สอกราฟกในโทรทศน สอสำาหรบงานวจย ตามจดมงหมายของชนงานในแตละครง

4Back

( Elements of Design)

1. จด (Dot) เปนพนฐานเบองตนทสามารถนำามาประกอบกนใหเปนเสน รปราง รปทรง ตลอดจนเปนภาพ สำาหรบการพมพภาพธรรมชาตในปจจบนจะพมพใหเปนจดสขนาดเลกผสมผสานกนเปนจำานวนมากโดยพมพเพยง 4 ส เมอจดสทง 4 สประกอบเขาดวยกนจะเกดการประสานสใหดเปนภาพสธรรมชาตไดถาขยายภาพดจะเหนไดชดวาจดทประกอบกนมความถหางตาง ๆ กน เมอประสานจดดวยสายตาจะเหนเปนภาพทมนำาหนกสออนเหมอนธรรมชาต

2. เสน (Line) มความสำาคญมากทสด เสนเรมจากจดๆเดยวซงเกดจากจดหลายรอย หลายพน หลายหมน หลายลานๆจดทตอกน เสนมหลายลกษณะทงเสนตรง เสนโคง เสนเฉยง เสนตงฉาก เสนนอน ตางกใหความรสกทแตกตางกน

3. รปรางและรปทรง (Shape and Form) รปรางและรปทรงมความสมพนธกนอยางใกลชด แตเมอพจารณาใหดแลวจะพบวารปรางและรปทรงมลกษณะตางกน

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

ลขสทธ : ผศ. ถาวร สายสบ

มลกษณะเปนสามมต คอ มทงความกวาง ความยาว และความหนาหรอความลกประกอบกน รปทรงคอรปรางของปรมาตร (volume) หรอมวล (mass) ซงเกดจากการปดลอม พนทวางเหมอนกบบาน ตและชาม ดงนนรปทรงจะมการกนระวางเนอทในอากาศและมลกษณะทางกายภาพเปนตวเปนตนเปนกลมเปนกอนจบตองได

ลขสทธ : ผศ. ถาวร สายสบ

หมายถง เนอของวตถหรอสสารตางๆ ทกนระวางเนอทในอากาศหรอเปนเนอวตถทมปรมาตรนนเอง มวลจะมลกษณะเปนสามมต

การวางหรอการจดรปแบบ ใหเหนแนวทาง ขนตอนของกระบวณการใหเปนไปอยางตอเนอง และถกตองตามลำาดบขน ทศทางในการออกแบบจะชวยใหผชมเขาใจกระบวณการไดรวดเรวยงขน

ทศทางของแสง

ทศทางของแสง

ทศทางของแสง

1

2

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

Present ไดนาสนใจ

ทงสองภาพ ใหความนาสนใจแตกตางกนไหม ถาคณตองทำาภาพกราฟก นำาเสนอประเดนการพจารณา การทำางาน ตามลำาดบ จากลำาดบทหนงไปลำาดบทสอง ลำาดบทสองไปเรอยๆ การสรางภาพกราฟกแบบทสอง จะใหความรสก "นำาสายตา" ไดดกวาแบบแรกแนนอน ลองดนะ

คอ ลกษณะเฉพาะทเกดจากโครงสรางของวสดอาจนำาวตถดบหลาย ๆ อยางมาสรางใหเกดพนผวใหมหรอความรสกในการแยก จำาแนกความเรยบความขรขระ ความแตกตางของพนผวในทางกราฟกสามารถแยกออกไดดวยประสาทสมผสทางตาเปนสวนใหญ พนผวทแตกตางกนจะใหความรสกแตกตางกน

Graphic

1. พนผวทสมผสไดดวยมอ หรอกายสมผส เปนลกษณะพนผวทเปนอยจรงๆ ของผวหนาของวสดนนๆ   ซงสามารถสมผสไดจากงานประตมากรรม งานสถาปตกรรมและสงประดษฐอน ๆ 2. พนผวทสมผสไดดวยสายตา จากการมองเหนแตไมใชลกษณะทแทจรงของผววสดนน ๆ เชน การวาดภาพกอนหนบนกระดาษ   จะใหความรสกเปนกอนหนแตมอสมผสเปนกระดาษหรอใชกระดาษพมพลายไม หรอลายหนออน  เพอปะ  ทบบนผวหนาของสงตาง ๆ

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

หมายถง ชองวางระหวางภาพหรอระหวางภาพกบตวอกษร ซงหมายรวมถงชองวางทงภายในและภายนอก ในกรอบของการออกแบบชองวางหรอชองไฟน จะชวยทำาใหการออกแบบมความนาสนใจ มความเดนและมสมดล

ขนาดตวอกษร 28

ขนาดตวอกษร 32

ขนาดตวอกษร 36

ขนาดตวอกษร 40 ขนาดตวอกษร 44 ขนาดตวอกษร 48

ขนาดตวอกษร 54 ขนาดตวอกษร 60

ขนาดตวอกษร 66 ขนาดตวอกษร 72

ขนาดตวอกษร 80 ขนาดตวอกษร 88 ขนาดตวอกษร 96 ขนาดตวอกษร 106

ขนาดตวอกษร 117 ขนาดตวอกษร 129

5Back

ส มอทธพลในเรองของอารมณการสอความหมายทเดนชด กระตนตอการรบรทางดานจตใจมนษย ส แตละสทำาใหความรสก ความสมพนธและอารมณทไมเหมอนกน ส บางสใหความรสกสงบ บางสใหความรสกตนเตนรนแรง ส จงเปนปจจยสำาคญอยางยงตอการสรางงานศลปะและการออกแบบ เพอความสวยงามและเพอสอความหมาย ฉะนนงานจะสมบรณสวยงามดงดดใจผดไดด จะตองมส เขาไปเปนองคประกอบสำาคญในการสรางงาน ดงนนเราจงควรศกษาทฤษฎสและหลกการใชสอยางละเอยด เพอเลอกใชสใหเหมาะสมกบงานออกแบบ

ลขสทธ : ผศ. ถาวร สายสบ

ขนท 1 (primary) .......แมสทเปนหวใจหลกของทฤษฎสประกอบดวย 3 สดวยกน คอ แดง เหลอง และนำาเงน ทง 3 สนถอวาเปนแมสหลกขนท 1 ทไมไดเกดจากการผสมสจากสอน แตเปนสตนกำาหนดสอน ๆ แตละสเหลานสามารถเปลยนแปลงหรอปรบระดบคาสไดอยางไมมทสนสด เชน สแดงสามารถเมอปรบคาระดบสแลวกจะเกดสอน ๆ คอ สแดงสดใส สกอนอฐ สสนม สเนอแตงโมแดง สผลมะเขอเทศ สผวเดกออน สเหลาองน สนำาตาลแดง เปนตน สแดงทงหมดเหลานแตละสมคณภาพอยางยงทแสดงถงบคลกอนโดดเดยว

.......สในขนท 2 นเปนการผสมสจากแมสขนท 1 ทอยตดกนเพอใหเกดสใหมขนมา โดยการนำาเอา สแดงผสมนำาเงนเปนสมวง สแดงผสมเหลองเปนสสม และสเหลองผสมนำาเงนเปนสเขยว ภายในแตละสระดบท 1เหลาน สามารถปรบเปลยนหรอการปรบคาของสเพอจะไดสแบบไมมทสนสด ดงเชนสเขยวสามารถทำาใหเกดสอนอก คอ สผลมะกอก สมะนาวดบ สตนมอซหรอหญา สผลองน สมรกต สพชจำาพวกสะระแหน เปนตน

ลขสทธ : ผศ. ถาวร สายสบ

.....สขนท 3 ซงเกดจากการนำาเอาสขนท 1 และสขนท 2 ทอยตดกนทงสองดานนำาผสมกนเพอใหเกดสขนมาอกหนงระดบ ทงหมด 6 ส ประกอบดวยการผสมส ดงน คอ สแดง-สม แดง-มวง นำาเงน-มวง นำาเงน-เขยว เหลอง-เขยวและเหลอง-สม ซงมสรวมกนทงหมดจาการผสมสตงแตขนท 1 ขนท 2 และขนท 3 มทงหมด 12 ส แตยงมสทนอกเหนอจากผสมของแมส คอ สขาวและสดำา

•

• .......สพนฐานทถกผสมจากแมสทงหมด 12 ส แบงออกเปน 2 โทนส ตามคาความเขมของส หรอเรยกอกอยางหนงวา วรรณะของส นนก คอ วรรณะรอน(Warm Colors) และวรรณะเยน (Warm Colors) โดยมความแตกตางกนในอณหภม นอกจากนแลวยงมกลมสอกกลมหนงนนกคอ กลมสทเปนกลาง (Neutral Colors) ซงเกดจากการเพมหรอลดคาส เพอใหเหนความแตกตางของสทแสดงออกทางอารมณ มชวตชวาหรอเศราโศก ฉะนนรปแบบของสทสายตาของมนษยมองเหน สามารถแบงออกเปน 3 กลม ดงนคอ

• สโทนรอน (Warm Colors)

.......สแบบอนหรอสโทนรอนในทางจตวทยาเขามองกนวาเปนกลมสทเกยวของกบความสข ความปลอบโยน ความอบอน และดงดดใจ การทหลายคนชอบสแบบรอนหรออบอนในฤดหนาว ทสรางความรสกสะดวกสบาย ความสนกสนานเพลดเพลน ซงเกยวของกบชวตความเปนอยแบบรอน ๆ ในแถบประเทศทะเลเมดเตอรเรเนยน ดเททฟว ประกอบดวย สแดง สสม สเหลอง สมวงแดงและสเหลองเขยวกลมสแบบของสกได

รปท 4 แสดงกลมของสแบบสรอนหรออน

สรอนนมความสามารถในระดบสงเกยวกบการมองเหนขอความหรอรปภาพทมทศนยภาพในทใกลและโนมนาวความรสกในขณะทมองเหน ซงสกลมแบบรอนนถกนำามาใชสำาหรบการพฒนาออกแบบเวบเพจไดอยางกลมกลน อยางไรกตามลกษณะของความแตกตางทเกยวกบการมองเหนของแตละคนยอมแตกตางกน บางคนอาจจะมองวาไมมชวตชวา แตสกลมนเปนกลมสทชวยใหหายจากความเฉอยชา มชวตชวามากยงขน ฉะนนเราตองประยกตใชรวมกบกบสอน ๆ ตามหลกหรอกฎทฤษฎ

.......ในทางจตวทยานนความทดสภาพ ออนโยน เรยบรอย มองดเปนผชำานาญการ คนกลมนมกจะชนชอบสในแบบเยน และเปนกลมสมคนชอบมากทสด โดยเฉพาะสนำาเงนทสามารถโนมนาวในระยะไกลได เครองหมายการคาสวนใหญชอบใชสนำาเงนเพราะอาจจะดเหมาะสมยงกวาสอน สแบบเยนประกอบดวย สเขยวทะเล สมวง สนำาเงน สออน สนำาเงนออนและนำาเงนเขยว

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

รปท 5 แสดงกลมของสแบบสเยน

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

สวนสดำานนสามารถแสดงออกถงความสำาคญหรอเปนลาง ดซอนเรน เรนลบคลมเครอ ซงเปนสแหงความมดมนดมพลง ในวฒนธรรมทางดานตะวนตกบงบอกถงความรอบคอบ ความมงม ในสวนมมมองทางตะวนออกนนบงบอกถงความออนนอม ความถอมตน ความสขม ความรอบครอบ ความประหยด ความมธยสถและความพถพถน นคอ ความหมายของสทในทางจตวทยาของคนเราทสามารถบงบอกเรองราวหรอเปนการแสดงออกไดอยางกลมกลน

6Back

6. การออกแบบและจดวางองคประกอบในการผลตสอ

กราฟก • สดสวน (Proportion) เปนการ

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

• ความสมดล(Balance) หมายถงการจดวางรปภาพ ตวอกษรและวสดอนๆ ในกรอบของการออกแบบ ใหเกดความพอดหรอเทาเทยมกน ลกษณะของสมดลแบงออกเปน 2ประเภท คอ......สมดลแบบซาย ขวา เหมอนกนหรอเทากน(Symetrical Balance) เมอแบงดวยเสนแนวตงผานจดกงกลางสายตา จะมองเหนวามนำาหนกเทากนทงสองขาง ลกษณะนเหมอนดงเชนการถายภาพบคคลหนาตรง ทวางทงสองขางจะเวนไวเทากน

• ......สมดลแบบซาย ขวา ไมเหมอนกนหรอไมเทากน(Assymetrical Balance) เปนการจดวางภาพหรอตวอกษรเนนถงการแสดงทศทาง ซงเมอพจารณาโดยภาพรวมแลวมความรสกวามนำาหนกเทากน แตถาลากเสนแบงแนวตงผานจดกงกลาง นำาหนกทงสองขางจะไมเทากน เหมอนดงเชนการถายภาพบคคลในลกษณะเอยงขาง ทวางทงดานหนาจะมความกวางมากกวาดานหลง ภาพกยงรสกวาสมดล

• ความกลมกลน (Harmony) หมายถงความพอเหมาะ พอด ของสวนประกอบตางๆ ทประกอบขนเปนสอกราฟก ไมวาจะเปนรปภาพ ตวอกษร ลกษณะของรปทรง และการใชส ซงจะทำาใหเกดความสมพนธ มความเปนอนหนงอนเดยวกน เกดเปนความงามและความนาสนใจในการออกแบบ

• ความแตกตาง (Contrast) หมายถงการนำารปแบบทแตกตางกนทงดานขนาด ลกษณะของภาพ ลกษณะของวสด ตลอดจนการใชส มาจดไวดวยกน เปนการเนนใหเหนถงความแตกตางหรอการตดกนตามจดมงหมายของการออกแบบ เชน การถายภาพนกกระยางอยกลางทองนาทมสเขยว จะใหความรสกวามสตดกนหรอแตกตางกน เหนไดชดเจน

• .จงหวะหรอลลา (Rhythm) หมายถงการจดวางรปภาพ วสด หรอตวอกษร ในตำาแหนงทแตกตางกน อาจจะดวยการจดชองไฟ ใหมระยะหางเทาๆกน หรอมลำาดบตอเนอง จะทำาใหเกดความรสกทบงบอกถงทศทาง และความสมดลในการออกแบบ

• .......ความมเอกภาพ (Unity) หมายถง การจดวางภาพ วสด หรอตวอกษร ตลอดจนการใชส ในการออกแบบใหเกดเปนจดสนใจหรอศนยสนใจ ซงในการออกแบบแตละครงเอกภาพหรอศนยสนใจดงกลาวจะตองมเพยงแหงเดยว ประหนงวาเอกภาพของงานแตงงานยอมอยทคบาวสาวเพยงผเดยวเทานน

• ชองวางหรอชองไฟ(Space) หมายถงชองวางระหวางภาพหรอระหวางภาพกบตวอกษร ซงหมายรวมถงชองวางทงภายในและภายนอก ในกรอบของการออกแบบ ชองวางหรอชองไฟนจะชวยทำาใหการออกแบบมความนาสนใจ มความเดนและมสมดล

• ทศทาง (Direction) หมายถงการวางหรอการจดรปแบบ ใหเหนแนวทาง ขนตอนของกระบวณการใหเปนไปอยางตอเนองและถกตองตามลำาดบขน ทศทางในการออกแบบจะชวยใหผชมเขาใจกระบวณการไดรวดเรวยงขน

• จากหลกการในการออกแบบและจดวางองคประกอบดงกลาว ถาผออกแบบเขาใจประเดนของเรองราว รถงความสมพนธขององคประกอบ ยอมสามารถออกแบบสอกราฟกไดอยางมความนาสนใจ มคณคา ไมวาจะเปนโปสเตอร แผนพบ ใบปลว เอกสารเยบเลม สตกเกอร การออกแบบปายนเทศ ปกหนงสอ และสอสำาหรบการนำาเสนอฯลฯ การสอความหมายหรอการนำาสอกราฟกไปใชยอมทำาไดอยางมประสทธภาพ

7Back

• จากการออกแบบกลบพนภาพ ทำาใหเกดการสรางสรรคงาน เปนสญลกษณ(Logo) และเปนทนยม เพราะมความแปลกใหม นาสนใจนอกจากนยงมผลของการมองเหนวา ภาพสขาวทอยในพนสดำา จะทำาใหดโตขน 10-15% เทคนคนนยมนำาไปใชทำาตวอกษรพาดหวขาวสำาคญในหนาหนงของหนงสอพมพ

-ขนาด (Size) คอ การเปรยบเทยบรปรางหรอรปทรง การวดสดสวน ระยะ หรอขอบเขตรปรางนน ๆ

- สดสวน (Scale) คอ ความเหมาะสมของสงของตงแต 2 สงขนไป มความสมพนธกน

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

- ขนาดทแตกตางกน จะใหความรสกขดกน (Contrast)

- ขนาดใกลเคยงกน ใหความรสกกลมกลนกน (Harmony)

- ความแตกตางของขนาดทำาใหเกดความรสกเคลอนไหว (Dynamic)

• วสด(Material) คอ วตถดบทจะนำามาใชในการออกแบบ โดยเลอกความเหมาะสมตรงตามลกษณะของงาน ถาทำาลงบนกระดาษวาดเขยนอาจเปนรปลอกลวดลายตาง ๆ แบบทบแสงถาทำาลงบนแผนโปรงใสกใชรปหรออกษรลอกแบบสโปรงแสง เปนตน

• พนผว (Texture) คอ ลกษณะเฉพาะ ทเกดจากโครงสรางของวสด อาจนำาวตถดบหลาย ๆ อยางมา สรางใหเกดพนผวใหม หรอความรสกในการแยก จำาแนกความเรยบความขรขระ ความแตกตางของพนผวในทางกราฟก สามารถแยกออกไดดวยประสาทสมผส ทางตา เปนสวนใหญ พนผวทแตกตางกนจะใหความรสกตางกน เชน ผวขรขระ ใหความรสกปลอดภย มนคง แขงแรง สาก สะดด หยาบ ระคายเคอง ในบางสถานะทำาใหดเลกกวา ความจรง เชน ผวขรขระของกำาแพงทกอดวยศลาแลงหรอหน กาบ จะดแขงแรงบกบน

• ในการสรางงานกราฟกลงบนกระดาษ เชน รปหลงคาบานลายสงกะส กระเบองลอนแบบตางๆ ผนงตก ซงลวดลาย ขรขระ เหลานจะนำามาจากแผนรปลอก ซงใน ปจจบนใชลวดลายสำาเรจรปจากคอมพวเตอรผวเรยบมน ใหความรสกไมมนคง ลน หรหรา วาบหวาม สดใส แสงสะทอน ในบางสถานะทำาใหดใหญกวาปกต เชน ผนงตกทฉาบปนเรยบหรออาคารทเปนกระจกทงหลง จะดเปราะบาง แวววาว ตวอยางงานกราฟกทตองการความเปนมนวาว ทใชเทคนคแผนรปลอกทมลายไลโทนสำาเรจรป

8Back

• ในการผลตวสดแตละอยางครผสอนควรศกษาวาวสดแตละชนดมแบบใดทเหมาะสมกบเนอหากลมเปาหมายหรอผเรยน ครควรรจกเลอกและรจกใชวสดกราฟก รจกจดระบบการผลตวสดกราฟกเพอใหผลผลตนนเกดความคมคามากทสด การผลตวสดกราฟกโดยวธระบบ ผผลตวสดกราฟกทมคณภาพ จะตองจดระบบทจะผลตงานกราฟกใหตรงวตถประสงค คอ การทำาใหเกดประสทธผลซงสามารถดำาเนนตามขนตอนได ดงน

• ในขนนผผลตตองรวาผเรยนหรอกลมเปาหมายเปนอยางไร อาย เพศ ชายหรอหญง ฐานะ เศรษฐกจ สงคม ศาสนา เชอชาต วฒนธรรมประเพณ ซงควรจะนำามาเปนองคประกอบในการวเคราะหผเรยน

ขนวเคราะหผเรยน

• วเคราะหวาผเรยนหรอกลมเปาหมาย มความรเนอหาทจะนำาเสนอมากอนหรอไม เพยงใด และสงทจะใหเรยนรใหมมอะไรบาง เมอเรยนรจบแลวจะไดอะไรเพมขน หลงจากนนจะใหเขาไปทำาอะไรหรอทำาอะไรเปน การวเคราะหในขอ 1 และ 2 จะชวยใหกำาหนดวตถประสงคไดถกตองชดเจน

วเคราะหเนอหา

• เปนการกำาหนดวาจะใหผเรยนหรอกลมเปาหมายเรยนรเรองอะไร แคมากนอยเพยงใด เพออะไร เปนอยางไรและควรเปนวตถประสงคเชงพฤตกรรม สามารถวดได เชน งานออกแบบโปสเตอร เพอรณรงคตอตานยาบา หรอเชญชวนไปปลกตนไม

ขนกำาหนดวตถประสงค

• .......- วตถประสงคทกำาหนดขนมายงเปนนามธรรม ตองเปลยนใหเปนรปธรรม โดยรางเปนรปแบบตางๆลงบนกระดาษ หลาย ๆ แบบแลวประชมระดมสมองเพอเลอกใชแบบใดแบบหนงทคดวาดทสด ไปทำาวสดกราฟก ถาทำางานชนนนคนเดยวกเลอกวเคราะหในเชงเปรยบเทยบ อาจทดลองใชอกษรแบบตางๆ เปลยนสลบส ใหสอความหมาย ไดด และมความนาสนใจ

ขนรางแบบ

• .......- เปนขนตอนการผลตตามโครงรางทไดรางไว และใหมขนาดเหมาะสมกบวยของผเรยน ใสภาพประกอบ ใสส และตกแตงรายละเอยดใหเรยบรอยสวยงาม

ขนผลตงานกราฟก

• .- นำาวสดกราฟกทผลตขนไปใชกบกลมผเรยน อาจเปนกลมตวอยาง ทมคณสมบตเหมอนกนหรอใกลเคยงกน แลววดความเขาใจ ความชอบ ผลทไดจะชวยใหผผลตทราบวา สงทผลตขนมานนมสวนบกพรองหรอไมอยางไร ซงจะเปนแนวทางในการปรบปรงแกไขตอไป

ขนทดลองใช

• .......- เปนขนตอนทนำาขอบกพรองตาง ๆ มาปรบปรงเพอใหงานดานกราฟกมประสทธภาพยงขน เมอทำาเสรจแลวใหนำาไปทดลองอกครงหนง ถาพบขอบกพรองอกตองนำามาแกไขใหม จะทำาใหวสดกราฟกมประสทธภาพสงสด

ขนปรบปรงแกไข