网页设计三剑客PSFLDW案例教程全套配套课件教学资源1.3 网页的色彩搭配.pptx

《网页设计三剑客PSFLDW案例教程全套配套课件教学资源1.3 网页的色彩搭配.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、PhotoshopCC2015FlashCC2015DreamweaverCC2015中文版案例教程PhotoshopCC2015/FlashCC2015/DreamweaverCC2015ZhongwenbanAnliJiaochengPhotoshop篇第一章网页应用基础及色彩知识网页的配色基础网页配色的注意事项1.3.11.3.21.3.3网页色彩搭配的方案1.3网页的色彩搭配1.3.1网页的配色基础一个网页不可能只用一种颜色，也不能将所有颜色运用在网页中，网页中必须要有一两个主色，但尽

2、量不要超过4种颜色，在搭配颜色之前，需要了解一些网页配色的基础知识。色彩的搭配色彩与人的心理感觉和情绪有很大关系，利用这一点可以在设计网页时形成自己独特的色彩效果，就能制作出使人心旷神怡的网页画面，给浏览者留下深刻的印象，如图1-13所示为常见的色彩和色彩搭配。色彩模式色彩模式分为RGB色彩模式、CMYK色彩模式、灰度模式、索引色彩模式、双色调模式及位图模式，用户根据不同需要使用不同的色彩模式。图1一13色彩搭配在网页设计中相当的重要，需要取用一些个人的感觉、经验和风格，也需要注重一些技巧，以下是一

3、些常用的配色方案。同种色彩搭配使用单色时，通过调整色彩的透明度和饱和度，可使页面看起来色彩统一，具有层次感，如图1-14所示。图1一141.3.2网页色彩搭配的方案邻近色彩搭配所谓邻近色，就是色带上相邻的颜色，例如红色和黄色、绿色和蓝色就是邻近色，它可以使页面达到和谐统一的效果，如图1-15所示。图1一15暖色色彩搭配暖色色彩搭配一般使用红色、橙色、黄色以及褐色等搭配，这种方案可给网页营造出稳定、热情的氛围，如图1-16所示。图1一16冷色色彩搭配冷色色彩搭配是使用绿色、紫色及蓝色等色彩搭配，这种方

4、案可为网页营造出宁静、高雅及清凉的感觉，如图1-17所示。图1一17色彩为第一视觉语言，具有影响人的心理，唤醒人们感情的作用。网页色彩也是树立网站形象的关键之一，所以网页配色时需特别注意以下事项。色彩的鲜明性网页色彩要鲜明，这样就很容易引人注目，用与众不同的色彩，才会给用户留下较为深刻的印象，如图1-18所示。图1一181.3.3网页配色的注意事项色彩的独特性一个网站的用色必须要有自己独特的分割，与众不同的色彩，使用户对网页的印象深刻，如图1-19所示。图1一19色彩的合理性色彩要根据网页主题来设计

5、，不同的主题应搭配不同的色彩，不仅如此，色彩还得和设计者表达的内容气氛相适合，如图1-20所示。图1一20色彩的艺术性网页设计其实也是一种艺术活动，所以它的色彩搭配当然需要遵循一定的艺术规律，如图1-21所示。图1一21