การออกแบบ
และ
การจดั ตาแหนง่ ภาพ
รายวิชา องค์ ประกอบศิลป์ สาหรั บงานคอมพิวเตอร์
รหัสวิชา 2204-2101
ครูผสู้ อน : นางสาวมยรุ ี พงษศ์ ิริจนั ทร์
สาระสาคญั
การออกแบบมคี วามใกลช้ ดิ และมอี ิทธพิ ลตอ่ การประยุกต์ใชใ้ น
ชีวิตประจาวนั ของมนุษย์มานาน การออกแบบช่วยถา่ ยทอดความคิดให้
เป็นรูปธรรม ช่วยในการส่ือสารทาให้ผู้พบเห็นรู้สกึ งามตา มผี ลทาง
จิตวทิ ยา ในการออกแบบงานกราฟิกเปน็ งานออกแบบท่ีสอ่ื ความหมาย
ในลักษณะของตัวอักษรและภาพซ่งึ นามาใช้งานอยา่ งกว้างขวางท้งั
บริษทั สถาบัน ปา้ ยของหน้ารา้ นตา่ ง ๆ ผลิตภัณฑ์ บรรจุภัณฑ์
เครอ่ื งใช้ อปุ โภคและบรโิ ภค ลว้ นเกย่ี วขอ้ งกับการออกแบบท้ังส้นิ
1. ความหมายและประโยชน์ของการออกแบบ
1.1 ความหมายของการออกแบบ
❖ การออกแบบ หมายถงึ กระบวนการทางความคิดในการวางแผน
การรวบรวมองคป์ ระกอบทงั้ หลายเข้าด้วยกนั อย่างเปน็ ระบบ เพ่อื
สร้างสรรค์ หรอื ปรบั ปรุงประดษิ ฐกรรมตา่ งๆ อย่างมปี ระสทิ ธิภาพทัง้
ในด้านประโยชน์ใช้สอยและความงาม
**ประดษิ ฐกรรม หมายถงึ การทาส่ิงของข้นึ จากวตั ถดุ บิ
1. ความหมายและประโยชนข์ องการออกแบบ
1.2 ประโยชน์ของการออกแบบ
❖ การออกแบบช่วยจดั ระเบยี บทมางความคิดทีห่ ลากหลายให้คลคี่ ลาย
และมีลกั ษณะเป็นรูปธรรมมากข้ึน
❖การออกแบบเป็นการกาหนดรปู แบบทางความงาม ผูอ้ อกแบบสามารถ
กาหนดได้ตามความตอ้ งการของตนเองและผูอ้ ่ืน
❖การออกแบบชว่ ยใหก้ ารเลือกวัสดเุ ปน็ ไปอย่างเหมาะสม ก่อให้เกิดความ
ประหยัดในการทางาน ทงั้ ในดา้ นงบประมาณและราคา
1. ความหมายและประโยชน์ของการออกแบบ
1.2 ประโยชนข์ องการออกแบบ (ตอ่ )
❖การออกแบบชว่ ยกาหนดวิธกี ารในการทางาน และการสรา้ งสรรค์งานได้
อย่างถกู ตอ้ งโดยไมต่ อ้ งเสยี เวลาในดา้ นงบประมาณและราคา ทั้งยังเพมิ่ มลู คา่
ของผลติ ภัณฑใ์ ห้สงู ข้ึนได้
❖การออกแบบสามารถใช้ส่ือความหมายระหว่างผ้อู อกแบบกบั ผูอ้ ืน่ ที่
เกยี่ วขอ้ งในลกั ษณะท่เี ป็นรปู ธรรมและกอ่ ให้เกิดความเขา้ ใจตรงกนั ได้
❖ผลงานออกแบบทดี่ ี สรา้ งเอกลักษณ์ของชิ้นงาน ทาให้เกิดการรบั รู้ทีด่ ีต่อ
หนว่ ยงานหรือองค์กร
2. หลกั การออกแบบ
2.1 เร่อื งและแนวความคิด
❖ก่อนจะทาการออกแบบชน้ิ งานใดๆ ส่งิ แรกที่ต้องกระทาคือ กาหนดเรอ่ื ง
แนวความคิดหรอื จุดประสงค์ทีช่ ัดเจนของงาน ตอ้ งการจะส่อื สารอะไรและ
สือ่ สารกบั ใคร เพ่อื ที่จะออกแบบได้อยา่ งเหมาะสม เพ่ือใหง้ านสาเร็จลลุ ว่ ง
ไปได้ด้วยดี โดยมแี นวความคิดมาเป็นตวั กาหนดวา่ จะให้ผลงานไดแ้ รงบันดาล
ใจจากธรรมชาติ หรือจากข้อกาหนดของการออกแบบนน้ั ๆ เอง
2. หลกั กการออกแบบ
2.2 ทศั นธาตแุ ละเทคนคิ วิธีการ
❖ทัศนธาตแุ ละเทคนคิ วิธีการ เป็นการเลอื กนาทัศนธาตตุ ่าง ๆ มาใชใ้ ห้
เหมาะสมกบั ชิ้นงานที่จะออกแบบ เชน่ สาหรบั เดก็ ควรใชส้ สี ันสดใสมีสีตดั กนั
สาหรับงานทางการควรใช้สพี น้ื และเรยี บ เป็นตน้
2. หลกั การออกแบบ
2.3 หลักและทฤษฎีองคป์ ระกอบศลิ ป์
❖ หลกั และทฤษฎีองคป์ ระกอบศิลป์ เป็นการนาทัศนธาตมุ าจดั ระเบยี บ
ประกอบกนั หรือรวมกันบนชน้ิ งานน้นั ๆ ชว่ ยให้การสร้างสรรค์งานออกแบบ
มคี วามงาม
2. หลกั การออกแบบ
2.4 คุณค่าทางความงามของงานออกแบบ
❖ คุณค่าทางความงามของงานออกแบบเป็ฯผลสัมฤทธ์ิท่เี กิดข้นึ และมผี ลต่อ
ผูช้ มและสงั คมเป็นผลผลติ ของการวางแผน การเลือกใช้ทศั นธาตุ และทฤษฏี
องคป์ ระกอบศลิ ป์ คณุ ค่าทางความงามนอกจากจะทาให้ผ้พู บเห็นชนื่ ชมและ
ช่นื ชอบแล้ว ยังชว่ ยในการดงึ ดูดสายตา เป็นทจี่ ดจา และสร้างภาพลกั ษณท์ ดี่ ี
ตอ่ งานออกแบบน้นั ๆ ดว้ ย
2. หลกั การออกแบบ
2.4 คุณค่าทางความงามของงานออกแบบ (ต่อ)
ตวั อย่าง แรงบนั ดาลในในการออกแบบตราสญั ลกั ษณ์
2. หลกั การออกแบบ
2.5 องคป์ ระกอบของการออกแบบ
เส้น
เอกภาพ ทศิ ทาง
จังหวะ
รูปร่าง
และ
รูปทรง
การ ขนาด
เลคื่อน
ไหว องคป์ ระกอบ และ
การออกแบบ สัดส่วน
ความ ลักษณะ
เดน่ พนื้ ผิว
ความขัอ ความ นา้ หลัก
แย้ง กลมกลื
และสี
น ดลุ ย
ภาพ
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.1 การออกแบบงาน 2 มิติ
❖การออกแบบกราฟกิ
การออกแบบตราสญั ลักษณ์ เปน็ การออกแบบ สญั ลักษณ์หรอื เครอ่ื งหมายการคา้ ของบริษัทหรอื
องคก์ ร อาจมีลักษณะเป็นตัวอักษรทม่ี รี ูปแบบโดดเด่น หรอื เปน็ ภาพท่ีมีชอ่ื บริษทั อย่ดู ้วย
การออกแบบตราสญั ลักษณ์
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.1 การออกแบบงาน 2 มิติ
❖การออกแบบโฆษณา
เปน็ การออกแบบเพอ่ื การโฆษณาและประชาสมั พนั ธ์ ซ่ึงมักจะมีตราสัญลักษณ์ของหน่วยงานปรากฏ
อยดู่ ้วย เชน่ การออกแบบใบปดิ ประกาศ การออกแบบแผ่นพบั การออกแบบแผน่ ปา้ ยโฆษณา
การออกแบบโฆษณา
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.1 การออกแบบงาน 2 มิติ
❖การออกแบบภาคเครอ่ื งหมาย
เปน็ การออกแบบเครื่องหมายและสญั ลกั ษณ์เพื่อบอกกลา่ วหรือสอ่ื สารเพ่อื ให้เขา้ ใจตรงกัน ซึง่ มกั จะมี
ขนาดไมใ่ หญ่มาก เชน่ เคร่อื งหมายจราจร
การออกแบบภาพเครื่องหมาย
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.1 การออกแบบงาน 2 มติ ิ
❖การออกแบบแฟช่นั
เป็นการออกแบบเคร่ืองแตง่ กายและเคร่ืองประดับตา่ ง ๆ โดยอาจมีวฒั นธรรม ประเพณี เวลาและ
สถานที่ เปน็ พ้นื ฐานในการสรา้ งสรรคร์ ปู แบบส่วนมากจะเป็นไปตามความนิยม ตามยคุ สมยั ในช่วง
ระยะเวลาหนงึ่ ๆ
การออกแบบแฟช่นั
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.1 การออกแบบงาน 2 มิติ
❖การออกแบบตกแตง่ ผลติ ภัณฑ์
เป็นการออกแบบเพอ่ื เพิม่ ความงดงามใหแ้ กผ่ ลติ ภัณฑ์ต่าง ๆ ท่ผี ลิตขนึ้ ใช้ในชีวติ ประจาวนั โดยการใช้
ลายเสน้ สี รูปรา่ ง ใหเ้ กดิ ข้นึ บนพ้ืนผวิ ของผลติ ภณั ฑอ์ ยา่ งกลมกลนื
การออกแบบตกแตง่ ผลิตภณั ฑ์
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.1 การออกแบบงาน 2 มติ ิ
❖การออกแบบตกแต่งภายใน
เป็นการออกแบบตกแตง่ ภายในบ้าน อาคารสานกั งาน สถานท่ีต่าง ๆ หรือยานพาหนะบางประเภท
เพอ่ื ประโยชนใ์ ชส้ อยและความงามโดยการใชส้ เี คร่ืองเรอื น วัสดสุ ง่ิ ของต่าง ๆ มาประดบั ตกแตง่
การออกแบบตกแตง่ ภายใน
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.2 การออกแบบงาน 3 มิติ
❖การออกแบบผลิตภัณฑ์
เป็นการออกแบบตัวหรอื รปู รา่ งอุปกรณ์ เครอื่ งมือเครือ่ งใชต้ ่าง ๆ ทใี่ ชใ้ นชวี ิตประจาวัน ซึ่งผลิตขึน้
จากวัสดุตา่ ง ๆ เชน่ พลาสติก แกว้ ยางพารา มาประกอบข้นึ เป็นชิ้นงาน ซ่ึงสว่ นมากจะผลติ โดยใช้
เครอื่ งจกั รของโรงงานอตุ สาหกรรม การออกแบบผลติ ภัณฑ์นจ้ี งึ เรียกอกี อย่างหน่งึ ว่า การออกแบบ
อุตสาหกรรม
การออกแบบผลติ ภณั ฑ์
3. การออกแบบงาน 2 มิติ และ 3 มิติ และ
การจดั วางตาแหน่งภาพ
3.2 การออกแบบงาน 3 มติ ิ
❖การออกแบบงานฝมี อื
เปน็ การออกแบบอุปกรณเ์ คร่อื งมือ เครอื่ งใช้จ่าง ๆ ท่ีใชใ้ นชีวิตประจาวัน วัสดุทใ่ี ช้สว่ นมากจะมาจาก
วตั ถดุ บิ ทีห่ าไดง้ ่าย ไม่ต้องผา่ นกระบวนการแปรรปู ท่ียุ่งยาก เช่น ไม้ ดินเหนียว กระดาษ ผา้ เป็นต้น
โดยการผลิตนน้ั ไม่จาเป็นตอ้ งใช้เครือ่ งจักรในโรงงานอตุ สาหกรรม สามารถผลิตข้ึนเองภายใน
ครวั เรือนได้ โดยงานฝีมอื เหล่านี้ถกู เรียกวา่ งานหตั ถกรรม
การออกแบบงานฝมี อื
4. การออกแบบสญั ลกั ษณ์ต่าง ๆและ
การจดั วางตาแหน่ง
4.1 สญั ลักษณ์ (Symbols)
เป็นเคร่อื งหมายท่ีสอ่ื ความหมาย แสดงเป็นรูปภาพทีเ่ ขา้ ใจง่าย มเี อกลกั ษณ์ ไม่มีตวั อักษรประกอบ
สอ่ื ถงึ การรวมกัน เช่น องค์กร หน่วยงาน ชมรม กลมุ่
สัญลักษณร์ ังสี ทีใ่ ช้เป็นมาตรฐาน มรี ปู เป็นใบพดั
(Cross-hatched) 3 แฉก มีสดี า บนพ้ืนสีเหลอื ง
4. การออกแบบสญั ลกั ษณ์ต่าง ๆและ
การจดั วางตาแหน่ง
4.2 ภาษาภาพ (Pictographs)
เป็นรปู สญั ลักษณ์ทีใ่ ชอ้ า้ งถงึ วตั ถุส่ิงของหรอื การกระทาสามารถสอื่ ความหมายได้ มีมาต้งั แตโ่ บราณ
โดยการทาเป็นภาษาภาพแทนการเขียนคาหรอื ตวั อักษร
4. การออกแบบสญั ลกั ษณ์ต่าง ๆและ
การจดั วางตาแหน่ง
4.3 เคร่อื งหมายตวั อักษร (Letter Marks)
เปน็ การนาตัวอกั ษรหรือตวั ย่อของส่อื องคก์ ร บรษิ ทั ห้างร้าน มาออกแบบเป็นเครือ่ งหมายท่มี ี
เอกลักษณ์เฉพาะตัว
4. การออกแบบสญั ลกั ษณ์ต่าง ๆและ
การจดั วางตาแหน่ง
4.4 ภาพสญั ลักษณ์ (Logos)
การออกแบบภาพสญั ลักษณเ์ ปน็ การสื่อคาหรอื กลุ่มคาออกมาเปน็ ตวั อกั ษร สามารถออกเสียงไดต้ าม
หลกั ไวยากรณ์ของภาษาในรูปของตวั พิมพ์ สามารถใช้สือ่ สารขอ้ มูลข่าวสารไดใ้ นช่วงเวลาทีส่ ้นั มีความ
ชัดเจนมากกวา่ การใช้ขอ้ ความ โลโก้ต้องนาไปใชไ้ ด้อย่างสากล ส่ือความหมายให้ผทู้ ่ีไม่เขา้ ใจภาษาทาง
ธรุ กิจ มองแล้วรูไ้ ด้ว่าเป็นโลโกข้ องท่ใี ด
5. การออกแบบกราฟิกและการจดั วางตาแหน่งภาพ
5.1 ข้ันตอนการออกแบบงานกราฟกิ
การจดั หมด การรา่ งภาพ การตดั สนิ ใจ การพฒั นาการ การสรา้ งงานท่ี
หม่จู ินตนาการ
เลอื กรูปแบบ ออกแบบ สมบรู ณ์
5. การออกแบบกราฟกิ และการจดั วางตาแหน่งภาพ
5.2 การออกแบบตวั หนงั สอื ในงานศลิ ปะ
5. การออกแบบกราฟิกและการจดั วางตาแหนง่ ภาพ
5.3 การออกแบบกราฟิกในงานหนังสือ
5. การออกแบบกราฟิกและการจดั วางตาแหนง่ ภาพ
5.4 การออกแบบกราฟกิ ในงานโฆษณา