SlideShare a Scribd company logo
1 of 54
GRAPHIC DESIGN
ความหมายการออกแบบ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
การออกแบบ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
แผนภาพแสดงทฤษฎีการออกแบบ หลักการออกแบบ Balance  Proportion  Rhythm  Harmony Contrast  Emphasis  Unity
งานกราฟิคบนสื่อโฆษณา ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
งานกราฟิคบนสื่อโฆษณา Brochure
POSTER
CARD  POP-UP
จุด  POINT ,[object Object],[object Object],[object Object],[object Object],[object Object]
เส้น  LINE ,[object Object],[object Object]
ความรู้สึกของเส้นในการออกแบบ ,[object Object],[object Object],[object Object]
ความรู้สึกของเส้นในการออกแบบ ,[object Object],[object Object],[object Object]
การจัดองค์ประกอบของเส้น ความมั่นคง ความแน่นอน ความสงบ การรวมกลุ่ม ความแตกแยก
รูปร่าง  SHAPE ,[object Object],ทั้ง  2  รูปมี  SHAPE  เหมือนกันแต่  FORM  ต่างกัน 2. รูปร่างที่เป็น  2  มิติ ถ้ามีเนื้อที่มากจะเป็นเรื่องของปริมาตร มวล 3. เป็นรูปร่างธรรมดาที่ไม่มีความหมายมากนัก ไม่สวยงาม ไม่มีโครงสร้าง เป็นรูปแบบ  แผ่นกลม ลูกกลม
รูปร่าง  SHAPE ,[object Object],[object Object],[object Object],[object Object],[object Object]
ขนาด  SIZE ,[object Object]
ขนาด  SIZE ,[object Object],[object Object],[object Object],[object Object]
รูปทรง  FORM ,[object Object],3.ORGANIC FORM  รูปทรงอินทรีย์  ( ธรรมชาติ )  มีลักษณะการเติบโตเป็นระยะ หรือเป็นรูปทรงที่ให้ชีวิตและเติบโตได้ เช่น รูปขยายเนื้อเยื่อ จุลินทรีย์ 1. GEOMETRIC FORM   รูปทรงเรขาคณิต 2. FREE FORM   รูปทรงอิสระ ให้ชีวิต ความเคลื่อนไหว
รูปทรง  FORM ,[object Object],[object Object],[object Object]
มวล  MASS ,[object Object]
ที่ว่าง  SPACE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ที่ว่าง  SPACE เป็นการแบ่ง  SPACE  ออกเป็น  2  ข้าง เจาะ  SPACE   เป็นช่อง เป็น  SPACE   ทั้งคู่ ต่างทำงานต่างกัน  มีด้าน  +   และ  -
Pictorial  SPACE 2.2.IMPLIED SPACE   เป็นพื้นที่ว่าง ทำให้  SPACE  ต่อเนื่องกันเอง 2.1.AERIAL PERSPECTIVE   เป็นลักษณะสิ่งที่อยู่ไกลจะมองไม่ชัด ขนาดเล็กกว่าสิ่งที่ใกล้
Pictorial  SPACE 2.4. L INEAR PRESPECTIVE   ใช้เส้นนำทำให้เกิดภาพระยะใกล้ ไกลขึ้น 2.3. SPATIAL PERCEPTION   คือ วิธีลวงตา ให้  Positive   และ   Negative  ทำงานเท่ากัน
ทิศทาง   DIRECTION ,[object Object],ก . เคลื่อนไหวไปในแนวทางใกล้เคียงกัน ข . ทิศทางของเส้นเฉียง เคลื่อนไหวมาก แต่รูป  และเส้นดิ่งช่วยลดการเคลื่อนไหวลงได้
ทิศทาง   DIRECTION ค . ทิศทางในแนวเดียวกัน แต่เกิดการเคลื่อนไหวเพราะการลดระยะของ  PLANE  และทำให้เกิด  Perspective  ง . ทิศทางอยู่ในแนวเดียวกันทำให้รู้สึกสงบนิ่ง
ทิศทาง   DIRECTION A จ . การออกแบบเคลื่อนไปทางขวามาก ฉ . การใช้รูปแบบอย่างเดียวกันต่างขนาดกัน แม้มีทิศทางมาก มี   MASS   กลุ่ม  A  เป็นการบังคับ ทำให้ลดการเคลื่อนไหว และ  A   เป็นประธานของรูป
ผิวสัมผัส  TEXTURE ,[object Object],[object Object],[object Object]
ผิวสัมผัส  TEXTURE 1. ผิวสัมผัสที่รับรู้ได้ด้วยตา   (VISUAL TEXTURE) 2. ผิวสัมผัสที่สัมผัสได้ด้วยมือ   (TACTILE TEXTURE)
สี  C O L O R ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
แม่สีพื้นฐาน
สีขั้นที่ 2
สีขั้นที่ 3
วรรณะของสี  Tone Warm Tone Cold Tone
น้ำหนักของสี  VALUE หมายถึง   ความสว่างหรือความมืดของสี สีทุกสีจะมีค่าเป็นของตัวเอง เริ่มที่ความชัดสุดจนเกือบเป็นสีขาว และจากความชัดสุดไปจนเกือบสีดำ
ความจัดของสี  INTENSITY หมายถึง   ความสดหรือความบริสุทธิ์ของสีสีหนึ่ง ที่ถูกผสมด้วยสีดำจะหม่นลง ความจัดหรือความบริสุทธิ์จะลดลง ความจัดของสีจะเรียงลำดับจากซ้ายสุด ไปจนหม่นสุดได้หลายลำดับ
สีตรงข้าม   CONTRAST สี  CONTRAST  มี  2  ประเภท คือ  1.  ORDINARY CONTRAST  คือ คู่สีที่ตัดกันอย่างไม่แท้จริง 2.  TRUE CONTRAST   สีตรงข้ามกันอย่างแท้จริง ตามวงจรสีธรรมชาติมี  6  คู่สีด้วยกันคือ
ความเข้มของสี  INTENSITY หมายถึง   สีสดที่ถูกล้อมรอบด้วยสีหม่น ดังเช่น ในเวลากลางคืนดาวบนท้องฟ้าส่องแสงในความมืด
การประสานกันของสี  HARMONY ,[object Object]
การประสานกันของสี  HARMONY
การกลับค่าของสี  Discord คือ  การกลับค่าสีของแต่ละสีที่นำมาใช้ เช่น สีเหลืองเป็นสีที่อ่อนที่สุด สีม่วงเป็นสีที่แก่ที่สุด แต่เรากลับสีแก่ที่สุดเป็นสีอ่อนทีสุด
หลักการออกแบบ PROPORTION  หมายความถึง ความสัมพันธ์ที่มีอยู่ระหว่างส่วนประกอบต่างๆ ขององค์ประกอบ เช่น รูปร่างของคนประกอบด้วยส่วนต่างๆ
หลักการออกแบบ EQILIBRIUM (BALANCE)   หมายถึง  การได้สมดุลกันในภาพเป็นกฎเกณฑ์อันหนึ่งของความเป็นเอกภาพ  (UNITY)  สิ่งสำคัญที่กำหนด  BALANCE  ในภาพคือ เส้นแกน  (AXIS)
หลักการออกแบบ HARMONY   ความประสานกันหมายถึง  เอกภาพซึ่งประกอบด้วยสิ่งอันเป็นมูลฐานต่างๆ ถ้ามูลฐานเหล่านี้มีลักษณะอย่างเดียวกัน
หลักการออกแบบ การซ้ำกัน  (REPETITION)   จะเป็นการซ้ำกันด้วยเส้น  FORM  น้ำหนักสี  ก็ตามจะทำให้เกิดการประสานกันได้โดยง่ายแต่ถ้าซ้ำกันมากเกินไปทำให้ไม่น่าสนใจ
CONTRAST  และ  HARMONY การนำ  CONTRAST  และ  HARMONY  มาใช้นั้นใช้ได้หลายทางศึกษาการใช้  HARMONY  และ  CONTRAST  ง่าย ๆ ดังตัวอย่างต่อไปนี้ 1.  เส้น  2  เส้นมาพบกันทางแนวตั้งและแนวนอน จะเกิดความรู้สึกตัดกันเป็นตรงกันข้ามกันทันที 2.  ถ้าขนานกันตามแนวนอน หรือทางแนวดิ่งก็ไม่รู้สึกอะไร
CONTRAST  และ  HARMONY 3.  เส้นที่ลากผ่านแก้การตัดกันอย่างรุนแรง ให้อ่อนโยนลงช่วยให้เกิดความประสานกัน 4.  ถ้ามีเส้นที่  3  อีกเส้นหนึ่งมาตัดกันทำให้ชวนคิดมากขึ้น น่าสนใจมากขึ้นอีก
CONTRAST  และ  HARMONY 5.  ถ้าเส้นทุกเส้นประสานกันหมด มีระเบียบมีการรวมกันจะเกิดเป็น  MASS  ของเส้นขึ้น 6.  เส้นตัดกันสับสนมากเกินไปทำให้ดูรูปขาด  UNITY  กระจัดกระจาย ถ้าจะจัดความกระจัดกระจายนี้ให้เป็นหมวดหมู่ มีการรวมกลุ่มก็จะได้งานที่ดีได้ การจงใจจะให้เกิด  CONTRAST  ในรูปและการจัดวางให้เหมาะสมจะได้งานที่น่าสนใจ และมีเสน่ห์ สีที่ระบายค่าของสีและเสียง การซ้ำมีจังหวะลีลาเกิดขึ้นเป็นระยะ ๆ
จังหวะ  RHYTHM รูปร่างเหมือนกัน ระยะเท่ากัน ทำให้ซ้ำซาก แม้เปลี่ยนขนาด แต่รูปร่างคงเดิม ระยะเท่ากัน ทำให้ซ้ำซากเหมือนเดิม รูปร่างเหมือนกันแต่ระยะแตกต่างกันทำให้ดูงามขึ้นในการวางจังหวะลีลา นอกจากช่องว่างต่างกันในระหว่างรูป การตกแต่งอื่น ๆ เช่น เส้นบางและเส้นหนาอาจจะเอามาช่วยได้
การเน้น  EMPHASIS ในรูป  A.  จุดสามจุดได้ดึงสายตาไปมาหากันได้ง่ายกว่า รูป  B.
จิตวิทยาการออกแบบ การจัดหมวดหมู่เพื่อการรับรู้ 1. ความใกล้ชิดกัน
จิตวิทยาการออกแบบ การจัดหมวดหมู่เพื่อการรับรู้ 2. ความคล้าคลึงกัน
จิตวิทยาการออกแบบ การจัดหมวดหมู่เพื่อการรับรู้ 3. ความต่อเนื่องกัน
จิตวิทยาการออกแบบ การจัดหมวดหมู่เพื่อการรับรู้ 4. การประสานกัน

More Related Content

What's hot

The principles of design 1
The principles of design 1The principles of design 1
The principles of design 1Carla Hinds
 
Element of Art - Shape 2
Element of Art - Shape 2Element of Art - Shape 2
Element of Art - Shape 2RodriguezArt
 
Elements & principles_of_design
Elements & principles_of_designElements & principles_of_design
Elements & principles_of_designAnuradha Kachare
 
One and Two- Point Perspective
One and Two- Point PerspectiveOne and Two- Point Perspective
One and Two- Point PerspectiveEmily Valenza
 
Understanding Abstract Art
Understanding Abstract ArtUnderstanding Abstract Art
Understanding Abstract ArtLinda Lucas
 
Elements of design (1)
Elements of design (1)Elements of design (1)
Elements of design (1)mille12s
 
Linear Perspective
Linear PerspectiveLinear Perspective
Linear Perspectivemrsbauerart
 
elements and principles of design
elements and principles of designelements and principles of design
elements and principles of designShahril Khairi
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointemurfield
 
Elements And Principles Of Art
Elements And Principles Of ArtElements And Principles Of Art
Elements And Principles Of Artembergen
 
Chapter 5 balance
Chapter 5 balanceChapter 5 balance
Chapter 5 balanceTracie King
 
Element of Art -Color
Element of Art -ColorElement of Art -Color
Element of Art -ColorLeahLewman
 

What's hot (20)

3d art
3d art3d art
3d art
 
Elements of art space
Elements of art   spaceElements of art   space
Elements of art space
 
The principles of design 1
The principles of design 1The principles of design 1
The principles of design 1
 
Color theory
Color theoryColor theory
Color theory
 
PRINCIPLE OF ART-BALANCE.pptx
PRINCIPLE OF ART-BALANCE.pptxPRINCIPLE OF ART-BALANCE.pptx
PRINCIPLE OF ART-BALANCE.pptx
 
Element of Art - Shape 2
Element of Art - Shape 2Element of Art - Shape 2
Element of Art - Shape 2
 
Elements & principles_of_design
Elements & principles_of_designElements & principles_of_design
Elements & principles_of_design
 
One and Two- Point Perspective
One and Two- Point PerspectiveOne and Two- Point Perspective
One and Two- Point Perspective
 
Asean
AseanAsean
Asean
 
Understanding Abstract Art
Understanding Abstract ArtUnderstanding Abstract Art
Understanding Abstract Art
 
Elements of design (1)
Elements of design (1)Elements of design (1)
Elements of design (1)
 
Linear Perspective
Linear PerspectiveLinear Perspective
Linear Perspective
 
elements and principles of design
elements and principles of designelements and principles of design
elements and principles of design
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPoint
 
Elements And Principles Of Art
Elements And Principles Of ArtElements And Principles Of Art
Elements And Principles Of Art
 
Picasso and Cubism
Picasso and CubismPicasso and Cubism
Picasso and Cubism
 
Chapter 5 balance
Chapter 5 balanceChapter 5 balance
Chapter 5 balance
 
Rhythm
RhythmRhythm
Rhythm
 
Element of Art -Color
Element of Art -ColorElement of Art -Color
Element of Art -Color
 
Color theory
Color theoryColor theory
Color theory
 

More from Pakornkrits

การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์Pakornkrits
 
เทคนิคการอ่านหนังสือ บำรุงสมอง
เทคนิคการอ่านหนังสือ บำรุงสมองเทคนิคการอ่านหนังสือ บำรุงสมอง
เทคนิคการอ่านหนังสือ บำรุงสมองPakornkrits
 
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]Pakornkrits
 
คู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ต
คู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ตคู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ต
คู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ตPakornkrits
 
การผูกผ้าพันคอสไตล์ใหม่
การผูกผ้าพันคอสไตล์ใหม่การผูกผ้าพันคอสไตล์ใหม่
การผูกผ้าพันคอสไตล์ใหม่Pakornkrits
 
คู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความคู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความPakornkrits
 
15 วิธีผูกเชือกรองเท้าอย่างเทพฯ
15 วิธีผูกเชือกรองเท้าอย่างเทพฯ15 วิธีผูกเชือกรองเท้าอย่างเทพฯ
15 วิธีผูกเชือกรองเท้าอย่างเทพฯPakornkrits
 
รายชื่อเขตที่สอบครูผู้ช่วย 2556
รายชื่อเขตที่สอบครูผู้ช่วย 2556รายชื่อเขตที่สอบครูผู้ช่วย 2556
รายชื่อเขตที่สอบครูผู้ช่วย 2556Pakornkrits
 
หลักสูตรสอบปี 56
หลักสูตรสอบปี 56หลักสูตรสอบปี 56
หลักสูตรสอบปี 56Pakornkrits
 
ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556Pakornkrits
 
ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556Pakornkrits
 
แนวปฏิบัต ว 30 ล่าสุด
แนวปฏิบัต ว 30 ล่าสุดแนวปฏิบัต ว 30 ล่าสุด
แนวปฏิบัต ว 30 ล่าสุดPakornkrits
 
ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556Pakornkrits
 
รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์
รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์
รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์Pakornkrits
 
สมัคร และการใช้งาน Google drive
สมัคร และการใช้งาน Google driveสมัคร และการใช้งาน Google drive
สมัคร และการใช้งาน Google drivePakornkrits
 
หนังสือราชการ ว.๑๑ ครู คศ.1
หนังสือราชการ ว.๑๑ ครู คศ.1หนังสือราชการ ว.๑๑ ครู คศ.1
หนังสือราชการ ว.๑๑ ครู คศ.1Pakornkrits
 
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯการแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯPakornkrits
 
สมุดประเมินผลกิจกรรมชุมนุม กูรูไอที
สมุดประเมินผลกิจกรรมชุมนุม กูรูไอทีสมุดประเมินผลกิจกรรมชุมนุม กูรูไอที
สมุดประเมินผลกิจกรรมชุมนุม กูรูไอทีPakornkrits
 
คู่มือ Twitter V2
คู่มือ Twitter V2คู่มือ Twitter V2
คู่มือ Twitter V2Pakornkrits
 
คู่มือ Facebook ฉบับ 2
คู่มือ Facebook ฉบับ 2คู่มือ Facebook ฉบับ 2
คู่มือ Facebook ฉบับ 2Pakornkrits
 

More from Pakornkrits (20)

การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
การประดับแพรแถบย่อของเครื่องราชอิสริยาภรณ์
 
เทคนิคการอ่านหนังสือ บำรุงสมอง
เทคนิคการอ่านหนังสือ บำรุงสมองเทคนิคการอ่านหนังสือ บำรุงสมอง
เทคนิคการอ่านหนังสือ บำรุงสมอง
 
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
วิชาการผลิตมัลติมีเดีย 1 [Multimedia I]
 
คู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ต
คู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ตคู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ต
คู่มือตั้งค่าการเชื่อมต่อระบบอินเทอร์เน็ต
 
การผูกผ้าพันคอสไตล์ใหม่
การผูกผ้าพันคอสไตล์ใหม่การผูกผ้าพันคอสไตล์ใหม่
การผูกผ้าพันคอสไตล์ใหม่
 
คู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความคู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความ
 
15 วิธีผูกเชือกรองเท้าอย่างเทพฯ
15 วิธีผูกเชือกรองเท้าอย่างเทพฯ15 วิธีผูกเชือกรองเท้าอย่างเทพฯ
15 วิธีผูกเชือกรองเท้าอย่างเทพฯ
 
รายชื่อเขตที่สอบครูผู้ช่วย 2556
รายชื่อเขตที่สอบครูผู้ช่วย 2556รายชื่อเขตที่สอบครูผู้ช่วย 2556
รายชื่อเขตที่สอบครูผู้ช่วย 2556
 
หลักสูตรสอบปี 56
หลักสูตรสอบปี 56หลักสูตรสอบปี 56
หลักสูตรสอบปี 56
 
ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556
 
ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556
 
แนวปฏิบัต ว 30 ล่าสุด
แนวปฏิบัต ว 30 ล่าสุดแนวปฏิบัต ว 30 ล่าสุด
แนวปฏิบัต ว 30 ล่าสุด
 
ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556ติวสอบครูผู้ช่วย 2556
ติวสอบครูผู้ช่วย 2556
 
รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์
รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์
รู้จักวิทยากร ติวครูผู้ช่วย กูรูครูติวเตอร์
 
สมัคร และการใช้งาน Google drive
สมัคร และการใช้งาน Google driveสมัคร และการใช้งาน Google drive
สมัคร และการใช้งาน Google drive
 
หนังสือราชการ ว.๑๑ ครู คศ.1
หนังสือราชการ ว.๑๑ ครู คศ.1หนังสือราชการ ว.๑๑ ครู คศ.1
หนังสือราชการ ว.๑๑ ครู คศ.1
 
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯการแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
การแทรกเลขหน้า MS-Word 2007 มืออาชีพขั้นสูงระดับเทพฯ
 
สมุดประเมินผลกิจกรรมชุมนุม กูรูไอที
สมุดประเมินผลกิจกรรมชุมนุม กูรูไอทีสมุดประเมินผลกิจกรรมชุมนุม กูรูไอที
สมุดประเมินผลกิจกรรมชุมนุม กูรูไอที
 
คู่มือ Twitter V2
คู่มือ Twitter V2คู่มือ Twitter V2
คู่มือ Twitter V2
 
คู่มือ Facebook ฉบับ 2
คู่มือ Facebook ฉบับ 2คู่มือ Facebook ฉบับ 2
คู่มือ Facebook ฉบับ 2
 

1. หลักการออกกราฟิก design

  • 2.
  • 3.
  • 5.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. การจัดองค์ประกอบของเส้น ความมั่นคง ความแน่นอน ความสงบ การรวมกลุ่ม ความแตกแยก
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. ที่ว่าง SPACE เป็นการแบ่ง SPACE ออกเป็น 2 ข้าง เจาะ SPACE เป็นช่อง เป็น SPACE ทั้งคู่ ต่างทำงานต่างกัน มีด้าน + และ -
  • 23. Pictorial SPACE 2.2.IMPLIED SPACE เป็นพื้นที่ว่าง ทำให้ SPACE ต่อเนื่องกันเอง 2.1.AERIAL PERSPECTIVE เป็นลักษณะสิ่งที่อยู่ไกลจะมองไม่ชัด ขนาดเล็กกว่าสิ่งที่ใกล้
  • 24. Pictorial SPACE 2.4. L INEAR PRESPECTIVE ใช้เส้นนำทำให้เกิดภาพระยะใกล้ ไกลขึ้น 2.3. SPATIAL PERCEPTION คือ วิธีลวงตา ให้ Positive และ Negative ทำงานเท่ากัน
  • 25.
  • 26. ทิศทาง DIRECTION ค . ทิศทางในแนวเดียวกัน แต่เกิดการเคลื่อนไหวเพราะการลดระยะของ PLANE และทำให้เกิด Perspective ง . ทิศทางอยู่ในแนวเดียวกันทำให้รู้สึกสงบนิ่ง
  • 27. ทิศทาง DIRECTION A จ . การออกแบบเคลื่อนไปทางขวามาก ฉ . การใช้รูปแบบอย่างเดียวกันต่างขนาดกัน แม้มีทิศทางมาก มี MASS กลุ่ม A เป็นการบังคับ ทำให้ลดการเคลื่อนไหว และ A เป็นประธานของรูป
  • 28.
  • 29. ผิวสัมผัส TEXTURE 1. ผิวสัมผัสที่รับรู้ได้ด้วยตา (VISUAL TEXTURE) 2. ผิวสัมผัสที่สัมผัสได้ด้วยมือ (TACTILE TEXTURE)
  • 30.
  • 34. วรรณะของสี Tone Warm Tone Cold Tone
  • 35. น้ำหนักของสี VALUE หมายถึง ความสว่างหรือความมืดของสี สีทุกสีจะมีค่าเป็นของตัวเอง เริ่มที่ความชัดสุดจนเกือบเป็นสีขาว และจากความชัดสุดไปจนเกือบสีดำ
  • 36. ความจัดของสี INTENSITY หมายถึง ความสดหรือความบริสุทธิ์ของสีสีหนึ่ง ที่ถูกผสมด้วยสีดำจะหม่นลง ความจัดหรือความบริสุทธิ์จะลดลง ความจัดของสีจะเรียงลำดับจากซ้ายสุด ไปจนหม่นสุดได้หลายลำดับ
  • 37. สีตรงข้าม CONTRAST สี CONTRAST มี 2 ประเภท คือ 1. ORDINARY CONTRAST คือ คู่สีที่ตัดกันอย่างไม่แท้จริง 2. TRUE CONTRAST สีตรงข้ามกันอย่างแท้จริง ตามวงจรสีธรรมชาติมี 6 คู่สีด้วยกันคือ
  • 38. ความเข้มของสี INTENSITY หมายถึง สีสดที่ถูกล้อมรอบด้วยสีหม่น ดังเช่น ในเวลากลางคืนดาวบนท้องฟ้าส่องแสงในความมืด
  • 39.
  • 41. การกลับค่าของสี Discord คือ การกลับค่าสีของแต่ละสีที่นำมาใช้ เช่น สีเหลืองเป็นสีที่อ่อนที่สุด สีม่วงเป็นสีที่แก่ที่สุด แต่เรากลับสีแก่ที่สุดเป็นสีอ่อนทีสุด
  • 42. หลักการออกแบบ PROPORTION หมายความถึง ความสัมพันธ์ที่มีอยู่ระหว่างส่วนประกอบต่างๆ ขององค์ประกอบ เช่น รูปร่างของคนประกอบด้วยส่วนต่างๆ
  • 43. หลักการออกแบบ EQILIBRIUM (BALANCE) หมายถึง การได้สมดุลกันในภาพเป็นกฎเกณฑ์อันหนึ่งของความเป็นเอกภาพ (UNITY) สิ่งสำคัญที่กำหนด BALANCE ในภาพคือ เส้นแกน (AXIS)
  • 44. หลักการออกแบบ HARMONY ความประสานกันหมายถึง เอกภาพซึ่งประกอบด้วยสิ่งอันเป็นมูลฐานต่างๆ ถ้ามูลฐานเหล่านี้มีลักษณะอย่างเดียวกัน
  • 45. หลักการออกแบบ การซ้ำกัน (REPETITION) จะเป็นการซ้ำกันด้วยเส้น FORM น้ำหนักสี ก็ตามจะทำให้เกิดการประสานกันได้โดยง่ายแต่ถ้าซ้ำกันมากเกินไปทำให้ไม่น่าสนใจ
  • 46. CONTRAST และ HARMONY การนำ CONTRAST และ HARMONY มาใช้นั้นใช้ได้หลายทางศึกษาการใช้ HARMONY และ CONTRAST ง่าย ๆ ดังตัวอย่างต่อไปนี้ 1. เส้น 2 เส้นมาพบกันทางแนวตั้งและแนวนอน จะเกิดความรู้สึกตัดกันเป็นตรงกันข้ามกันทันที 2. ถ้าขนานกันตามแนวนอน หรือทางแนวดิ่งก็ไม่รู้สึกอะไร
  • 47. CONTRAST และ HARMONY 3. เส้นที่ลากผ่านแก้การตัดกันอย่างรุนแรง ให้อ่อนโยนลงช่วยให้เกิดความประสานกัน 4. ถ้ามีเส้นที่ 3 อีกเส้นหนึ่งมาตัดกันทำให้ชวนคิดมากขึ้น น่าสนใจมากขึ้นอีก
  • 48. CONTRAST และ HARMONY 5. ถ้าเส้นทุกเส้นประสานกันหมด มีระเบียบมีการรวมกันจะเกิดเป็น MASS ของเส้นขึ้น 6. เส้นตัดกันสับสนมากเกินไปทำให้ดูรูปขาด UNITY กระจัดกระจาย ถ้าจะจัดความกระจัดกระจายนี้ให้เป็นหมวดหมู่ มีการรวมกลุ่มก็จะได้งานที่ดีได้ การจงใจจะให้เกิด CONTRAST ในรูปและการจัดวางให้เหมาะสมจะได้งานที่น่าสนใจ และมีเสน่ห์ สีที่ระบายค่าของสีและเสียง การซ้ำมีจังหวะลีลาเกิดขึ้นเป็นระยะ ๆ
  • 49. จังหวะ RHYTHM รูปร่างเหมือนกัน ระยะเท่ากัน ทำให้ซ้ำซาก แม้เปลี่ยนขนาด แต่รูปร่างคงเดิม ระยะเท่ากัน ทำให้ซ้ำซากเหมือนเดิม รูปร่างเหมือนกันแต่ระยะแตกต่างกันทำให้ดูงามขึ้นในการวางจังหวะลีลา นอกจากช่องว่างต่างกันในระหว่างรูป การตกแต่งอื่น ๆ เช่น เส้นบางและเส้นหนาอาจจะเอามาช่วยได้
  • 50. การเน้น EMPHASIS ในรูป A. จุดสามจุดได้ดึงสายตาไปมาหากันได้ง่ายกว่า รูป B.