More Related Content
Similar to Color
Recently uploaded
Color
- 3. สีปฐมภูมิ (Primary Color) สีน้ําเงิน, สีเหลือง, สีแดง
- 4. สีทุติยภูมิ (Secondary Color) สีเขียว, สีมวง, สีสม
- 5. จิตวิทยาของสีเปนการศึกษาและวิเคราะห เกี่ยวกับอารมณความรูสึกและผลกระทบตอ พฤติกรรมของบุคคลที่มีตอสี เจาของเว็บ พาณิชยอิเล็กทรอนิกสตองการรูวาสีไหนที่จะ กระตุนพฤติกรรมการซื้อของกลุมลูกคา จิตวิทยาของสีเปนสิ่งที่สําคัญในแวดวงธุรกิจ ในหลาย ๆ วัฒนธรรมมีความรูสึกตอสีที่ แตกตางกัน เชนในวัฒนธรรมตะวันตกเจาสาว จะแตชุดสีขาวเพื่อแสดงถึงความบริสุทธิ์และ สดใส แตสีขาวในวัฒนธรรมจีนกลับหมายถึง ความโศกเศรา จิตวิทยาของสี (Color psychology)
- 6. สีแดง สีแดงเปนสีที่สงผลกระตุนฮอรโมนอาเดร็น นาลินและความดันโลหิต นอกจากนั้นสีแดงยังชวย เพิ่มความสามารถในกระบวนการสันดาป (Metabolism) ของมนุษยอีกดวย สีแดงสื่อถึงความตื่นเตน,ความมั่ง คั่ง,อันตราย และความรัก สีแดงที่มีโทนสีเขมเชนสีแดง แกมมวง (burgundy) และสีเลือดหมู (maroon) มีพลัง ในการปลดปลอยอารมณความรูสึกที่เกี่ยวกับความรัก สีแดงออกน้ําตาล (brownish) เปนตัวแทนของฤดูใบไม รวงและฤดูเก็บเกี่ยว จิตวิทยาของสี (Color psychology)
- 7. สีส้ม เหมือนสีแดงสีสมเปนสีที่ทรง พลัง แตอาจจะไมดุเดือดเทากับสีแดง สี สมสามารถสื่อถึงความสุข, แสงแดด, ความกระตือรือรนและความคิด สรางสรรค นอกจากนั้นสีสมยังกระตุนให เกิดความอยากอาหาร สีสมจึงมักถูก นําไปใชในงานออกแบบที่เกี่ยวของกับ อาหาร จิตวิทยาของสี (Color psychology)
- 8. สีเหลือง สีเหลืองเปนสีที่สามารถมองเห็น ไดอยางชัดเจน เพราะสีเหลืองเปนสีที่มี ความสวางสูง ดังนั้นเราจึงเห็นการใชสี เหลืองไดจากรถเท็กซี่ และปายเตือนตาง ๆ สีเหลืองใหความรูสึกสนุกสานและสี่ถึง พลังงาน เครื่องดื่มที่ใหพลังงานอยาง Gatorade จึงใชสีเหลืองและสีเหลืองเขียว บนบรรจุภัณฑ จิตวิทยาของสี (Color psychology)
- 9. สีเขียว สีเขียวมีความเกี่ยวของกับธรรมชาติ เปน สัญลักษณสื่อถึงการเจริญเติบโต, ความสดชื่นและ ความหวัง สีเขียวเปนสีที่มองแลวสบายตา นัก ออกแบบหลายทานใชสีเขียวเพื่อดึงดูดความรูสึกที่ เกี่ยวกับธรรมชาติของผูชม สีเขียวเปนสีที่สามารถ ใชไดอยางสารพัดประโยชน ถาเรานําสีเขียวที่มี ความสวางสูงไปใชกับพื้นหลังที่เปนสีดําสีเขียวจะดู โดดเดนขึ้นมาจากพื้นหลัง นอกจากนั้นสีเขียวยัง ใชไดดีกับการสื่อถึงคอมพิวเตอรในยุคอดีต (เพราะคอมพิวเตอรในอดีตหนาจอเปนสีเขียว) จิตวิทยาของสี (Color psychology)
- 10. สีนํ้าเงิน สีน้ําเงินสีถึงความเปดเผย,อิสรเสรี, สติปญญา, ความซื่อสัตยและศรัทธา สีน้ําเงิน สามารถทําใหผูคนสงบและดับความอยาก อาหารลงได สีน้ําเงินจึงไมคอยถูกใชในการ ออกแบบที่เกี่ยวของกับอาหาร บริษัท คอมพิวเตอรหลายแหง เชน IBM, Dell, HP, และ Microsoft ใชสีน้ําเงินในการออกแบบโลโก เพราะสีน้ําเงินนั้นแสดงถึงความมั่นคงความมี เสถียรภาพของคอมพิวเตอร จิตวิทยาของสี (Color psychology)
- 11. สีม่วง ในแงมุมของประวัติศาสตรสีมวงถูกใช เพื่อแสดงราชวงศ,ตําแหนงกษัตริยและอํานาจ เพราะบุคคลผูมีอํานาจในอดีตมักสวนใสเสื้อผา เครื่องนุงหมที่ยอมดวยสีมวง แมแตในปจจุบัน สีมวงก็ยังเปนตัวแทนของความมั่งคั่งและความ สุลุย สุราย สีมวงยังถูกเชื่อมโยงกับดอกไม ,รัตนชาติและพระอาทิตยตก ถาตองการ ออกแบบเว็บไซตใหแปลกใหมและนาสนใจสี มวงจัด ๆ ก็เปนทางเลือกที่นาสนใจ จิตวิทยาของสี (Color psychology)
- 12. สีขาว เมื่อผูคนตองคิดถึงความสะอาดพวกเขาจะ คิดถึงสีขาวเปนสิ่งแรก สีขาวสื่อถึงความสมบรูณ, แสง สวาง,และความบริสุทธิ์ สีขาวเปนสีที่ไดรับความนิยม มากที่สุดในการใชเปนสีพื้นของหนาเว็บเพจ เพราะ เปนสีสีที่ไมมีความเขมของสีจึงสามารถเขาไดกับทุกสี และยังชวยเพิ่มความสามารถในการอานขอความบน หนาจอ ในบางครั้งสีขาวก็ไมไดมีความหมายในทางที่ดี เสมอไป สีที่จืดจางหรือซีดขาวสามารถสื่อถึงความ เจ็บปวยและความใจออนแอและความตาย จิตวิทยาของสี (Color psychology)
- 13. สีดํา แมวาสีดํามักจะสื่อถึงความตาย,ความ โศกเศราและปศาจ แตสีดําก็สามารถเปน ตัวแทนของพลัง,ความสงางามและความ แข็งแกรง ความหมายของสีดํานั้นจะเปลี่ยนไป ตามการใชงาน เชนหากนําสีดํามาอยูคูกับสี ขาวก็จะทําใหความหมายของสีดําเปลี่ยน กลายเปน ความฉลาดและความมั่นคั่ง และ เมื่อใชรวมกับสีอื่น ก็สามารถสรางความ ซับซอน ลึกลับไดเปนอยางดี จิตวิทยาของสี (Color psychology)
- 14. สีและรูปทรง สีน้ําเงิน (ความรูสึกสงบนิ่ง) แทนดวยรูปทรง “วงกลม” สีแดง (ความรูสึกหนักแนน, มั่นคง, กระฉบับกระเฉง) แทนดวย รูปทรง “สี่เหลี่ยม” สีเหลือง (ความรูสึกกระฉบับกระเฉง) แทนดวยรูปทรง “สามเหลี่ยม”
- 15. ๐ เมื่อสีบริสุทธิ์ผสมกับสีขาว จะได้เป็นสีอ่อน (Tint of the Hue) ๐ เมื่อสีบริสุทธิ์ผสมกับสีเทา จะได้เป็นโทนสีระดับ ต่าง ๆ (Tone of the Hue) ๐ เมื่อสีบริสุทธิ์ผสมกับสีดํา จะได้เป็นสีเข้ม (Shade of the Hue) การใส่สีขาว,สีเทาและสีดําเข้าไปนั้นมีประโยชน์มากใน การจัดชุดของสี เพราะทําให้สีสีหนึ่งสามารถแสดงออกและให้ ความรู้สึกได้หลายรูปแบบยิ่งขึ้น ทดแทนการใช้สีเพียงสีเดียว ค่านํ้าหนักสี (Color Value)
- 16. สีและรูปทรง สีน้ําเงิน (ความรูสึกสงบนิ่ง) แทนดวยรูปทรง “วงกลม” สีแดง (ความรูสึกหนักแนน, มั่นคง, กระฉบับกระเฉง) แทนดวย รูปทรง “สี่เหลี่ยม” สีเหลือง (ความรูสึกกระฉบับกระเฉง) แทนดวยรูปทรง “สามเหลี่ยม”
- 17. สีกับความเปรียบตาง ในงานออกแบบ เรามักไมนิยมที่จะสรางความเปรียบตางของสี โดยการใชสี หลายสี เนื่องจากความเปรียบตางของสีจะเห็นไดชัดเจนที่สุดในกรณีที่มีการ เปรียบเทียบกันเพียง 2 สี การใชสีมากเกินไป
- 22. สีตติยภูมิ (Tertiary Color) ส้มเหลือง, ส้มแดง, ม่วงแดง, ม่วงนํ้าเงิน, เขียวนํ้าเงิน และเขียวเหลือง
- 23. Earth Tones สาเหตุที่เรียกว่าสีในลักษณะนี้ว่า EarthTones เพราะเป็นสีที่พบเห็นได้บ่อยในธรรมชาติ เช่น - สีแดงแกมนํ้าตาลเป็นสีที่พบเห็นได้ในก้อนหิน, - สีเหลืองแกมนํ้าตาลมีอยู่ในทราย, - สีเขียวแกมนํ้าตาลพบเห็นได้ในต้นไม้และใบไม้
- 24. Earth Tones
- 25. Earth Tones
- 26. Earth Tones
- 27. Earth Tones
- 28. สีคูตรงขาม คูที่ 1 สีเขียว ตรงกันขามกับสีแดง คูที่ 2 สีน้ําเงิน ตรงกันขามกับสีสม คูที่ 3 สีเหลืองตรงกันขามกับสีมวง
- 29. ขอควรระวังในการใชสีคูตรงขาม(Common Complementary Pitfalls) การใชสีแบบคูตรงขามนั้นเปนสิ่งที่ตองระวัง เพราะการใชสีคูตรงขามอาจทําใหเกิดความเปรียบตาง ขึ้นพรอมกัน (simultaneous contrast) เมื่อจับสีทั้งสอง มาวางคูกันบอยครั้งทําใหเกิดการกระตุนอารมณและ เกิดการสั่นสะเทือนความรูสึกผูใชอยางรุนแรง ดังรูป ดานซายมือ วิธีการแกไขคือใหเบรกสีใดสีหนึ่งหรือทั้ง สองสีดวยวิธีการ “ทิน” (Tint) และ “เฉด” (Shade) โดย การเติมสีขาวและสีดําเขาไป สีตรงข้าม (Complementary colors)
- 30. สีคูตรงขาม เจ. ดับบิว. ฟอน เกอเธ (J.W. Von Goethe) ได ระบุถึงคาความสวางของสีไวดังนี้ สีเหลืองมีคาเทากับ 9 สีสมมีคาเทากับ 8 สีแดงมีคาเทากับ 6 สีมวงมีคาเทากับ 3 สีน้ําเงินมีคาเทากับ 4 สีเขียวมีคาเทากับ 6
- 31. สีคูตรงขาม สีเหลืองมีคาเทากับ 9 สีสมมีคาเทากับ 8 สีแดงมีคาเทากับ 6 สีมวงมีคาเทากับ 3 สีน้ําเงินมีคาเทากับ 4 สีเขียวมีคาเทากับ 6
- 39. สีแบบชุดสีแบบเดียวคือการใชสี เพียงสีเดียว ความหลากหลายของสี ชุดนี้เกิดจากการเพิ่มความเขมหรือ ความออนในระดับตาง ๆ ใหกับสี เริ่มตน ชุดสีแบบนี้คอนขางจะมี ความกลมกลืนเปนหนึ่งเดียวกัน แต บางครั้งอาจดูไมมีชีวิตชีวาเพราะ ขาดความหลากหลายของสี ดังรูป ประกอบดานซายมือ ชุดสีแบบสีเดียว (monochromatic)
- 42. การใชสีแบบงาย ๆ แบบเว็บไซต Superfluous Banter เชนตัวอยางจาก รูปทางดานซายมือที่ใชสีสมใน องคประกอบหลักของเว็บไซต แมวา จะใชแคสีสมเพียงสีเดียวในการ ออกแบบเว็บไซตแตการเพิ่มสีขาว และดําลงไปบนสีสมอยางถูกตองทํา ใหเหมือนกับวาเว็บเพจนี้มีการใชสี หลายสี ชุดสีแบบสีเดียว (monochromatic)
- 43. การใชสีแบบใชสีชุดเดียวนั้น บางครั้งอาจใชสีแบบ “แอคโครแม็ททิค” (achromatic) ซึ่งหมายถึงการใชสีแบบไม มีสีเลย กลาวคือใชแตสีขาวและสีดํา และ ใชวิธีการไลคาน้ําหนักสีเทา การใชสีแบบ นี้จะใหความรูสึกนาเกรงขามและสงางาม เปนอยางมาก เชนตัวอยางเว็บไซต Subtraction ในรูปดานซายมือ ชุดสีแบบสีเดียว (monochromatic)
- 47. ชุดสีที่คล้ายคลึงกัน (analogous) การใชสีแบบชุดสีที่คลายคลึงกัน คือการใช สีที่อยูขางกันในวงจรสี วิธีการที่จะสรางงาน ออกแบบโดยใชชุดสีที่คลายคลึงกันคือตอง ระลึกวาเราไมควรใชสีใหหลายสีเพราะจะทําให ผูใชสับสน โดยปกติแลวการใชสีในลักษณะนี้ มักนิยมใชสีแคสามสีเพราะหากใชสีมากเกินไป สีจะขาดความสัมพันธกัน นอกจากนั้นการใชสี มากเกิดไปจะทําใหเว็บไซตขาดความมี เอกลักษณหาก
- 48. ตัวอยางการใชชุดสีที่คลายคลึงกัน ออกแบบหนาเว็บไซต ตามที่ไดกลาวไปแลวในเรื่องของจิตวิทยา ของสีวาสีสมนั้นกระตุนใหเกิดความอยาก อาหารสีสมจึงถูกใชกับงานออกแบบที่ เกี่ยวของกับอาหารคอนขางเยอะ สีแดงแกม มวง (burgundy) และสีเลือดหมู (maroon) ก็มี ความสามารถในการกระตุนความอยากเชนกัน เว็บไซต Regine’s Patisserie ในรูปดานซายมือ จึงใชสีทั้งสามสีนี้ ชวยกระตุนความอยาก อาหารของผูดู ชุดสีที่คล้ายคลึงกัน (analogous)
- 49. เว็บไซต Blinksale ก็เปน ตัวอยางที่ดีในการใชสีแบบ คลายคลึงกันภาพทางดานซายมือ แสดงใหเห็นถึงการใชสีสามสีที่ ใกลเคียงกันในวงจรสี คือน้ํา เงิน,เขียวและเหลือง ชุดสีที่คล้ายคลึงกัน (analogous)
- 50. ตัวอยางสุดทายคือเว็บไซต Michael Angeles’ จากรูปทาง ซายมือที่ใชความกลมกลืนของสี สรางเว็บไซตโดยใชสีในโทนรอน ชุดสีที่คล้ายคลึงกัน (analogous)
- 56. สีตรงขามในที่นี้หมายถึงสีที่อยูตรงกัน ขามกันในวงลอสี เชน สีแดงกับฟา หรือ สีน้ําเงินออนกับสม ขอไดเปรียบของการ ใชสีในรูปแบบนี้คือ ความสดใสและ สะดุดตา อยางไรก็ดีการใชสีในแบบนี้ อาจทําใหผูดูใหความสนใจงายแต หลังจากนั้นแลวก็อาจละทิ้งความสนใจ ไปไดอยางรวดเร็วตัวอยางของการใชสีคู ตรงขามอยูในรูปดานซายมือ โดยการใช สีที่อยูตรงกันขามกันในวงจรสี สีตรงข้าม (Complementary colors)
- 57. ตัวอยางการใชคูสีตรงขาม ออกแบบ หนาเว็บไซต จากรูปดานซายมือเว็บไซต ของมหาวิทยาลัย University of Florida ออกแบบโดยใชสีคูตรงขาม โดยใชสีน้ํา เงินและสีสมซึ่งเปนคูสีที่นิยมมากในงาน ออกแบบเว็บไซต เพราะสีน้ําเงินทําให เกิดอารมณสงบในขณะที่สีสมแสดงถึง ความกระตือรือรนและความคิด สรางสรรค สีตรงข้าม (Complementary colors)
- 58. เว็บไซต์ Faith Inkubators จากรูปด้านซ้ายมือใช้คู่สีตรงข้ามคือสีม่วงและสีเหลืองโดยให้สีเหลืองที่มีความสว่างน้อยเป็นพื้น หลังและเน้นจุดที่ต้องการให้เด่นโดยใช้สีม่วงสร้างเอกลักษณ์ให้กับเว็บไซต์ได้อย่างลงตัว สีตรงข้าม (Complementary colors)
- 59. เว็บไซต์ส่วนตัวของ Rob Goodlatte จากรูปด้านซ้ายมือซึ่งผู้ออกแบบเป็นนักศึกษาออกแบบที่มหาวิทยาลัย a Duke University ใช้การผสมผสานระหว่างการใช้สีแบบคล้ายคลึงกัน (ใช้สีแดงเป็นส่วนใหญ่ของเว็บไซต์) กับการใช้สีคู่ตรงข้าม (สีขียวที่ขาวมือด้านล่าง) สีตรงข้าม (Complementary colors)