SlideShare a Scribd company logo
1 of 114
Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics 355205
Graphic Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1
[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],สรุป Back
2 Back
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ความสำคัญของการออกแบบ
หลักการออกแบบกราฟิก ,[object Object],The Principler of Graphic Design สิ่งแรกที่ต้องคำนึงถึงคือ
[object Object],หลักการดำเนินงานออกแบบกราฟิก
[object Object]
[object Object]
[object Object]
[object Object],[object Object],สรุป
3 Back
[object Object],[object Object],ประเภทของการออกแบบ
[object Object],[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
4 Back
( Elements of Design) ,[object Object],องค์ประกอบของการออกแบบ
[object Object]
[object Object]
[object Object],รูปร่าง (Shape)
ลิขสิทธิ์  :  ผศ . ถาวร  สายสืบ
[object Object],รูปทรง  (Form)
ลิขสิทธิ์  :  ผศ . ถาวร  สายสืบ
[object Object],4. มวลและปริมาตร (Mass and Volume)
[object Object],5. ทิศทาง (Direction)
แสงเงา
 
 
 
ทิศทางของแสง
ทิศทางของแสง
ทิศทางของแสง 1 2
[object Object],6. สัดส่วน (Proportion)
Present  ได้น่าสนใจ   ทั้งสองภาพ ให้ความน่าสนใจแตกต่างกันไหม   ถ้าคุณต้องทำภาพกราฟิก นำเสนอประเด็นการพิจารณา การทำงาน ตามลำดับ จากลำดับที่หนึ่งไปลำดับที่สอง ลำดับที่สองไปเรื่อยๆ การสร้างภาพกราฟิกแบบที่สอง จะให้ความรู้สึก  " นำสายตา "  ได้ดีกว่าแบบแรกแน่นอน ลองดูน่ะ
[object Object],7. ลักษณะพื้นผิว (Texture)
Graphic 1.  พื้นผิวที่สัมผัสได้ด้วยมือ หรือกายสัมผัส  เป็นลักษณะพื้นผิวที่เป็นอยู่จริงๆ ของผิวหน้าของวัสดุนั้นๆ     ซึ่งสามารถสัมผัสได้จากงานประติมากรรม งานสถาปัตกรรมและสิ่งประดิษฐ์อื่น ๆ   2.   พื้นผิวที่สัมผัสได้ด้วยสายตา จากการมองเห็นแต่ไม่ใช่ลักษณะที่แท้จริงของผิววัสดุนั้น ๆ เช่น การวาดภาพก้อนหินบนกระดาษ     จะให้ความรู้สึกเป็นก้อนหินแต่มือสัมผัสเป็นกระดาษหรือใช้กระดาษพิมพ์ลายไม้ หรือลายหินอ่อน    เพื่อปะ    ทับบนผิวหน้าของสิ่งต่าง ๆ
Texture Texture Texture
พื้นผิวลักษณะต่าง ๆ จะให้ความรู้สึกต่องานศิลปะที่แตกต่างกัน พื้นผิวหยาบจะให้ความรู้สึกกระตุ้นประสาท หนักแน่น มั่นคง แข็งแรง ถาวรในขณะที่ผิวเรียบ   จะให้ความรู้สึกเบา สบาย การใช้ลักษณะของพื้นผิวที่แตกต่างกัน  
[object Object],8.  ช่องว่างหรือช่องไฟ (Space)
 
 
 
 
ขนาดตัวอักษร  28 ขนาดตัวอักษร  32 ขนาดตัวอักษร  36 ขนาดตัวอักษร  40 ขนาดตัวอักษร  44 ขนาดตัวอักษร  48
ขนาดตัวอักษร  54 ขนาดตัวอักษร  60 ขนาดตัวอักษร  66 ขนาดตัวอักษร  72
ขนาดตัวอักษร  80 ขนาดตัวอักษร  88 ขนาดตัวอักษร  96 ขนาดตัวอักษร  106
ขนาดตัวอักษร  117 ขนาดตัวอักษร  129
5 Back
[object Object],สี (Color)
COLORS ลิขสิทธิ์  :  ผศ . ถาวร  สายสืบ
[object Object],5.ความรู้เบื้องต้นเกี่ยวกับสี
Color Wheel
รูปที่ 1 สีขั้นที่หนึ่งหรือแม่สีหลัก
[object Object],สีขั้นที่ 2 (secondary)
Color Wheel ลิขสิทธิ์  :  ผศ . ถาวร  สายสืบ
รูปที่ 2 สีขั้นที่สอง
[object Object],สีขั้นที่ 3 (Tertiary)
Color Wheel
Color Wheel
รูปที่ 3 สีขั้นที่สาม
[object Object]
[object Object],[object Object]
รูปที่  4   แสดงกลุ่มของสีแบบสีร้อนหรืออุ่น   สีร้อนนี้มีความสามารถในระดับสูงเกี่ยวกับการมองเห็นข้อความหรือรูปภาพที่มีทัศนียภาพในที่ใกล้และโน้มนาวความรู้สึกในขณะที่มองเห็น ซึ่งสีกลุ่มแบบร้อนนี้ถูกนำมาใช้สำหรับการพัฒนาออกแบบเว็บเพจได้อย่างกลมกลืน อย่างไรก็ตามลักษณะของความแตกต่างที่เกี่ยวกับการมองเห็นของแต่ละคนย่อมแตกต่างกัน บางคนอาจจะมองว่าไม่มีชีวิตชีวา แต่สีกลุ่มนี้เป็นกลุ่มสีที่ช่วยให้หายจากความเฉื่อยชา มีชีวิตชีวามากยิ่งขึ้น ฉะนั้นเราต้องประยุกต์ใช้ร่วมกับกับสีอื่น ๆ ตามหลักหรือกฎทฤษฎี
[object Object],โทนเย็น (Cool Colors)
[object Object],โทนเย็น (Cool Colors)
รูปที่  5  แสดงกลุ่มของสีแบบสีเย็น
 
 
[object Object],สีโทนกลาง (Neutral Colors)
[object Object]
6 Back
6.  การออกแบบและจัดวาง องค์ประกอบในการผลิตสื่อกราฟิก   ,[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
7 Back
[object Object],7.เทคนิคการกลับพื้นภาพมีผลต่อสายตาผู้ดู
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ขนาดและสัดส่วน (Size & Scale)
[object Object],วัสดุและพื้นผิว ( Material and Texture )
[object Object]
[object Object]
8 Back
[object Object],8.การผลิตวัสดุกราฟิก
[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]

More Related Content

What's hot

คู่มือ Revit สำหรับงานสถาปัตยกรรม
คู่มือ Revit สำหรับงานสถาปัตยกรรมคู่มือ Revit สำหรับงานสถาปัตยกรรม
คู่มือ Revit สำหรับงานสถาปัตยกรรมPiyaboon Nilkaew
 
ใบความรู้ที่ 1 ประวัติความเป็นมาphotoshop
ใบความรู้ที่ 1 ประวัติความเป็นมาphotoshopใบความรู้ที่ 1 ประวัติความเป็นมาphotoshop
ใบความรู้ที่ 1 ประวัติความเป็นมาphotoshopNoofang DarkAnegl
 
หนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUp
หนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUpหนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUp
หนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUpSKETCHUP HOME
 

What's hot (7)

2.1
2.12.1
2.1
 
คู่มือ Revit สำหรับงานสถาปัตยกรรม
คู่มือ Revit สำหรับงานสถาปัตยกรรมคู่มือ Revit สำหรับงานสถาปัตยกรรม
คู่มือ Revit สำหรับงานสถาปัตยกรรม
 
2.1
2.12.1
2.1
 
การออกแบบทำไวนิล
การออกแบบทำไวนิลการออกแบบทำไวนิล
การออกแบบทำไวนิล
 
ใบความรู้ที่ 1 ประวัติความเป็นมาphotoshop
ใบความรู้ที่ 1 ประวัติความเป็นมาphotoshopใบความรู้ที่ 1 ประวัติความเป็นมาphotoshop
ใบความรู้ที่ 1 ประวัติความเป็นมาphotoshop
 
7
77
7
 
หนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUp
หนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUpหนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUp
หนังสืองานวิศวกรรมครบวงจรด้วยโปรแกรม SketchUp
 

Viewers also liked

principle of media design
principle of media designprinciple of media design
principle of media designniceeminnie
 
The interior design furniture built in knockdown.
The interior design furniture built in knockdown. The interior design furniture built in knockdown.
The interior design furniture built in knockdown. Patpong Lohapibool
 
Japanes architecture ppt
Japanes architecture ppt Japanes architecture ppt
Japanes architecture ppt Utkarsh Gupta
 
คู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUp
คู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUpคู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUp
คู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUpSKETCHUP HOME
 
ธุรกิจที่พักแรม
ธุรกิจที่พักแรมธุรกิจที่พักแรม
ธุรกิจที่พักแรมWichien Juthamongkol
 
มาตรฐานการเขียนแบบ
มาตรฐานการเขียนแบบมาตรฐานการเขียนแบบ
มาตรฐานการเขียนแบบPeerapong Veluwanaruk
 

Viewers also liked (7)

principle of media design
principle of media designprinciple of media design
principle of media design
 
Microsoft power point หลักการใช้สี [compatibility mode]
Microsoft power point   หลักการใช้สี [compatibility mode]Microsoft power point   หลักการใช้สี [compatibility mode]
Microsoft power point หลักการใช้สี [compatibility mode]
 
The interior design furniture built in knockdown.
The interior design furniture built in knockdown. The interior design furniture built in knockdown.
The interior design furniture built in knockdown.
 
Japanes architecture ppt
Japanes architecture ppt Japanes architecture ppt
Japanes architecture ppt
 
คู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUp
คู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUpคู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUp
คู่มือ Dynamic Component และการจัดการ Component ขั้นสูงในโปรแกรม SketchUp
 
ธุรกิจที่พักแรม
ธุรกิจที่พักแรมธุรกิจที่พักแรม
ธุรกิจที่พักแรม
 
มาตรฐานการเขียนแบบ
มาตรฐานการเขียนแบบมาตรฐานการเขียนแบบ
มาตรฐานการเขียนแบบ
 

Similar to Photoshop cs2

ใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิก
ใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิกใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิก
ใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิกวาสนา ใจสุยะ
 
ใบงานท 7
ใบงานท   7ใบงานท   7
ใบงานท 7Winwin Nim
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์Sornnarin Wuthifuey
 
สื่อการสอนกราฟิก
สื่อการสอนกราฟิกสื่อการสอนกราฟิก
สื่อการสอนกราฟิกvorravan
 
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกvorravan
 
%80ตอร์กราฟิกบุตรวดี
%80ตอร์กราฟิกบุตรวดี%80ตอร์กราฟิกบุตรวดี
%80ตอร์กราฟิกบุตรวดีwichuda hokaew
 
ใบความรู้ที่ 1ความหมายของซอฟต์แวร์
ใบความรู้ที่ 1ความหมายของซอฟต์แวร์ใบความรู้ที่ 1ความหมายของซอฟต์แวร์
ใบความรู้ที่ 1ความหมายของซอฟต์แวร์วาสนา ใจสุยะ
 
ใบงานที่7
ใบงานที่7ใบงานที่7
ใบงานที่7juice1414
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกกชพร มณีพงษ์
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกกชพร มณีพงษ์
 
ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก  ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก Pa'rig Prig
 
01 intro computergraphic
01 intro computergraphic01 intro computergraphic
01 intro computergraphicpisandesign
 
ใบงานที่7
ใบงานที่7ใบงานที่7
ใบงานที่7Mintra Han-kla
 
ประเภทของโครงงานคอมพิวเตอร์
ประเภทของโครงงานคอมพิวเตอร์ประเภทของโครงงานคอมพิวเตอร์
ประเภทของโครงงานคอมพิวเตอร์Mookmanee Paiopree
 
โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5JoyCe Zii Zii
 
โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5JoyCe Zii Zii
 

Similar to Photoshop cs2 (20)

ใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิก
ใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิกใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิก
ใบความรู้ที่ 4โปรแกรมสำหรับงานกราฟิก
 
ใบงานท 7
ใบงานท   7ใบงานท   7
ใบงานท 7
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
ใบงาน7
ใบงาน7ใบงาน7
ใบงาน7
 
ใบงาน7
ใบงาน7ใบงาน7
ใบงาน7
 
ใบงาน7
ใบงาน7ใบงาน7
ใบงาน7
 
สื่อการสอนกราฟิก
สื่อการสอนกราฟิกสื่อการสอนกราฟิก
สื่อการสอนกราฟิก
 
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิกความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์กราฟิก
 
%80ตอร์กราฟิกบุตรวดี
%80ตอร์กราฟิกบุตรวดี%80ตอร์กราฟิกบุตรวดี
%80ตอร์กราฟิกบุตรวดี
 
ใบความรู้ที่ 1ความหมายของซอฟต์แวร์
ใบความรู้ที่ 1ความหมายของซอฟต์แวร์ใบความรู้ที่ 1ความหมายของซอฟต์แวร์
ใบความรู้ที่ 1ความหมายของซอฟต์แวร์
 
ใบงานที่7
ใบงานที่7ใบงานที่7
ใบงานที่7
 
08
0808
08
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
 
ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก  ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก
ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก
 
01 intro computergraphic
01 intro computergraphic01 intro computergraphic
01 intro computergraphic
 
ใบงานที่7
ใบงานที่7ใบงานที่7
ใบงานที่7
 
ประเภทของโครงงานคอมพิวเตอร์
ประเภทของโครงงานคอมพิวเตอร์ประเภทของโครงงานคอมพิวเตอร์
ประเภทของโครงงานคอมพิวเตอร์
 
โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5
 
โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5โครงงานพัฒนาเครื่องมือ 5
โครงงานพัฒนาเครื่องมือ 5
 

Photoshop cs2

  • 1. Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics Introduction to Graphics 355205
  • 2.
  • 3. 1
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. ลิขสิทธิ์ : ผศ . ถาวร สายสืบ
  • 32.
  • 33. ลิขสิทธิ์ : ผศ . ถาวร สายสืบ
  • 34.
  • 35.
  • 37.  
  • 38.  
  • 39.  
  • 43.
  • 44. Present ได้น่าสนใจ ทั้งสองภาพ ให้ความน่าสนใจแตกต่างกันไหม ถ้าคุณต้องทำภาพกราฟิก นำเสนอประเด็นการพิจารณา การทำงาน ตามลำดับ จากลำดับที่หนึ่งไปลำดับที่สอง ลำดับที่สองไปเรื่อยๆ การสร้างภาพกราฟิกแบบที่สอง จะให้ความรู้สึก " นำสายตา " ได้ดีกว่าแบบแรกแน่นอน ลองดูน่ะ
  • 45.
  • 46. Graphic 1. พื้นผิวที่สัมผัสได้ด้วยมือ หรือกายสัมผัส เป็นลักษณะพื้นผิวที่เป็นอยู่จริงๆ ของผิวหน้าของวัสดุนั้นๆ    ซึ่งสามารถสัมผัสได้จากงานประติมากรรม งานสถาปัตกรรมและสิ่งประดิษฐ์อื่น ๆ 2. พื้นผิวที่สัมผัสได้ด้วยสายตา จากการมองเห็นแต่ไม่ใช่ลักษณะที่แท้จริงของผิววัสดุนั้น ๆ เช่น การวาดภาพก้อนหินบนกระดาษ    จะให้ความรู้สึกเป็นก้อนหินแต่มือสัมผัสเป็นกระดาษหรือใช้กระดาษพิมพ์ลายไม้ หรือลายหินอ่อน   เพื่อปะ   ทับบนผิวหน้าของสิ่งต่าง ๆ
  • 48. พื้นผิวลักษณะต่าง ๆ จะให้ความรู้สึกต่องานศิลปะที่แตกต่างกัน พื้นผิวหยาบจะให้ความรู้สึกกระตุ้นประสาท หนักแน่น มั่นคง แข็งแรง ถาวรในขณะที่ผิวเรียบ จะให้ความรู้สึกเบา สบาย การใช้ลักษณะของพื้นผิวที่แตกต่างกัน  
  • 49.
  • 50.  
  • 51.  
  • 52.  
  • 53.  
  • 54. ขนาดตัวอักษร 28 ขนาดตัวอักษร 32 ขนาดตัวอักษร 36 ขนาดตัวอักษร 40 ขนาดตัวอักษร 44 ขนาดตัวอักษร 48
  • 55. ขนาดตัวอักษร 54 ขนาดตัวอักษร 60 ขนาดตัวอักษร 66 ขนาดตัวอักษร 72
  • 56. ขนาดตัวอักษร 80 ขนาดตัวอักษร 88 ขนาดตัวอักษร 96 ขนาดตัวอักษร 106
  • 57. ขนาดตัวอักษร 117 ขนาดตัวอักษร 129
  • 59.
  • 60. COLORS ลิขสิทธิ์ : ผศ . ถาวร สายสืบ
  • 61.
  • 64.
  • 65. Color Wheel ลิขสิทธิ์ : ผศ . ถาวร สายสืบ
  • 67.
  • 71.
  • 72.
  • 73. รูปที่ 4 แสดงกลุ่มของสีแบบสีร้อนหรืออุ่น สีร้อนนี้มีความสามารถในระดับสูงเกี่ยวกับการมองเห็นข้อความหรือรูปภาพที่มีทัศนียภาพในที่ใกล้และโน้มนาวความรู้สึกในขณะที่มองเห็น ซึ่งสีกลุ่มแบบร้อนนี้ถูกนำมาใช้สำหรับการพัฒนาออกแบบเว็บเพจได้อย่างกลมกลืน อย่างไรก็ตามลักษณะของความแตกต่างที่เกี่ยวกับการมองเห็นของแต่ละคนย่อมแตกต่างกัน บางคนอาจจะมองว่าไม่มีชีวิตชีวา แต่สีกลุ่มนี้เป็นกลุ่มสีที่ช่วยให้หายจากความเฉื่อยชา มีชีวิตชีวามากยิ่งขึ้น ฉะนั้นเราต้องประยุกต์ใช้ร่วมกับกับสีอื่น ๆ ตามหลักหรือกฎทฤษฎี
  • 74.
  • 75.
  • 76. รูปที่ 5 แสดงกลุ่มของสีแบบสีเย็น
  • 77.  
  • 78.  
  • 79.
  • 80.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 93.
  • 94.  
  • 95.
  • 96.
  • 97.
  • 98.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110.
  • 111.
  • 112.
  • 113.
  • 114.