การจัดองค์ประกอบภาพ (COMPOSITION) 
อาจารย์นงคราญ คาวิชัย สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์ มหาวิทยาลัยแม่โจ้ 
Email: it.nongkran@gmail.com 
วิชา ทส105การออกแบบคอมพิวเตอร์กราฟิก 
ComputerGraphicsDesign
เทคนิคการถ่ายภาพ
การจัดองค์ประกอบภาพ 
สำหรับกำรถ่ำยภำพให้ได้ภำพ ที่ตรงตำมควำมต้องกำร มีคุณค่ำมี ควำมงำมทำงด้ำนศิลปะ นอกจำก จะ ทำควำมเข้ำใจในเรื่องของกำรใช้กล้อง ถ่ำยภำพ และเครื่องมือที่มีคุณภำพแล้ว การจัดองค์ประกอบภาพ ก็เป็นสิ่ง ที่สาคัญ ที่จะทาให้ภาพมีคุณคคาาึ้น
องค์ประกอบภาพ 
•รูปทรง (Form) 
•รูปร่างลักษณะ (shape) 
•น้าหนักสี (Tone) 
•ลักษณะพื้นผิว (Texture) 
•รูปแบบ (Pattern) 
•เส้น (Line)
รูปทรง (FORM) 
ภาพที่ให้รูปทรงจะมีมิติคือกว้าง ยาว ลึก ได้แก่ ทรงสี่เหลี่ยม ทรง สำมเหลี่ยม ทรงกลม ทรงกระบอก ซึ่งจะ ประกอบด้วยรูปทรงที่เด่นชัด มีมิติ จำเป็นต้องจัดทิศทำงของแสง เลือกมุมในกำร ถ่ำยภำพให้เหมำะสม เพื่อให้ได้ภำพที่สวยงำม มีแสงเงำ มีมิติ
รูปร่าง (SHAPE) 
ภาพที่เน้นเฉพาะรูปราางึององค์ประกอบ ไมาได้แสดงรายละเอียดเช่น ภำพถ่ำยย้อนแสง ให้มองเห็นรูปร่ำง ลักษณะของวัตถุเป็นภำพเงำดำ (Silhouette) เช่น แนวไม้ ต้นตำล เกวียน คน ลวดลำยต่ำงๆ เป็นต้น
น้าหนักสี (TONE) 
ความสวาางและความเึ้มไมา เหมือนกัน และถ้าวัตถุสิ่งึอง ตาางๆ เหลาานันได้รับแสงเงาที่ ตาางกันน้ำหนักสีของวัตถุสิ่งของ เหล่ำนั้นจะมีค่ำควำมสว่ำง ควำมเข้ม แตกต่ำงกันไปอีกด้วย 
น นาหนักึองสีที่แตกตาางกันจะให้ ความล้กึองภาพเช่น ภำพภูเขำที่ สลับซับซ้อนที่อยู่ใกล้จะมีสีเข้ม ที่ ไกลออกไป สีจะอ่อนจำงลงไป ตำมลำดับ
น้าหนักสี (TONE) 
ลักษณะของน้ำหนักสีของภาพที่มีบริเวณคสาวนใหญาสวาางึาวสดใส เรียกวาา ภาพไฮคีย์ (High key) ให้ความรู้ส้กอาอนหวาน นุามนวลส่วน ภาพที่มีบริเวณคสาวนใหญาเึ้ม มีเงาและมืด เรียกวาาภาพโลว์คีย์ (Low key) ให้ความรู้ส้กที่เึ้มแึ็งและล้กลับ 
High key 
Low key
ลักษณะพื้นผิว (TEXTURE) 
ลักษณะพื้นผิวของวัตถุมีอยู่มำกมำยหลำยชนิด ให้ควำมสวยงำมและ ควำมรู้สึกเร้ำอำรมณ์ที่แตกต่ำงกัน ซึ่งกำรรู้จักเลือกลักษณะพื้นผิว ประกอบในภำพให้เหมำะสม เช่น จัดวัตถุผิวเรียบบนพืนผิวทีึ่รุึระ จะ ทาให้ภาพมีลักษณคะที่ตัดกัน มองเห็นวัตถุผิวเรียบได้เดานชัดึ้นเป็น ต้น
รูปแบบ (PATTERN) 
ได้แก่ การจัดองค์ประกอบึองภาพที่มีลักษณคะซ นาๆ กันึองวัตถุ อำจแสดงในลักษณะของเส้น รูปร่ำง ลักษณะพื้นผิว ฯลฯ จะช่วยให้ ภำพถ่ำยมีควำมแปลกน่ำดูยิ่งขึ้น
เส้น (LINE) 
สามารถบอกลักษณคะโครงสร้างึองภาพ เป็นตัวนาสายตา ไปสูาจุดเดานหรือจุดสนใจของภำพถ่ำย เชื่อมโยงองค์ประกอบต่ำงๆ ในภำพ ทำให้เกิดควำมเป็นเอกภำพ และกำรเคลื่อนไหว เป็นต้น
เทคนิคการจัดองค์ประกอบภาพ 
รูปทรง (Form) 
รูปร่างลักษณะ (shape) 
ความสมดุลที่เท่ากัน 
ความสมดุลที่ไม่เท่ากัน 
ฉากหน้า
เทคนิคการจัดองค์ประกอบภาพ 
ฉากหลัง 
กฎสามส่วน 
เส้นนาสายตา 
เน้นด้วยกรอบภาพ 
เน้นรูปแบบซ้าซ้อน
รูปทรง (FORM) 
ให้ควำมรู้สึก สง่ำงำม มั่นคง เหมำะ สำหรับกำรถ่ำยภำพ ทำงสถำปัตยกรรม กำร ถ่ำยภำพวัตถุ หรือถ่ำยภำพสิ่งต่ำงๆ เน้นให้ เห็นความกว้าง ความสูง ความล้ก โดยให้ เห็นทันงด้านหน้าและด้านึ้าง และความล้ก หรือที่เรียกวาาให้เห็น Perspective หรือภาพ 3มิติ
รูปร่างลักษณะ (SHAPE) 
เน้นให้เห็นเป็นภาพ 2 มิติ คือ ความกว้างกับความยาว ไม่ให้ เห็นรายละเอียดของภาพ หรือที่ เรียกว่ำภาพเงาดา ภำพ ลักษณะนี้ เป็นภำพที่ดูแปลกตำ น่ำสนใจ ลึกลับ ให้อำรมณ์และ สร้ำงจินตนำกำร ในกำรในกำร ดูภำพได้ดี นิยมถ่ำยภำพใน ลักษณะย้อนแสง
รูปร่างลักษณะ (SHAPE) 
ข้อควรระวังคือ วัตถุที่ถ่ำย ต้องมีควำมเรียบง่ำย เด่นชัด สื่อควำมหมำย ได้ชัดเจน ฉำก หลังต้องไม่มำรบกวนทำให้ภำพ นั้นหมดควำมงำมไป
ความสมดุลย์ที่เท่ากัน 
เป็นกำรจัดองค์ประกอบภำพ เพื่อให้ภำพดูนิ่ง สง่ำงำม น่ำ ศรัทธำ คล้ำยกับแบบเน้นด้วย รูปทรง แต่จะแสดงออกถึงควำม สมดุลย์ นิ่ง ปลอดภัย ภำพ ลักษณะนี้อำจจะดูธรรมดำ ไม่ สะดุดตำเท่ำใดนัก แต่ก็มีเสน่ห์และ ควำมงำมในตัว
ความสมดุลย์ที่ไม่เท่ากัน 
ให้ควำมรู้สึกที่สมดุลย์เช่นเดียวกับแบบที่แล้ว แต่จะต่างกันอยู่ที่ วัตถุทั้ง สองข้าง มีขนาดและรูปร่างที่แตกต่างกัน แต่จะสมดุลย์ได้ด้วยปัจจัยต่ำง ๆ กัน เช่น สี รูปทรง ท่ำทำง ฉำกหน้ำ ฉำกหลัง ฯลฯ ภำพดูน่ำสนในกว่ำแบบสมดุลย์ที่ เท่ำกัน แต่ควำมรู้สึกที่มั่นคงจะ น้อยกว่ำ แต่แปลกตำดี
ฉากหน้า (FOREGROUND) 
นิยมถ่ำยภำพทิวทัศน์ หรือภำพอื่น ๆ ใช้ฉากหน้าเป็นตัวช่วยให้เกิดระยะ ใกล้ กลาง ไกล หรือมีมิติขึ้น ทำให้ภำพน่ำสนใจ อำจใช้กิ่งไม้ วัตถุ หรือสิ่งต่ำง ๆที่อยู่ใกล้ กับกล้องเพื่อช่วยเน้นให้จุดสนใจที่ต้องกำร เน้น มีควำมเด่นยิ่งขึ้น และไม่ให้ภำพมี ช่องว่ำงเกินไป
กฏสามส่วน (RULE OF THIRD)
กฏสามส่วน (RULE OF THIRD)
ฉากหลัง (BACKGROUND) 
พื้นหลังของภำพก็มี ควำมสำคัญ หำกเลือกที่น่ำสนใจ กลมกลืน หรือช่วยให้สิ่งที่ ต้องกำร เน้นเด่นขึ้นมำ ควร เลือกฉำกหลังที่กลมกลืน ไม่ทำ ให้จุดเด่นของภำพด้อยลง หรือ มำรบกวนทำให้ภำพนั้นขำด ควำมงำมไป
กฎสามส่วน (RULE OF THIRD) 
เป็นกำรจัดภำพที่นิยมมำก ที่สุด ภำพดูมีชีวิตชีวำ ไม่จืดชืด กำร จัดภำพโดยใช้กฎนี้ทำให้ภำพดูเด่น ไม่ อึดอัด ไม่แน่น หรือหลวมจนเกินไป นักถ่ำยภำพทั้งมืออำชีพ และมือ สมัครเล่นนิยมจัดภำพแบบนี้มำก 
Point of Interest
RULE OF THIRD 
กฎสามส่วนกล่าวไว้ว่า 
ไม่ว่าภาพจะอยู่แนวตั้งหรือแนวนอนก็ตามหาก เราแบ่งภาพนั้นออกเป็นสามส่วน ทั้งตาม แนวตั้งและแนวนอน แล้วลากเส้นแบ่งภาพทั้ง สามเส้น จะเกิดจุดตัดกันทั้งหมด 4 จุด ซึ่ง จุดตัดของเส้นทั้งสี่นี้ เป็นตาแหน่งที่เหมาะสม สาหรับการจัดวางวัตถุที่ต้องการเน้นให้เป็น จุดเด่นหลัก ส่วนรายละเอียดอื่นๆนั้นเป็นส่วน สาคัญที่รองลงมา
วิธีการใช้กฎสามส่วน 
ให้สร้ำงเส้นสมมุติ 4เส้น (แนวตั้ง 2เส้น และแนวนอน 2เส้น) 
ตีตำรำงเหมือนเล่น O-X 
จุดที่เส้นทั้ง 4ตัดกัน คือ ตำแหน่งที่ เหมำะสมต่อกำรวำงวัตถุหลักไว้ใน บริเวณดังกล่ำวให้เป็นจุดเด่น ส่วน รำยละเอียดอื่น ๆ จะเป็นส่วนสำคัญ รองลงมำ 
ทั้งนี้ภำพที่กำลังจะถ่ำยจะขึ้นจะสวยงำมและ สมบูรณ์ได้นั้นจะขึ้นอยู่กับองค์ประกอบของฉำก หน้ำ ฉำกหลังและเรื่องรำวในภำพด้วย
Rule of Third
กฎสามส่วน
กฎสามส่วน กับจุดตัด 9 ช่อง
เส้นนาสายตา 
เป็นกำรจัดภำพที่ใช้เส้นที่เกิดจำกวัตถุ หรือสิ่ง อื่น ๆ ที่มีรูปร่ำงลักษณะ ใกล้เคียงกัน เรียงตัวกันเป็นทิศทำงไปสู่จุดสนใจ ช่วยให้วัตถุที่ต้องกำรเน้น มีควำม เด่นชัด และน่ำสนใจยิ่งขึ้น
การเหลือพื้นที่ 
เพื่อให้ผู้ชม ภำพไม่รู้สึกอึดอัด และยังเหลือที่ว่างให้ คิดหรือจินตนาการ ต่อได้ว่าจะเกิดอะไร ขึ้นต่อไป
เน้นด้วยกรอบภาพ (FRAME) 
กำรประกอบภำพโดยกำรเพิ่ม กรอบภำพให้เป็นฉำกหน้ำของ ภำพ จะช่วยสร้างความเด่น สะดุดตา ทาให้ภาพภายในกรอบ น่าสนใจขึ้น เช่น ช่องประตู หน้ำต่ำง รั้ว กิ่งไม้ ฯลฯ และควร ให้กรอบภำพเหล่ำนี้มีน้ำหนัก ควำมเข้มของภำพให้มำกกว่ำ ภำพเรื่องรำวที่อยู่ภำยใน
เน้นด้วยกรอบภาพ (FRAME)
รูปแบบซ้าซ้อน (REPETITION) 
เป็นการจัดภาพที่มีรูปร่าง ลักษณะ ที่คล้าย ๆ กันวางเป็นกลุ่มทำให้ ภำพดูสนุก สดชื่น และมีเสน่ห์แปลกตำ
การจัดองค์ประกอบภาพ : COMPOSITION 
การจัดวางองค์ประกอบภาพ คือการจัดวาง องค์ประกอบที่มีอยู่ในภาพให้ได้ภาพรวมของงานที่สวยงาม และสื่อ ความหมาย ซึ่งมีหลักการ 2อย่าง 
•การสร้างเอกภาพ(Unity) 
•การสร้างจุดเด่น เน้นจุดสาคัญ(Emphasize) 
•การวางจุดสนใจในงาน Focus Point 
•การสร้างความแตกต่างในงาน Contrast 
•การวางแยกองค์ประกอบให้โดดเด่น Isolation
การจัดองค์ประกอบภาพ : COMPOSITION 
•สมดุลในงานออกแบบ Balance 
•ขนาดและสัดส่วนขององค์ประกอบ Scale & Proportion 
•ที่ว่างในงานออกแบบ Spacing
เอกภาพ 
คือความเป็นอันหนึ่งอันเดียวกัน เป็นจุดเริ่มต้นในการจัด องค์ประกอบของภาพ 
องค์ประกอบในภาพ ต้องมีความกลมกลืนกัน เป็นพวกพ้องกัน ไม่ขัดกัน
การวางจุดสนใจในงาน 
การวางตาแหน่งขององค์ประกอบที่จะเน้นให้เกิดจุดสนใจ จะวางใน ตาแหน่งที่ 1,3,2 และ 4เป็นหลัก โดยแต่ละตาแหน่งมีคุณสมบัติแตกต่าง กันออกไป 
1 
0 
0 
2 
4 
0 
2 
0 
3 
ให้นักศึกษาวาดรูปนี้
การวางจุดสนใจในงาน 
ตาแหน่ง 0เป็นตาแหน่งที่ไม่ควรวางองค์ประกอบที่ต้องการเน้น เพราะ เป็นตาแหน่งที่สายตาคนส่วนใหญ่ไม่ได้ให้ความสนใจนักเพราะอยู่ ในช่วงครึ่ง ๆ กลาง ๆ ของภาพ ซึ่งลดแรงดึงดูดทางสายตา 
ตาแหน่ง 1เป็นตาแหน่งที่คนส่วนใหญ่เห็นเป็นอันดับแรก เนื่องจาก ความเคยชินในการกวาดตาเพื่ออ่านหนังสือ 
ตาแหน่ง 2เป็นตาแหน่งที่มีพลังในการดึงดูดสายตา มีความเฉียบ จึง เหมาะที่จะจัดวางองค์ประกอบที่ต้องการเน้น เนื่องจากเป็นตาแหน่งที่ เรียกร้องความสนใจจากสายตาได้ดี
การวางจุดสนใจในงาน 
ตาแหน่งหมายเลข 3 เป็นตาแหน่งที่สืบเนื่องมาจากตาแหน่งที่1 เพราะ เป็นตาแหน่งสุดท้ายที่คนส่วนใหญ่กวาดสายตามอง 
ตาแหน่งหมายเลข 4เป็นตาแหน่งที่คนส่วนใหญ่มักจะให้เป็นตาแหน่งที่มี ความสาคัญที่สุดในงาน ถึงแม้จะไม่เป็นจุดเรียกร้องสายตามากเท่ากับจุด 1,2,3 แต่ก็เป็นจุดรวมสายตาของผู้ชมที่มีต่องาน 
ตาแหน่ง 1 กับ 3จะมีพลังในการดึงดูดสายตามากกว่าตาแหน่ง 2เพราะ คนส่วนใหญ่มักกวาดสายตาจากมุมซ้ายบน ไปยังมุมขวาล่าง 
ตาแหน่ง 0สามารถวางองค์ประกอบให้น่าสนใจได้ เพราะบางครั้งทิศทาง หรือเส้นสายจากองค์ประกอบอื่น ๆ อาจพุ่งเน้นมายังตาแหน่งนี้ก็ได้
ตัวอย่างการจัดองค์ประกอบ 
1 
2 
4 
0 
0 
0 
3 
0 
2
การสร้างความแตกต่าง 
ความแตกต่างเป็นตัวกาหนดน่าสนใจหรือความโดดเด่นของภาพได้ดีแต่ ไม่ควรให้มีความแตกต่างมากเกินไป เพราะจะทาให้ภาพไม่มีเอกภาพ มากกว่าจะก่อให้เกิดจุดสนใจ 
ภาพตัวอย่าง เป็นการใช้ภาพที่โดดเด่น แตกต่างจากพื้นหลังสลัว ขับให้ ภาพของอุปกรณ์ดูคมชัด และโดดเด่นขึ้น
การสร้างความแตกต่าง
การวางแยกองค์ประกอบให้โดดเด่น 
การวางองค์ประกอบให้โดดเด่น คือการแยกองค์ประกอบออกมา ให้ผู้ชมงานสังเกตเห็นองค์ประกอบนั้นได้ง่าย แต่ต้องคานึงถึง ขนาดและ สัดส่วนในการจัดองค์ประกอบ(Scale & Proportion) ที่ว่างในงาน ออกแบบ(Spacing) สมดุลในงานออกแบบ(Balance) จังหวะของ องค์ประกอบในงาน(Rhythm)
ตัวอย่างการวางแยก องค์ประกอบให้โดดเด่น
ขนาดและสัดส่วนในการจัดองค์ประกอบ SCALE& PROPORTION 
ขนาดขององค์ประกอบมีบทบาทในการกาหนดความสาคัญขององค์ประกอบนั้น ๆ องค์ประกอบขนาดใหญ่จะสื่อ ความหมายว่าตัวเองสาคัญ กว่า องค์ประกอบที่มีขนาด เล็ก 
Spacingที่ว่างที่อยู่รอบ ๆ องค์ประกอบในภาพจะสอดประสานกับองค์ประกอบที่อยู่ใน ภาพ ทาให้ภาพเกิดความเป็นภาพ และมีอิทธิพลในการสื่อความหมายได้
SCALE& SPACE
SCALE& SPACE
สมดุลในงานออกแบบ (BALANCE) 
การจัดองค์ประกอบงานออกแบบ การสร้าง ความ สมดุลขององค์ประกอบ ช่วยให้ภาพรวมของงานดูดี แบ่ง ออกเป็น 2ชนิด 
1.สมดุลแบบแนวแกน 2ข้างเหมือนกัน 
2.สมดุลแบบแนวแกน 2ข้างไม่เหมือนกัน
สมดุลในงานออกแบบ (BALANCE) 
การ จัดองค์ประกอบภาพด้วยการ จัดความสมดุลย์ให้กับวัตถุ หรือ สิ่ง ต่างๆ ในภาพ โดยอาศัยการรับรู้ถึง "น้าหนัก" และตาแหน่งของวัตถุต่างๆ ที่อยู่ภายในภาพนั้นๆ โดยอาศัย หลักการ คานดีด -คานงัด โดยมี ตาแหน่งกึ่งกลางภาพเป็นจุด ศูนย์กลางของตัวคานน้าหนัก
การรับรู้น้าหนักของ วัตถุจากคนดู ขณะดู ภาพ 
วัตถุ ขนาดใหญ่จะมีน้าหนักในภาพ มากกว่าวัตถุที่มีขนาดเล็ก แต่ถ้าวัตถุ ที่มีขนาดเล็กกว่า หากวางในจุดที่อยู่ห่าง ออกไปจากจุดกึ่งกลางของคาน ใน ตาแหน่งที่เหมาะสม ก็จะสามารถสร้างดู มีพลังและน้าหนักได้มากยิ่งขึ้นกว่าปรกติ เพื่อนาถ่วงดุลกับวัตถุที่ที่มีขนาดใหญ่ กว่าที่อยู่ดีกด้านหนึ่งของคานได้
การรับรู้น้าหนักของ วัตถุจากคนดู ขณะดู ภาพ 
การรับรู้ถึงน้าหนักมาก 1) วัตถุมีขนาดใหญ่ 2 ) วัตถุมีสีเข้ม 3 ) ตาแหน่งของวัตถุอยู่ห่างจากจุดกึ่งกลางภาพ การรับรู้ถึงน้าหนัก น้อย 1 ) วัตถุมีขนาดเล็ก ( หรือเป็นที่ว่างในภาพ ) 2 ) วัตถุมีสีอ่อน 3 ) อยู่ใกล้กับจุดศูนย์กลางของภาพ
สมดุลแบบแนวแกน 2 ข้างเหมือนกัน
สมดุลแบบแนวแกน 2 ข้างไม่ เหมือนกัน
วิทยาการและจิตวิทยาของ การออกแบบเว็บไซต์
HOW TO DESIGN ???
องค์ประกอบศิลป์ 
องค์ประกอบของศิลป์ 
เส้น 
สี 
ค่าน้าหนัก 
รูปร่าง รูปทรง 
พื้นผิว 
หลักการจัด องค์ประกอบศิลป์ 
สัดส่วน 
ความสมดุล 
จังหวะลีลา 
การเน้น 
เอกภาพ
PSYCHOLOGY FOR DESIGN 
มนุษย์รับรู้จากประสาทสัมผัสทั้ง 5ตา หุ จมูก ลิ้น สัมผัส 
แต่ประสาทตาจะเป็นส่วนที่รับรู้มากที่สุด 
คือ 75% ของสิ่งที่เข้ามาสู่ประสาทสัมผัสของมนุษย์ 
ดังนั้นในงานออกแบบจึงต้องคานึงถึง การใช้รูปภาพ 
การจัดวางจุดเด่นจุดด้อย การกาหนดขนาดของตัวอักษร 
เพื่อให้ดึงดูดความสนใจของผู้ชม
SIZE OF FONT 
หลักเกณฑ์เบื้องต้นในงานออกแบบสาหรับกลุ่มเป้าหมาย (ตามอายุ) 
7-10 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 18-30 Points 
11-13 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 16-18 Points 
20-60 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 14-18 Points 
60 up ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 16-18 Points
SIZE OF LOGO 
สัญลักษณ์ขนาด 5 นิ้ว สามารถมองเห็นได้ไกลประมาณ 48 ฟุต 
สัญลักษณ์ขนาด 10 นิ้ว สามารถมองเห็นได้ไกลประมาณ 130 ฟุต 
สัญลักษณ์ขนาด 12 นิ้ว สามารถมองเห็นได้ไกลประมาณ 157 ฟุต 
โดยให้มีมุมมองที่ชัดเจนแบบไม่ต้องเงยมากในระดับประมาณ 10 ˚
POINT -LINE 
จุดและเส้น (Point & line) จุดเป็นพื้นฐานในทางศิลปทุกสาขา และเส้นก็เกิด จากการต่อกันของจุด เส้นใช้นาสายตาและแสดงการเคลื่อนไหวได้ไม่ว่าเส้น จะอยู่ลักษณะใด สามารถทาให้เกิดการเคลื่อนไหว (Dynamic) หรืออยู่กับที่ ได้ ที่นิยมใช้มีดังนี้ 
•เส้นตัวเอส 
•เส้นทะแยงมุม 
•เส้นนาสายตา 
………….........
เส้นตัวเอส S บางครั้งธรรมชาติอาจช่วยสร้างศิลปขึ้นได้ เช่น ถนนหนทาง รูปตัว S เป็นสิ่งที่นักออกแบบอาจจะเลือกใช้ เพื่อให้ภาพเกิดความสวยงาน อ่อนช้อยได้อีกแบบหนึ่ง 
POINT -LINE
POINT -LINE 
เส้นทะแยงมุม ในการออกแบบ 
ถ้าใช้ภาพตามแนวขวางธรรมดาจะทาให้ภาพดูแบน ๆ ไม่น่าสนใจ ก็ สามารถที่จะนาเส้นที่เป็นเส้นทะแยงมุมมาใช้เพื่อให้เกิดความแปลกใหม่ได้ ขึ้นอยู่กับความเหมาะสมของชิ้นงานนั้นๆ
POINT -LINE 
เส้นนาสายตา ในการออกแบบอาจใช้ เส้น ตัวอักษรรูปภาพ เช่นแนวพุ่มไม้ เป็นแนว นาสายตาผู้ชมเข้าจุดเด่นของภาพได้
เส้นกับความรู้สึก 
เส้นตรงแนวตั้ง 
ให้ความรู้สึกแข็งแรงสูงเด่นสง่างามน่า เกรงขาม 
เส้นตรงแนวนอน 
ให้ความรู้สึกสงบราบเรียบกว้างขวาง 
การพักผ่อนหยุดนิ่ง 
เส้นตรงแนวเฉียง 
ให้ความรู้สึกไม่ปลอดภัยการล้มไม่หยุดนิ่ง 
เส้นตัดกัน 
ให้ความรู้สึกประสานกันแข็งแรง 
เส้นโค้ง 
ให้ความรู้สึกอ่อนโยนนุ่มนวล 
เส้นคลื่น 
ให้ความรู้สึกเคลื่อนไหว ไหลเลื่อนร่า เริงต่อเนื่อง 
เส้นประ 
ให้ความรู้สึกขาดหายลึกลับไม่สมบรูณ์ 
แสดงส่วนที่มองไม่เห็น 
เส้นขด 
ให้ความรู้สึกหมุนเวียนมึนงง 
เส้นหยัก 
ให้ความรู้สึกขัดแย้งน่ากลัวตื่นเต้นแปลกตา
Color 
สีแดง ให้ความรู้สึกร้อนรุนแรง กระตุ้น ท้าทายเคลื่อนไหวตื่นเต้น เร้าใจมีพลัง ความอุดมสมบูรณ์ ความมั่งคั่งความรัก ความสาคัญอันตราย 
สีส้มให้ความรู้สึก ร้อนความอบอุ่น ความสดใสมีชีวิตชีวาวัยรุ่นความคึกคะนอง การปลดปล่อย 
ความเปรี้ยวการระวัง 
สีเหลืองให้ความรู้สึกแจ่มใสความสดใสความร่าเริงความเบิกบานสดชื่น 
ชีวิตใหม่ความสดใหม่ความสุกสว่างการแผ่กระจายอานาจบารมี 
สีเขียวให้ความรู้สึก สงบเงียบร่มรื่นร่มเย็นการพักผ่อนการผ่อนคลาย ธรรมชาติ 
ความปลอดภัยปกติความสุขความสุขุมเยือกเย็น 
สีน้าเงินให้ความรู้สึกสงบสุขุมสุภาพหนักแน่นเคร่งขรึมเอาการเอางาน ละเอียดรอบคอบสง่างาม 
มีศักดิ์ศรีสูงศักดิ์เป็นระเบียบถ่อมตน 
สีม่วงให้ความรู้สึก มีเสน่ห์น่าติดตามเร้นลับซ่อนเร้นมีอานาจมีพลังแฝงอยู่ ความรักความเศร้า 
ความผิดหวังความสงบความสูงศักดิ์ 
สีฟ้าให้ความรู้สึก ปลอดโปร่งโล่งกว้างเบาโปร่งใสสะอาด ปลอดภัยความสว่าง ลมหายใจ 
ความเป็นอิสระเสรีภาพ การช่วยเหลือ แบ่งปัน 
สีดาให้ความรู้สึก มืด สกปรก ลึกลับความสิ้นหวังจุดจบ ความตาย ความชั่ว ความลับ ทารุณ โหดร้าย 
ความเศร้า หนักแน่น เข้มเข็ง อดทน มีพลัง 
สีชมพูให้ความรู้สึก อบอุ่นอ่อนโยนนุ่มนวลอ่อนหวานความรักเอาใจใส่วัยรุ่น หนุ่มสาว 
ความน่ารัก ความสดใส 
สีเทาให้ความรู้สึก เศร้าอาลัยท้อแท้ความลึกลับความหดหู่ความชราความสงบ 
ความเงียบสุภาพสุขุมถ่อมตน 
สีทองให้ความรู้สึก ความหรูหราโอ่อ่ามีราคาสูงค่าสิ่งสาคัญความเจริญรุ่งเรือง ความสุข 
ความมั่งคั่งความร่ารวยการแผ่กระจาย
REFERENCE 
สู่เส้นทางกราฟิกดีไซเนอร์ โดยโสรชัย นันทวัชรวิบูลย์ สานักพิมพ์ ARiP 
http://www.colormatters.com/colortheory.html 
http://www.worqx.com/color/color_basics.htm 
Color for E-Commerce http://www.colormatters.com/des_ecom.html 
http://members.cox.net/mrsparker2/teacher.htm
Q&A

การจัดองค์ประกอบภาพ (Composition)

  • 1.
    การจัดองค์ประกอบภาพ (COMPOSITION) อาจารย์นงคราญคาวิชัย สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์ มหาวิทยาลัยแม่โจ้ Email: it.nongkran@gmail.com วิชา ทส105การออกแบบคอมพิวเตอร์กราฟิก ComputerGraphicsDesign
  • 2.
  • 3.
    การจัดองค์ประกอบภาพ สำหรับกำรถ่ำยภำพให้ได้ภำพ ที่ตรงตำมควำมต้องกำรมีคุณค่ำมี ควำมงำมทำงด้ำนศิลปะ นอกจำก จะ ทำควำมเข้ำใจในเรื่องของกำรใช้กล้อง ถ่ำยภำพ และเครื่องมือที่มีคุณภำพแล้ว การจัดองค์ประกอบภาพ ก็เป็นสิ่ง ที่สาคัญ ที่จะทาให้ภาพมีคุณคคาาึ้น
  • 4.
    องค์ประกอบภาพ •รูปทรง (Form) •รูปร่างลักษณะ (shape) •น้าหนักสี (Tone) •ลักษณะพื้นผิว (Texture) •รูปแบบ (Pattern) •เส้น (Line)
  • 5.
    รูปทรง (FORM) ภาพที่ให้รูปทรงจะมีมิติคือกว้างยาว ลึก ได้แก่ ทรงสี่เหลี่ยม ทรง สำมเหลี่ยม ทรงกลม ทรงกระบอก ซึ่งจะ ประกอบด้วยรูปทรงที่เด่นชัด มีมิติ จำเป็นต้องจัดทิศทำงของแสง เลือกมุมในกำร ถ่ำยภำพให้เหมำะสม เพื่อให้ได้ภำพที่สวยงำม มีแสงเงำ มีมิติ
  • 6.
    รูปร่าง (SHAPE) ภาพที่เน้นเฉพาะรูปราางึององค์ประกอบไมาได้แสดงรายละเอียดเช่น ภำพถ่ำยย้อนแสง ให้มองเห็นรูปร่ำง ลักษณะของวัตถุเป็นภำพเงำดำ (Silhouette) เช่น แนวไม้ ต้นตำล เกวียน คน ลวดลำยต่ำงๆ เป็นต้น
  • 7.
    น้าหนักสี (TONE) ความสวาางและความเึ้มไมาเหมือนกัน และถ้าวัตถุสิ่งึอง ตาางๆ เหลาานันได้รับแสงเงาที่ ตาางกันน้ำหนักสีของวัตถุสิ่งของ เหล่ำนั้นจะมีค่ำควำมสว่ำง ควำมเข้ม แตกต่ำงกันไปอีกด้วย น นาหนักึองสีที่แตกตาางกันจะให้ ความล้กึองภาพเช่น ภำพภูเขำที่ สลับซับซ้อนที่อยู่ใกล้จะมีสีเข้ม ที่ ไกลออกไป สีจะอ่อนจำงลงไป ตำมลำดับ
  • 8.
    น้าหนักสี (TONE) ลักษณะของน้ำหนักสีของภาพที่มีบริเวณคสาวนใหญาสวาางึาวสดใสเรียกวาา ภาพไฮคีย์ (High key) ให้ความรู้ส้กอาอนหวาน นุามนวลส่วน ภาพที่มีบริเวณคสาวนใหญาเึ้ม มีเงาและมืด เรียกวาาภาพโลว์คีย์ (Low key) ให้ความรู้ส้กที่เึ้มแึ็งและล้กลับ High key Low key
  • 9.
    ลักษณะพื้นผิว (TEXTURE) ลักษณะพื้นผิวของวัตถุมีอยู่มำกมำยหลำยชนิดให้ควำมสวยงำมและ ควำมรู้สึกเร้ำอำรมณ์ที่แตกต่ำงกัน ซึ่งกำรรู้จักเลือกลักษณะพื้นผิว ประกอบในภำพให้เหมำะสม เช่น จัดวัตถุผิวเรียบบนพืนผิวทีึ่รุึระ จะ ทาให้ภาพมีลักษณคะที่ตัดกัน มองเห็นวัตถุผิวเรียบได้เดานชัดึ้นเป็น ต้น
  • 10.
    รูปแบบ (PATTERN) ได้แก่การจัดองค์ประกอบึองภาพที่มีลักษณคะซ นาๆ กันึองวัตถุ อำจแสดงในลักษณะของเส้น รูปร่ำง ลักษณะพื้นผิว ฯลฯ จะช่วยให้ ภำพถ่ำยมีควำมแปลกน่ำดูยิ่งขึ้น
  • 11.
    เส้น (LINE) สามารถบอกลักษณคะโครงสร้างึองภาพเป็นตัวนาสายตา ไปสูาจุดเดานหรือจุดสนใจของภำพถ่ำย เชื่อมโยงองค์ประกอบต่ำงๆ ในภำพ ทำให้เกิดควำมเป็นเอกภำพ และกำรเคลื่อนไหว เป็นต้น
  • 12.
    เทคนิคการจัดองค์ประกอบภาพ รูปทรง (Form) รูปร่างลักษณะ (shape) ความสมดุลที่เท่ากัน ความสมดุลที่ไม่เท่ากัน ฉากหน้า
  • 13.
    เทคนิคการจัดองค์ประกอบภาพ ฉากหลัง กฎสามส่วน เส้นนาสายตา เน้นด้วยกรอบภาพ เน้นรูปแบบซ้าซ้อน
  • 14.
    รูปทรง (FORM) ให้ควำมรู้สึกสง่ำงำม มั่นคง เหมำะ สำหรับกำรถ่ำยภำพ ทำงสถำปัตยกรรม กำร ถ่ำยภำพวัตถุ หรือถ่ำยภำพสิ่งต่ำงๆ เน้นให้ เห็นความกว้าง ความสูง ความล้ก โดยให้ เห็นทันงด้านหน้าและด้านึ้าง และความล้ก หรือที่เรียกวาาให้เห็น Perspective หรือภาพ 3มิติ
  • 15.
    รูปร่างลักษณะ (SHAPE) เน้นให้เห็นเป็นภาพ2 มิติ คือ ความกว้างกับความยาว ไม่ให้ เห็นรายละเอียดของภาพ หรือที่ เรียกว่ำภาพเงาดา ภำพ ลักษณะนี้ เป็นภำพที่ดูแปลกตำ น่ำสนใจ ลึกลับ ให้อำรมณ์และ สร้ำงจินตนำกำร ในกำรในกำร ดูภำพได้ดี นิยมถ่ำยภำพใน ลักษณะย้อนแสง
  • 16.
    รูปร่างลักษณะ (SHAPE) ข้อควรระวังคือวัตถุที่ถ่ำย ต้องมีควำมเรียบง่ำย เด่นชัด สื่อควำมหมำย ได้ชัดเจน ฉำก หลังต้องไม่มำรบกวนทำให้ภำพ นั้นหมดควำมงำมไป
  • 17.
    ความสมดุลย์ที่เท่ากัน เป็นกำรจัดองค์ประกอบภำพ เพื่อให้ภำพดูนิ่งสง่ำงำม น่ำ ศรัทธำ คล้ำยกับแบบเน้นด้วย รูปทรง แต่จะแสดงออกถึงควำม สมดุลย์ นิ่ง ปลอดภัย ภำพ ลักษณะนี้อำจจะดูธรรมดำ ไม่ สะดุดตำเท่ำใดนัก แต่ก็มีเสน่ห์และ ควำมงำมในตัว
  • 18.
    ความสมดุลย์ที่ไม่เท่ากัน ให้ควำมรู้สึกที่สมดุลย์เช่นเดียวกับแบบที่แล้ว แต่จะต่างกันอยู่ที่วัตถุทั้ง สองข้าง มีขนาดและรูปร่างที่แตกต่างกัน แต่จะสมดุลย์ได้ด้วยปัจจัยต่ำง ๆ กัน เช่น สี รูปทรง ท่ำทำง ฉำกหน้ำ ฉำกหลัง ฯลฯ ภำพดูน่ำสนในกว่ำแบบสมดุลย์ที่ เท่ำกัน แต่ควำมรู้สึกที่มั่นคงจะ น้อยกว่ำ แต่แปลกตำดี
  • 19.
    ฉากหน้า (FOREGROUND) นิยมถ่ำยภำพทิวทัศน์หรือภำพอื่น ๆ ใช้ฉากหน้าเป็นตัวช่วยให้เกิดระยะ ใกล้ กลาง ไกล หรือมีมิติขึ้น ทำให้ภำพน่ำสนใจ อำจใช้กิ่งไม้ วัตถุ หรือสิ่งต่ำง ๆที่อยู่ใกล้ กับกล้องเพื่อช่วยเน้นให้จุดสนใจที่ต้องกำร เน้น มีควำมเด่นยิ่งขึ้น และไม่ให้ภำพมี ช่องว่ำงเกินไป
  • 20.
  • 21.
  • 22.
    ฉากหลัง (BACKGROUND) พื้นหลังของภำพก็มีควำมสำคัญ หำกเลือกที่น่ำสนใจ กลมกลืน หรือช่วยให้สิ่งที่ ต้องกำร เน้นเด่นขึ้นมำ ควร เลือกฉำกหลังที่กลมกลืน ไม่ทำ ให้จุดเด่นของภำพด้อยลง หรือ มำรบกวนทำให้ภำพนั้นขำด ควำมงำมไป
  • 23.
    กฎสามส่วน (RULE OFTHIRD) เป็นกำรจัดภำพที่นิยมมำก ที่สุด ภำพดูมีชีวิตชีวำ ไม่จืดชืด กำร จัดภำพโดยใช้กฎนี้ทำให้ภำพดูเด่น ไม่ อึดอัด ไม่แน่น หรือหลวมจนเกินไป นักถ่ำยภำพทั้งมืออำชีพ และมือ สมัครเล่นนิยมจัดภำพแบบนี้มำก Point of Interest
  • 24.
    RULE OF THIRD กฎสามส่วนกล่าวไว้ว่า ไม่ว่าภาพจะอยู่แนวตั้งหรือแนวนอนก็ตามหาก เราแบ่งภาพนั้นออกเป็นสามส่วน ทั้งตาม แนวตั้งและแนวนอน แล้วลากเส้นแบ่งภาพทั้ง สามเส้น จะเกิดจุดตัดกันทั้งหมด 4 จุด ซึ่ง จุดตัดของเส้นทั้งสี่นี้ เป็นตาแหน่งที่เหมาะสม สาหรับการจัดวางวัตถุที่ต้องการเน้นให้เป็น จุดเด่นหลัก ส่วนรายละเอียดอื่นๆนั้นเป็นส่วน สาคัญที่รองลงมา
  • 25.
    วิธีการใช้กฎสามส่วน ให้สร้ำงเส้นสมมุติ 4เส้น(แนวตั้ง 2เส้น และแนวนอน 2เส้น) ตีตำรำงเหมือนเล่น O-X จุดที่เส้นทั้ง 4ตัดกัน คือ ตำแหน่งที่ เหมำะสมต่อกำรวำงวัตถุหลักไว้ใน บริเวณดังกล่ำวให้เป็นจุดเด่น ส่วน รำยละเอียดอื่น ๆ จะเป็นส่วนสำคัญ รองลงมำ ทั้งนี้ภำพที่กำลังจะถ่ำยจะขึ้นจะสวยงำมและ สมบูรณ์ได้นั้นจะขึ้นอยู่กับองค์ประกอบของฉำก หน้ำ ฉำกหลังและเรื่องรำวในภำพด้วย
  • 26.
  • 27.
  • 28.
  • 29.
    เส้นนาสายตา เป็นกำรจัดภำพที่ใช้เส้นที่เกิดจำกวัตถุ หรือสิ่งอื่น ๆ ที่มีรูปร่ำงลักษณะ ใกล้เคียงกัน เรียงตัวกันเป็นทิศทำงไปสู่จุดสนใจ ช่วยให้วัตถุที่ต้องกำรเน้น มีควำม เด่นชัด และน่ำสนใจยิ่งขึ้น
  • 30.
    การเหลือพื้นที่ เพื่อให้ผู้ชม ภำพไม่รู้สึกอึดอัดและยังเหลือที่ว่างให้ คิดหรือจินตนาการ ต่อได้ว่าจะเกิดอะไร ขึ้นต่อไป
  • 31.
    เน้นด้วยกรอบภาพ (FRAME) กำรประกอบภำพโดยกำรเพิ่มกรอบภำพให้เป็นฉำกหน้ำของ ภำพ จะช่วยสร้างความเด่น สะดุดตา ทาให้ภาพภายในกรอบ น่าสนใจขึ้น เช่น ช่องประตู หน้ำต่ำง รั้ว กิ่งไม้ ฯลฯ และควร ให้กรอบภำพเหล่ำนี้มีน้ำหนัก ควำมเข้มของภำพให้มำกกว่ำ ภำพเรื่องรำวที่อยู่ภำยใน
  • 32.
  • 33.
    รูปแบบซ้าซ้อน (REPETITION) เป็นการจัดภาพที่มีรูปร่างลักษณะ ที่คล้าย ๆ กันวางเป็นกลุ่มทำให้ ภำพดูสนุก สดชื่น และมีเสน่ห์แปลกตำ
  • 35.
    การจัดองค์ประกอบภาพ : COMPOSITION การจัดวางองค์ประกอบภาพ คือการจัดวาง องค์ประกอบที่มีอยู่ในภาพให้ได้ภาพรวมของงานที่สวยงาม และสื่อ ความหมาย ซึ่งมีหลักการ 2อย่าง •การสร้างเอกภาพ(Unity) •การสร้างจุดเด่น เน้นจุดสาคัญ(Emphasize) •การวางจุดสนใจในงาน Focus Point •การสร้างความแตกต่างในงาน Contrast •การวางแยกองค์ประกอบให้โดดเด่น Isolation
  • 36.
    การจัดองค์ประกอบภาพ : COMPOSITION •สมดุลในงานออกแบบ Balance •ขนาดและสัดส่วนขององค์ประกอบ Scale & Proportion •ที่ว่างในงานออกแบบ Spacing
  • 37.
    เอกภาพ คือความเป็นอันหนึ่งอันเดียวกัน เป็นจุดเริ่มต้นในการจัดองค์ประกอบของภาพ องค์ประกอบในภาพ ต้องมีความกลมกลืนกัน เป็นพวกพ้องกัน ไม่ขัดกัน
  • 38.
    การวางจุดสนใจในงาน การวางตาแหน่งขององค์ประกอบที่จะเน้นให้เกิดจุดสนใจ จะวางในตาแหน่งที่ 1,3,2 และ 4เป็นหลัก โดยแต่ละตาแหน่งมีคุณสมบัติแตกต่าง กันออกไป 1 0 0 2 4 0 2 0 3 ให้นักศึกษาวาดรูปนี้
  • 39.
    การวางจุดสนใจในงาน ตาแหน่ง 0เป็นตาแหน่งที่ไม่ควรวางองค์ประกอบที่ต้องการเน้นเพราะ เป็นตาแหน่งที่สายตาคนส่วนใหญ่ไม่ได้ให้ความสนใจนักเพราะอยู่ ในช่วงครึ่ง ๆ กลาง ๆ ของภาพ ซึ่งลดแรงดึงดูดทางสายตา ตาแหน่ง 1เป็นตาแหน่งที่คนส่วนใหญ่เห็นเป็นอันดับแรก เนื่องจาก ความเคยชินในการกวาดตาเพื่ออ่านหนังสือ ตาแหน่ง 2เป็นตาแหน่งที่มีพลังในการดึงดูดสายตา มีความเฉียบ จึง เหมาะที่จะจัดวางองค์ประกอบที่ต้องการเน้น เนื่องจากเป็นตาแหน่งที่ เรียกร้องความสนใจจากสายตาได้ดี
  • 40.
    การวางจุดสนใจในงาน ตาแหน่งหมายเลข 3เป็นตาแหน่งที่สืบเนื่องมาจากตาแหน่งที่1 เพราะ เป็นตาแหน่งสุดท้ายที่คนส่วนใหญ่กวาดสายตามอง ตาแหน่งหมายเลข 4เป็นตาแหน่งที่คนส่วนใหญ่มักจะให้เป็นตาแหน่งที่มี ความสาคัญที่สุดในงาน ถึงแม้จะไม่เป็นจุดเรียกร้องสายตามากเท่ากับจุด 1,2,3 แต่ก็เป็นจุดรวมสายตาของผู้ชมที่มีต่องาน ตาแหน่ง 1 กับ 3จะมีพลังในการดึงดูดสายตามากกว่าตาแหน่ง 2เพราะ คนส่วนใหญ่มักกวาดสายตาจากมุมซ้ายบน ไปยังมุมขวาล่าง ตาแหน่ง 0สามารถวางองค์ประกอบให้น่าสนใจได้ เพราะบางครั้งทิศทาง หรือเส้นสายจากองค์ประกอบอื่น ๆ อาจพุ่งเน้นมายังตาแหน่งนี้ก็ได้
  • 41.
  • 42.
    การสร้างความแตกต่าง ความแตกต่างเป็นตัวกาหนดน่าสนใจหรือความโดดเด่นของภาพได้ดีแต่ ไม่ควรให้มีความแตกต่างมากเกินไปเพราะจะทาให้ภาพไม่มีเอกภาพ มากกว่าจะก่อให้เกิดจุดสนใจ ภาพตัวอย่าง เป็นการใช้ภาพที่โดดเด่น แตกต่างจากพื้นหลังสลัว ขับให้ ภาพของอุปกรณ์ดูคมชัด และโดดเด่นขึ้น
  • 43.
  • 44.
    การวางแยกองค์ประกอบให้โดดเด่น การวางองค์ประกอบให้โดดเด่น คือการแยกองค์ประกอบออกมาให้ผู้ชมงานสังเกตเห็นองค์ประกอบนั้นได้ง่าย แต่ต้องคานึงถึง ขนาดและ สัดส่วนในการจัดองค์ประกอบ(Scale & Proportion) ที่ว่างในงาน ออกแบบ(Spacing) สมดุลในงานออกแบบ(Balance) จังหวะของ องค์ประกอบในงาน(Rhythm)
  • 45.
  • 46.
    ขนาดและสัดส่วนในการจัดองค์ประกอบ SCALE& PROPORTION ขนาดขององค์ประกอบมีบทบาทในการกาหนดความสาคัญขององค์ประกอบนั้น ๆ องค์ประกอบขนาดใหญ่จะสื่อ ความหมายว่าตัวเองสาคัญ กว่า องค์ประกอบที่มีขนาด เล็ก Spacingที่ว่างที่อยู่รอบ ๆ องค์ประกอบในภาพจะสอดประสานกับองค์ประกอบที่อยู่ใน ภาพ ทาให้ภาพเกิดความเป็นภาพ และมีอิทธิพลในการสื่อความหมายได้
  • 47.
  • 48.
  • 49.
    สมดุลในงานออกแบบ (BALANCE) การจัดองค์ประกอบงานออกแบบการสร้าง ความ สมดุลขององค์ประกอบ ช่วยให้ภาพรวมของงานดูดี แบ่ง ออกเป็น 2ชนิด 1.สมดุลแบบแนวแกน 2ข้างเหมือนกัน 2.สมดุลแบบแนวแกน 2ข้างไม่เหมือนกัน
  • 50.
    สมดุลในงานออกแบบ (BALANCE) การจัดองค์ประกอบภาพด้วยการ จัดความสมดุลย์ให้กับวัตถุ หรือ สิ่ง ต่างๆ ในภาพ โดยอาศัยการรับรู้ถึง "น้าหนัก" และตาแหน่งของวัตถุต่างๆ ที่อยู่ภายในภาพนั้นๆ โดยอาศัย หลักการ คานดีด -คานงัด โดยมี ตาแหน่งกึ่งกลางภาพเป็นจุด ศูนย์กลางของตัวคานน้าหนัก
  • 51.
    การรับรู้น้าหนักของ วัตถุจากคนดู ขณะดูภาพ วัตถุ ขนาดใหญ่จะมีน้าหนักในภาพ มากกว่าวัตถุที่มีขนาดเล็ก แต่ถ้าวัตถุ ที่มีขนาดเล็กกว่า หากวางในจุดที่อยู่ห่าง ออกไปจากจุดกึ่งกลางของคาน ใน ตาแหน่งที่เหมาะสม ก็จะสามารถสร้างดู มีพลังและน้าหนักได้มากยิ่งขึ้นกว่าปรกติ เพื่อนาถ่วงดุลกับวัตถุที่ที่มีขนาดใหญ่ กว่าที่อยู่ดีกด้านหนึ่งของคานได้
  • 52.
    การรับรู้น้าหนักของ วัตถุจากคนดู ขณะดูภาพ การรับรู้ถึงน้าหนักมาก 1) วัตถุมีขนาดใหญ่ 2 ) วัตถุมีสีเข้ม 3 ) ตาแหน่งของวัตถุอยู่ห่างจากจุดกึ่งกลางภาพ การรับรู้ถึงน้าหนัก น้อย 1 ) วัตถุมีขนาดเล็ก ( หรือเป็นที่ว่างในภาพ ) 2 ) วัตถุมีสีอ่อน 3 ) อยู่ใกล้กับจุดศูนย์กลางของภาพ
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
    องค์ประกอบศิลป์ องค์ประกอบของศิลป์ เส้น สี ค่าน้าหนัก รูปร่าง รูปทรง พื้นผิว หลักการจัด องค์ประกอบศิลป์ สัดส่วน ความสมดุล จังหวะลีลา การเน้น เอกภาพ
  • 58.
    PSYCHOLOGY FOR DESIGN มนุษย์รับรู้จากประสาทสัมผัสทั้ง 5ตา หุ จมูก ลิ้น สัมผัส แต่ประสาทตาจะเป็นส่วนที่รับรู้มากที่สุด คือ 75% ของสิ่งที่เข้ามาสู่ประสาทสัมผัสของมนุษย์ ดังนั้นในงานออกแบบจึงต้องคานึงถึง การใช้รูปภาพ การจัดวางจุดเด่นจุดด้อย การกาหนดขนาดของตัวอักษร เพื่อให้ดึงดูดความสนใจของผู้ชม
  • 59.
    SIZE OF FONT หลักเกณฑ์เบื้องต้นในงานออกแบบสาหรับกลุ่มเป้าหมาย (ตามอายุ) 7-10 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 18-30 Points 11-13 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 16-18 Points 20-60 ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 14-18 Points 60 up ใช้ตัวอักษรเทียบเท่า Font ไทยขนาด 16-18 Points
  • 60.
    SIZE OF LOGO สัญลักษณ์ขนาด 5 นิ้ว สามารถมองเห็นได้ไกลประมาณ 48 ฟุต สัญลักษณ์ขนาด 10 นิ้ว สามารถมองเห็นได้ไกลประมาณ 130 ฟุต สัญลักษณ์ขนาด 12 นิ้ว สามารถมองเห็นได้ไกลประมาณ 157 ฟุต โดยให้มีมุมมองที่ชัดเจนแบบไม่ต้องเงยมากในระดับประมาณ 10 ˚
  • 61.
    POINT -LINE จุดและเส้น(Point & line) จุดเป็นพื้นฐานในทางศิลปทุกสาขา และเส้นก็เกิด จากการต่อกันของจุด เส้นใช้นาสายตาและแสดงการเคลื่อนไหวได้ไม่ว่าเส้น จะอยู่ลักษณะใด สามารถทาให้เกิดการเคลื่อนไหว (Dynamic) หรืออยู่กับที่ ได้ ที่นิยมใช้มีดังนี้ •เส้นตัวเอส •เส้นทะแยงมุม •เส้นนาสายตา ………….........
  • 62.
    เส้นตัวเอส S บางครั้งธรรมชาติอาจช่วยสร้างศิลปขึ้นได้เช่น ถนนหนทาง รูปตัว S เป็นสิ่งที่นักออกแบบอาจจะเลือกใช้ เพื่อให้ภาพเกิดความสวยงาน อ่อนช้อยได้อีกแบบหนึ่ง POINT -LINE
  • 63.
    POINT -LINE เส้นทะแยงมุมในการออกแบบ ถ้าใช้ภาพตามแนวขวางธรรมดาจะทาให้ภาพดูแบน ๆ ไม่น่าสนใจ ก็ สามารถที่จะนาเส้นที่เป็นเส้นทะแยงมุมมาใช้เพื่อให้เกิดความแปลกใหม่ได้ ขึ้นอยู่กับความเหมาะสมของชิ้นงานนั้นๆ
  • 64.
    POINT -LINE เส้นนาสายตาในการออกแบบอาจใช้ เส้น ตัวอักษรรูปภาพ เช่นแนวพุ่มไม้ เป็นแนว นาสายตาผู้ชมเข้าจุดเด่นของภาพได้
  • 65.
    เส้นกับความรู้สึก เส้นตรงแนวตั้ง ให้ความรู้สึกแข็งแรงสูงเด่นสง่างามน่าเกรงขาม เส้นตรงแนวนอน ให้ความรู้สึกสงบราบเรียบกว้างขวาง การพักผ่อนหยุดนิ่ง เส้นตรงแนวเฉียง ให้ความรู้สึกไม่ปลอดภัยการล้มไม่หยุดนิ่ง เส้นตัดกัน ให้ความรู้สึกประสานกันแข็งแรง เส้นโค้ง ให้ความรู้สึกอ่อนโยนนุ่มนวล เส้นคลื่น ให้ความรู้สึกเคลื่อนไหว ไหลเลื่อนร่า เริงต่อเนื่อง เส้นประ ให้ความรู้สึกขาดหายลึกลับไม่สมบรูณ์ แสดงส่วนที่มองไม่เห็น เส้นขด ให้ความรู้สึกหมุนเวียนมึนงง เส้นหยัก ให้ความรู้สึกขัดแย้งน่ากลัวตื่นเต้นแปลกตา
  • 66.
    Color สีแดง ให้ความรู้สึกร้อนรุนแรงกระตุ้น ท้าทายเคลื่อนไหวตื่นเต้น เร้าใจมีพลัง ความอุดมสมบูรณ์ ความมั่งคั่งความรัก ความสาคัญอันตราย สีส้มให้ความรู้สึก ร้อนความอบอุ่น ความสดใสมีชีวิตชีวาวัยรุ่นความคึกคะนอง การปลดปล่อย ความเปรี้ยวการระวัง สีเหลืองให้ความรู้สึกแจ่มใสความสดใสความร่าเริงความเบิกบานสดชื่น ชีวิตใหม่ความสดใหม่ความสุกสว่างการแผ่กระจายอานาจบารมี สีเขียวให้ความรู้สึก สงบเงียบร่มรื่นร่มเย็นการพักผ่อนการผ่อนคลาย ธรรมชาติ ความปลอดภัยปกติความสุขความสุขุมเยือกเย็น สีน้าเงินให้ความรู้สึกสงบสุขุมสุภาพหนักแน่นเคร่งขรึมเอาการเอางาน ละเอียดรอบคอบสง่างาม มีศักดิ์ศรีสูงศักดิ์เป็นระเบียบถ่อมตน สีม่วงให้ความรู้สึก มีเสน่ห์น่าติดตามเร้นลับซ่อนเร้นมีอานาจมีพลังแฝงอยู่ ความรักความเศร้า ความผิดหวังความสงบความสูงศักดิ์ สีฟ้าให้ความรู้สึก ปลอดโปร่งโล่งกว้างเบาโปร่งใสสะอาด ปลอดภัยความสว่าง ลมหายใจ ความเป็นอิสระเสรีภาพ การช่วยเหลือ แบ่งปัน สีดาให้ความรู้สึก มืด สกปรก ลึกลับความสิ้นหวังจุดจบ ความตาย ความชั่ว ความลับ ทารุณ โหดร้าย ความเศร้า หนักแน่น เข้มเข็ง อดทน มีพลัง สีชมพูให้ความรู้สึก อบอุ่นอ่อนโยนนุ่มนวลอ่อนหวานความรักเอาใจใส่วัยรุ่น หนุ่มสาว ความน่ารัก ความสดใส สีเทาให้ความรู้สึก เศร้าอาลัยท้อแท้ความลึกลับความหดหู่ความชราความสงบ ความเงียบสุภาพสุขุมถ่อมตน สีทองให้ความรู้สึก ความหรูหราโอ่อ่ามีราคาสูงค่าสิ่งสาคัญความเจริญรุ่งเรือง ความสุข ความมั่งคั่งความร่ารวยการแผ่กระจาย
  • 67.
    REFERENCE สู่เส้นทางกราฟิกดีไซเนอร์ โดยโสรชัยนันทวัชรวิบูลย์ สานักพิมพ์ ARiP http://www.colormatters.com/colortheory.html http://www.worqx.com/color/color_basics.htm Color for E-Commerce http://www.colormatters.com/des_ecom.html http://members.cox.net/mrsparker2/teacher.htm
  • 68.