24
แนวคิด ทฤษฎีด้านการออกแบบ

แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

แนวคิด ทฤษฎีด้านการออกแบบ

Page 2: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

การออกแบบ (Design) หมายถึง การถ่ายทอดรูปแบบจากความคิดออกมาเป็นผลงาน ที่ผู้อื่นสามารถมองเห็น รับรู้ หรือสัมผัสได้ เพื่อให้มีความเข้าใจในผลงานร่วมกัน

ความส าคัญของการออกแบบ งานออกแบบจะช่วยให้ การท างานเป็นไปตามขั้นตอน เหมาะสม และประหยัดเวลา ดังนั้น อาจกล่าวได้ว่า การออกแบบ คือ การวางแผนการท างาน การน าเสนอผลงาน และตัวผลงานจะช่วยให้ผู้เกี่ยวข้อง และผู้พบเห็นมีความเข้าใจที่ชัดเจนขึ้น ผลงานออกแบบ คือตัวแทนความคิดของผู้ออกแบบ ได้ทั้งหมดนั่นเอง

Page 3: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

ประเภทของการออกแบบ

การออกแบบมี 3 ประเภท (อารี สุทธิพันธุ์ 2527 : 18-19 )

1.การออกแบบผลิตผลเครื่องบริโภค (consumer product design)

2.การออกแบบกราฟฟิค (graphic design)

3.การออกแบบบริเวณว่าง (spatial design)

Page 4: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

1.การออกแบบผลิตผลเครื่องบริโภค (consumer product design) เป็นการออกแบบสิ่งของเครื่องใช้ทุกชนิด เช่น การออกแบบเครื่องมือประกอบอาชีพ เครื่องครัว เครื่องประดับ เครื่องเล่น เครื่องกีฬา ตลอดจนเครื่องเฟอร์นิเจอร์ต่าง ๆ เป็นต้น

Page 5: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

2.การออกแบบกราฟฟิค (graphic design) เป็นการออกแบบที่เกี่ยวข้องกับการอ่านและการดู นักออกแบบกราฟฟิคจะใช้ตัวอักษร สัญลักษณ์ ภาพประกอบ และ ภาพถ่าย เพื่อสื่อสารทางตาเห็น งานออกแบบกราฟฟิคมีหลายอย่าง เช่น งานออกแบบหนังสือ นิตยสาร ป้ายฉลากสินค้า โปสเตอร์ แผ่นพับ ออกแบบภาพยนตร์ โทรทัศน์ สูจิบัตร หน้าปกแผ่นเสียง หีบห่อของขวัญ เป็นต้น

Page 6: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

3.การออกแบบบริเวณว่าง (spatial design)

เป็นการออกแบบที่ว่างภายในและภายนอกอาคาร รวมทั้งโครงสร้างนั้น ๆ ด้วยเช่น การออกแบบจัดนิทรรศการ การออกแบบห้องประชุม ห้องนอน ห้องน้้า ห้องครัว ตลอดจนการออกแบบจัดสวนเป็นต้น

Page 7: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

งานออกแบบกราฟิกบรรทัดฐานการออกแบบ งานกราฟิกที่ดี มีเกณฑ์ (Criteria) เป็นตัววัดและ ตัดสิน ซึ่งในงานออกแบบมีหลักอยู่ 3 ข้อ1. การตอบสนองประโยชน์ใช้สอย (Function) เป็นข้อส้าคัญมากในการออกแบบทั้งหมด ในงานออกแบบ กราฟิกนั้น ประโยชน์ใช้สอยมีอิทธิพลกับงานที่เราออกแบบ เช่น งานออกแบบหนังสือ ต้องอ่านง่าย ตัวหนังสือชัดเจนไมว่างเกะกะ , งานออกแบบเว็บไซต์ต้องท้าให้โหลดเร็ว ดังนั้นนักออกแบบจึงต้องค้านึงถึงประโยชน์ใช้สอยเป็นเรื่องส้าคัญอันดับแรกเสมอ

Page 8: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

2. ความสวยงามพึงพอใจ (Aesthetic) งานที่มีประโยชน์ใช้สอยดีพอ ๆ กัน ความงามจะเป็นเกณฑ์ตัดสิน คุณค่าของงาน โดยเฉพาะงานออกแบบกราฟิก ถือเป็นงานออกแบบที่มีประโยชน์ใช้สอยน้อยกว่างานออกแบบด้านอื่น เช่น งานออกแบบผลิตภัณฑ์ งานออกแบบสถาปัตยกรรมต่าง ๆ ฯลฯ ความสวยงามจึงเป็นเรื่องส้าคัญและมีอิทธิพลในงาน ออกแบบกราฟิกอย่างมาก3. การสื่อความหมาย (Meaning ) เนื่องจากงานศิลปะนั้นจะมีคุณค่าก็ต่อเมื่อมันสื่อความหมายออกมาได้ งาน กราฟิกก็คืองานศิลปะเช่นกัน การสื่อความหมายจึงเป็นสิ่งที่นักออกแบบขาดเสียไม่ได้ในการออกแบบ ต่อให้งานที่ได้สวยงาม อย่างไรแต่ไม่สามารถตอบโจทย์ของงานออกแบบ หรือสื่อสิ่งที่ผู้ออกแบบคิดเอาไว้ได้ งานกราฟิกนั้นก็จะมีคุณค่าลดน้อย ลงไป

Page 9: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สรุปเกณฑ์ 3 ข้อในการออกแบบงานกราฟิก

1 ตอ้ง เวริก์

2 ตอ้ง สวย

3 ตอ้ง สือ่

Page 10: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

Mode สี RGB และ CMYK

ขอขอบคุณรูปภาพจาก https://sites.google.com/site/karleuxkchisisahrabwebmukhom/rgb-laea-cmyk

Page 11: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

แม่สีของแสงแม่สีทางแสงประกอบด้วย สีแดง สีเขียว และสีน้้าเงิน โดยสามารถผสมแม่สีให้เกิดเป็นสีอื่นๆได้ดังนี้สีแดง + สีเขียว = สีเหลือง(Yellow)สีแดง + สีน้้าเงิน = สีม่วงแดง(Magenta)สีเขียว + สีน้้าเงิน = สีฟ้าอมเขียว(Cyan)

Page 12: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

วรรณะของสี (Tone of Color)สีโทนร้อน (WARM TONE) ประกอบด้วย สีเหลือง สีส้มเหลือง สีส้ม สีส้มแดง สีม่วงแดงและสีม่วง สีใน วรรณะร้อนนี้จะไม่ใช่สีสดๆ ดังที่เห็นในวงจรสีเสมอไป เพราะสีในธรรมชาติย่อมมีสีแตกต่างไปกว่าสีในวงจรสีธรรมชาติอีกมาก ถ้าหากว่าสีใด ค่อนข้างไปทางสีแดงหรือสีส้ม เช่น สีน้้าตาลหรือสีเทาอมทอง ก็ถือว่าเป็นสีวรรณะร้อน

Page 13: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สีโทนเย็น (COOL TONE) ประกอบด้วย สีเหลือง สีเขียวเหลือง สีเขียว สีเขียวน้้าเงิน สีน้้าเงิน สีม่วงน้้าเงิน และสีม่วง ส่วนสีอื่นๆ ถ้าหนักไปทางสีน้้าเงินและสีเขียวก็เป็นสีวรรณะเย็นดังเช่น สีเทา สีด้า สีเขียวแก่ เป็นต้น จะสังเกตได้ว่าสีเหลืองและสีม่วงอยู่ทั้งวรรณะร้อนและวรรณะเย็น ถ้าอยู่ในกลุ่มสีวรรณะร้อนก็ให้ความรูสึกร้อนและถ้า อยู่ในกลุ่มสีวรรณะเย็นก็ให้ความรู้สึกเย็นไปด้วย สีเหลืองและสีม่วงจึงเป็นสีได้ทั้งวรรณะรอ้นและวรรณะเย็น

Page 14: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สีตรงข้าม สีตัดกัน หรือสีคู่ปฏิปักษ์ เป็นสีที่มีค่าความเข้มของสี ตัดกันอย่างรุนแรง ในทางปฏิบัติไม่นิยมน้ามาใช้ร่วมกัน เพราะจะท้าให้แต่ละสีไม่สดใสเท่าที่ควร การน้าสีตรงข้ามกันมาใช้ร่วมกัน อาจกระท้าได้ดังนี้

1. มีพื้นที่ของสีหนึ่งมาก อีกสีหนึ่งน้อย2. ผสมสีอื่นๆ ลงไปสีสีใดสีหนึ่ง หรือทั้งสองสี3. ผสมสีตรงข้ามลงไปในสีทั้งสองสี

Page 15: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

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

Page 16: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

เทคนิคการเลือกใช้สี ส าหรับการออกแบบ

Page 17: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สีตรงข้าม หรือสีคู่ (Complementary Colors) หมายถึง สีสองสีที่อยู่ตรงข้ามกันบนวงจรสี ให้ความรู้สึกที่ขัดแย้งกันอย่างรุนแรง มี 6 คู่คือ 1. เหลือง (Yellow) กับ ม่วง(Violet) 2. แดง (Red) กับ เขียว(Green) 3. น้้าเงิน (Blue) กับ ส้ม(Orange) 4. ส้มเหลือง(Yellow-Orange) กับ ม่วงน้้าเงิน (Blue-Green) 5. ส้มแดง (Red-Orange) กับ เขียวน้้าเงิน (Blue-Green) 6. เขียวเหลือง (Yellow-Green) กับ ม่วงแดง (Red-Violet)

Page 18: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

ถ้าตัวหนังสือเป็นสีเข้ม ควรเลือก Background เป็นสีอ่อนถ้าตัวหนังสือเป็นสีอ่อน ควรเลือก Background เป็นสีเข้ม

Page 19: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

ใช้สีมากกว่านี้ ผู้ดูจะสับสนในสิ่งที่เราต้องการสื่อสาร

Page 20: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สีพื้น - สีที่ 2 - เน้นข้อความ

Page 21: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สถานการณ์ปัญหาที่ 1ณ มหาวิทยาลัยแห่งหนึ่ง ได้มกีารจัดกิจกรรมกีฬาสีภายในประจ้าปี ได้แบ่งนักศึกษาเป็น

สีและแต่งตั้งหัวหน้าสี โดยได้จัดแบ่งหน้ากันในการจัดกิจกรรม เช่น ท้าป้ายคัดเอ้าส์ กองเชียร์ อุปกรณ์เชียร์ และมีเงินนับสนุนจากมหาวิทยาลัยในจ้านวนจ้ากัด นายสมชายรับหน้าที่ในการท้าป้ายคัดเอ้าส์ติดเวทีโดยได้เงินจ้านวน 150 บาทในการซื้อสี เมื่อถึงร้านปรากฎว่า สี กระป๋องละ 50 บาท ซึ่งสามารถซื้อได้แค่ 3 สีนายสมชายควรเลือกซื้อสีใดจึงจะคุ้มค่าและเป็นประโยชน์มากที่สุด

ภารกิจการเรียนรู้1.ให้นักศึกษาวิเคราะหแ์ละเลือกซื้อสี 3 สีให้สามารถผสมสีได้สีจ้านวนมากที่สุด พร้อมให้เหตุผลประกอบ2.ให้นักศึกษาบอกชื่อสีที่ผสมได้จากสี 3 สีที่นักศึกษาซื้อมาว่าได้สีอะไรบ้าง

Page 22: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สถานการณ์ปัญหาที่ 2งานวันรณรงค์ต่อต้านยาเสพติด นายโชคชัย เป็นประธานกรรมการนักศึกษาได้รับ

มอบหมายจากอาจารย์ฝ่ายกิจการนักศึกษาให้ด้าเนินการเขียนป้ายรณรงค์ จ้านวน 3 ฝืน โดยมีป้ายผ้าสีแดง สีเหลือง และสีน้้าเงิน โดยครูบอกว่าป้ายตัวหนังสือต้องเด่นและอ่านง่าย นายโชคชัย มีสีเขียนป้ายหลายสีให้เลือก นักศึกษาจะแนะน้านายโชคชัยอย่างไร

ภารกิจการเรียนรู้1.ให้นักศึกษาวิเคราะหแ์ละเลือกใช้สีเขียนตัวอักษรให้เหมาะกับป้ายผ้าแต่ละสีโดยให้สีเด่นและอ่านง่ายทั้ง 3 ฝืน2.ให้นักศึกษาบอกชื่อสีคู่ตรงข้าม

Page 23: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

สถานการณ์ปัญหาที่ 3มหาวิทยาลัยแห่งหนึ่งได้มีการจัดกิจกรรมวันรักน้้ารักป่า นายเอกพล และ

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

ภารกิจการเรียนรู้1.ให้นักศึกษาวิเคราะหแ์ละเลือกใช้สีที่บอกถึงความเป็นธรรมชาติที่อุดมสมบรูณ์และเย็นสบาย2.ให้นักศึกษาบอกชื่อสีโทนเย็น

Page 24: แนวคิด ทฤษฎีด้านการออกแบบjsbg.joseph.ac.th/6150/saengtham/12November59.pdf · 2016-11-17 · การออกแบบ (Design) หมายถึง

บรรณานุกรม

แนวคิดเบื้องต้นเกี่ยวกับการออกแบบ. ค้นคว้าเมื่อ 7 พฤศจิกายน 2559 , จาก http://kanunn.blogspot.com/2007/08/blog-post_20.html

วรรณะของสี. ค้นคว้าเมื่อ 7 พฤศจิกายน 2559 , จาก http://piyadacolortheory.blogspot.com/2014/01/tone-of-color.html

ทฤษฏีสี. ค้นคว้าเมื่อ 8 พฤศจิกายน 2559 , จาก http://kroopha.net/4.htm

แม่สีของแสง. ค้นคว้าเมื่อ 9 พฤศจิกายน 2559 , จาก https://th.wikipedia.org/wiki/%E0%B9%81%E0%B8%A1%E0%B9%88%E0%B8%AA%E0

%B8%B5