หลักการออกแบบกราฟิกและสื่อดิจิทัล

Design หลกั การออกแบบกราฟก และสอื ดิจิทัล วชาการออกแบบสือดิจิทัล 30204-2201

บทที 3 โ ค ร ง ส ร้ า ง ง า น ศิ ล ป ะ ใ น ก า ร อ อ ก แ บ บ และวธีการออกแบบกราฟก และสือดิจิทัล 1. อธิบายเนือหาเกียวกับองค์ประกอบใน งานออกแบบกราฟก 2. จัดองค์ประกอบในงานกราฟกได้และ ยกตัวอย่างถูกต้อง 3. ให้ความใส่ใจต่องานทีได้รับมอบหมาย และทาํ งานเสร็จทันเวลา 4. อธิบายเกียวกับหลักการและขันตอนการออกแบบ ได้อย่างถูกต้อง 5. ออกแบบลักษณะตัวอักษรกับการออกแบบ ได้อย่างถูกต้อง 6. ให้ความใส่ใจต่องานทีได้รับมอบหมายและ ปฏิบัติงานด้วยความตังใจ

หวั ข้อเนอื หาประจาํ บทที 3 3.1 หลกั การออกแบบ 3.2 องค์ประกอบในการออกแบบ 3.3 คณุ ค่าและความสาํ คญั ของการออกแบบ 3.4 การวางแผนการผลิตและ ขันตอนในการออกแบบ 3.5 หลักการและขนั ตอนการออกแบบ 3.6 วิธีการออกแบบ 3.7 ชนดิ ตัวอกั ษร 3.8 ขนาดของตวั อกั ษร

หลกั การออกแบบ การออกแบบ มีความหมายกวางตามแตความ เขาใจและประสบการณของบุคคลที่ตางกัน ในทางศิลปะการออกแบบ หมายถึง กระบวนการ ใชความคิดในการสรางสรรคส่ิงตางๆ หรือ ปรับปรุงดัดแปลงส่ิงที่มีอยูแลว ใหมีความเหมาะสม ยิ่งขึ้น โดยเลือกเอาทัศนะธาตุและหลักการจัดองค ประกอบของการออกแบบมารวมกัน เพ่ือใหเกิด ความสัมพันธทาง ความงามและประโยชนใชสอย

ความสาํ คัญของการออกแบบ 1. การออกแบบจะช่วยให้การทํางานเปนไปตามขันตอน อย่างเหมาะสมและประหยัดเวลา 2. ผลงานการออกแบบจะชว่ ยใหผ้ ูเ้ กยี วขอ้ งมีความสําคญั ในดา้ นนี เปนสือความหมาย เพือความเขา้ ใจระหว่างกัน 3. เปนสงิ อธบิ ายรายละเอยี ดเกียวกบั งานบางประเภททีมีราย ละเอยี ดมากและ ซับซอ้ น ผลงงานออกแบบจะชว่ ยให้ผู้เกยี วข้อง และผูพ้ บเห็นมคี วามเข้าใจชดั เจนขึน 4. การออกแบบจะมคี วามสําคญั ทสี ดุ ในกรณนี กั ออกแบบกบั ผู้ สร้างงานหรอผู้ผลติ เปนคนละคนกัน เชน่ สถาปนกิ กับช่างก่อสร้าง นักออกแบบกับผ้ผู ลติ ในโรงงาน หรอถ้าจะเปรยบนักออกแบบ ก็เหมอื นกบั คนเขยี นบทละครนนั เอง

3.1 หลักการออกแบบงานกราฟกและสือ ดจิ ิทัล 1. ความมีเอกภาพ (Unity) เอกภาพ (Unity) เปนรูปแบบในลักษณะจดั วาง เอกภาพประกอบดว้ ยกฏหลกั 2 ประการ ทมี า : https://sites.google.com/site/composition747/khwam-pen-xekphaph

2. ความกลมกลืน (harmony) เปนการจดั องค์ประกอบตา่ งๆ ใหส้ อดคลอ้ ง ไมข่ ัดแย้งกัน ทมี า : https://patsudabbcit58.wordpress.com/%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1% E0%B8%81%E0%B8%A5%E0%B8%A1%E0%B8%81%E0%B8%A5%E0%B8%B7%E0%B8%99- harmony/ 3. ความมีสัดส่วนทีสวยงาม (proportion) สัดส่วน หมายถึง ความสัมพันธ์กันอย่างเหมาะสม ระหว่างขนาดของ องค์ ประกอบทีแตกต่างกัน ทังขนาดทีอยู่ในรูปทรงเดียวกันหรอระหว่างรูปทรง และรวมถึงความสัมพันธ์กลมกลืนระหว่างองค์ประกอบทังหลายด้วย ซึงเปน ความพอเหมาะพอดี ไม่มาก ไม่น้อย ขององค์ประกอบทังหลายทีนาํ มาจัดรวม กัน ทีมา : https://krittayakorn.wordpress.com/2013/03/20/proportion/

4. ความมสี มดลุ (balance) ความสมดลุ (balance) เปนการจัดวางแบบสมดลุ ซ้าย-ขวา ความสมดลุ แบง่ ออก เปน 3 ประเภท ไดแ้ ก่ 1.ความสมดุลในลกั ษณะทเี ทา่ กัน 2.ความสมดลุ ในลักษณะทไี ม่เท่ากนั 3.ความสมดุลในลักษณะจดุ ศนู ยถ์ ่วง ทีมา : https://sites.google.com/site/artkrukaem/kar-cad-xngkh-prakxb 5. ความมจี ุดเด่น (emphasis) จดั องคป์ ระกอบศลิ ปใหเ้ กดิ ความสะดดุ ตา ทมี า : https://krittayakorn.wordpress.com/2013/03/20/emphasis/

3.2 องคป์ ระกอบในการออกแบบ งานกราฟกและสือดจิ ทิ ัล 1. อักษรและตวั พิมพ์ ผู้ออกแบบควรไดพ้ ิจารณาถงึ รูปแบบตัวอักษร การกําหนดสี จัดวางตาํ แหนง่ ใหม้ ีความสมดลุ เหมาะสมพอดี ทมี า : https://www.pinterest.com/mamain2545/font/ 2. ภาพและสว่ นประกอบตกแต่งภาพงานออกแบบทดี ีควรนํา ภาพมาใชใ้ หเ้ หมาะสมกับโอกาสและหนา้ ที ทมี า :https://poysirikanda.wordpress.com/การจดั ภาพ

3.3 คุณค่าและความสําคัญของการออกแบบ งานกราฟกและสือดิจิทัล 1. เปนสอื กลางในการสอื ความหมายใหเ้ กดิ ความเข้าใจตรงกัน 2. สามารถทําหนา้ ทเี ปนสือเพอื ใหเ้ กดิ การเรียนรู้ไดเ้ ปนอย่างดี 3. ช่วยทาํ ใหง้ านเกิดความน่าสนใจ และนา่ เชอื ถอื แก่ผู้พบเหน็ 4. ช่วยใหเ้ กิดการกระตุน้ ทางความคิด 5. ช่วยพฒั นาระบบการสอื สารให้มี ประสิทธิภาพยิงขึน

3.4 การวางแผนการผลติ และขัน ตอนในการออกแบบ 1. ขันการคิด 2. ขนั ตอนการรวบรวมขอ้ มูล 3. ขนั การรา่ งหรอื สร้างหุ่นจาํ ลอง 4. ขนั การลงมอื สรา้ งงาน 5. หลักทคี วรพิจารณาเกียวกบั การใชส้ ี 3.5หลกั การและขันตอนการออกแบบงานก ราฟกและสือดิจิทัล 1. ความมีเอกภาพ 2. มีความกลมกลืน (Unity) (Harmony) 3. มีสัดส่วนทสี วยงาม 4. มคี วามสมดลุ (Proportion) (Balance) 5. ช่วงจังหวะ 6. มีจดุ เดน่ (Rhythm) (Emphasis)

3.6 วิธีการออกแบบงานกรา ฟกและสือดจิ ิทัล 1. การกาํ หนดขนาดของตวั อกั ษร 2. การกาํ หนดสัดสว่ นของตัวอักษร 3. การกําหนดระยะหา่ งของตวั อักษร 4. ความถกู ต้องในการจัดวางตาํ แหน่ง พยัญชนะ

3.7 ชนิดตวั อกั ษรงานกราฟก และสือดิจทิ ัล 1. ตวั อักษรภาษาองั กฤษ (English Letter) 1.1 ตัวอกั ษรแบบมีเชิง (Serif) บางคนเรยกวา่ แบบโบราณ จดุ เดน่ คือ มหี ัว มเี ทา้ หนาบางไม่เท่า กนั เหมอื นเขยี นด้วยปากกาปากแบน ทมี า : https://www.grappik.com/serif-and-sans-serif 1.2 ตัวอกั ษรแบบไมม่ ีเชงิ (Sans Serif) รูปแบบ เรยบงา่ ย เอาหัว เท้าออก รู้สึกทนั สมัยกวา่ แบบ Serif นยิ มใช้ในงานพมิ พแ์ ละงานประชาสมั พันธ์ ทวั ไป ทีมา : https://www.grappik.com/serif-and-sans-serif

1.3 ตัวอักษรแบบตัวเขยี น (Script) มี ลักษณะคลา้ ยการเขียนด้วยลายมอื มี ขนาดหนาบางตา่ งกนั ทีมา : https://sites.google.com/site/payjunyaphor/chnid-taw-xaksr-type-style 1.4 ตัวอักษรแบบตัวอาลกั ษณ์ (Text Letter) เปนตัวโรมันแบบตวั เขยี น นิยมใชจ้ ารก ในเอกสารตําราสมยั โบราณ ทมี า : https://carit.rmutk.ac.th/Ebook2017/Book/eb590374/eb590374/assets/common /downloads/page0038.pdf

1.5 ตัวอกั ษรแบบประดิษฐ์ (Display Type) เปนการออกแบบใหด้ ึงดูดสายตา บางตวั เปน ภาพ สัญลักษณ์ ทีมา : https://carit.rmutk.ac.th/Ebook2017/Book/eb590374/eb590374/assets/common /downloads/page0038.pdf 1.6 ตัวอักษรแบบสมัยใหม่ (Modern Type) เปนตวั อกั ษรทีประดิษฐข์ ึน มีลกั ษณะเรยบง่าย ใช้ในงานประชาสมั พันธ์ ทีมา : https://sites.google.com/site/kiatisak42256/5-2-rup-baeb- khxng-taw-xaksr-1

2. ตัวอกั ษรภาษาไทย(Thai Letter) 2.1 แบบดังเดิม หรอแบบมีหวั เราคุ้นเคยมากทสี ดุ ทมี า : https://sites.google.com/site/payjunyaphor/chnid-taw-xaksr-type-style 2.2 แบบหวั ตดั หรอไม่มหี ัว เหมือนเขียน ดว้ ยปากกาคอแร้ง ทีมา : https://sites.google.com/site/payjunyaphor/chnid-taw-xaksr-type-style

2.3 แบบลายมอื ใหค้ วามรู้สกึ อิสระเปนธรรมชาติ ทมี า : https://sites.google.com/site/payjunyaphor/chnid-taw-xaksr-type-style 2.4 แบบคัดลายมือ หรอ แบบอาลกั ษณ์ ทีมา : https://sites.google.com/site/payjunyaphor/chnid-taw-xaksr-type-style

2.5 แบบประดษิ ฐ์ แสดงถงึ ความ สะดดุ ตานา่ สนใจ ทมี า : https://sites.google.com/site/payjunyaphor/chnid-taw-xaksr-type-style

3.8 ขนาดของตวั อกั ษรงานกรา ฟกและสือดิจิทลั การจดั ช่องไฟของตวั อักษรมีแนวคิด 3 ประการ คือ 1. ระยะชอ่ งไฟระหวา่ งตัวอักษร (Letter Spacing) 2. ระยะชอ่ งไฟ ระหว่างคาํ (Word Spacing) 3. ระยะชอ่ งไฟระหว่างบรรทดั (Line Spacing)

บทสรุป ในบทเรยี นนีผเู้ รยี นจะได้ศึกษาเกียวกับ โครงสรา้ งงานศิลปะในการออกแบบและ วธิ กี ารออกแบบกราฟกและสอื ดิจทิ ัล ซงึ เปนพนื ฐานทีจาํ เปนในการสรา้ ง บทเรยี นดิจทิ ัล อีกทังยงั สามารถนาํ ไป ประยุกต์ใชก้ ับการออกแบบการเรยี นการ สอนในยุคดิจทิ ัลได้อีกด้วย

THYAONUK