การไล่ระดับสีเติมผลกระทบอะไรต่อดวงตา


15

มีกฎพื้นฐานหลายอย่างในการออกแบบเว็บ (และการออกแบบโดยทั่วไป) เกี่ยวกับการใช้สีรูปร่างคุณภาพของบรรทัดและแบบอักษร กฎเหล่านี้มักจะมีพื้นฐานในวิธีที่สมองรับรู้สิ่งเหล่านี้ในความสัมพันธ์ซึ่งกันและกัน

ทุกคนสามารถชี้ให้ฉันเป็นแหล่งข้อมูลที่ดีที่อธิบายวิธีใช้การไล่ระดับสีเติม (เชิงเส้นและรัศมี) ความแตกต่างของแบบอักษรที่ซ้อนทับส่งผลกระทบต่อการรับรู้สีการครอบงำ ฯลฯ อย่างไร

ทรัพยากรไม่จำเป็นต้องมีการกำหนดเป้าหมายที่การออกแบบเว็บเนื่องจากอาจนำไปใช้กับการออกแบบกราฟิกบนหน้าจอใด ๆ หากไม่ได้ออกแบบการพิมพ์เช่นกัน

คำตอบ:


11

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

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

นี่คือลิงค์ไปยังเว็บไซต์ที่มีภาพของการไล่ระดับสีที่ดี ในขณะที่ฉันไม่ชอบการออกแบบเว็บไซต์เองมันแสดงให้เห็นถึงการใช้งานที่ดี - http://creativecurio.com/2009/06/taking-design-from-good-to-great-with-gradients/


6

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

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

มันเป็นวิธีการทำสีไม่ใช่สิ่งที่ต้องพึ่งพาอย่างหนักเกินไป ใช้ดีที่สุดของการไล่ระดับสีที่ลึกซึ้งฉันคิดว่าจะเป็นแอปเปิ้ลโดยเปลี่ยนจาก #ffffff (สีขาว) เป็น # e0e0e0 (สีเทาอ่อนมาก)

http://apple.com

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.