![网页设计与网站建设完全实战手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/459/27110459/b_27110459.jpg)
上QQ阅读APP看书,第一时间看更新
文前彩图
3.1 色彩基础知识 3.2 色彩的三要素 3.3 色彩与心理
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00001.jpg?sign=1739280479-zxGTbTTOuelSFyZhidxsNN7Mm0Mr6jg3-0-e4abc4b4056d77c829d4a44dea9dbc75)
图3-1 阳光被分解后的7种主要颜色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00002.jpg?sign=1739280479-ohe83rq9gNr3OY6nn3izWdCuUYAb2V1Z-0-83acc1f069535afc0c572e4a5f293fef)
图3-2 相近色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00003.jpg?sign=1739280479-8AdQ05j2xD8jbtUi7GNYBuZod5XTiWmw-0-768f07d8cba42a4f69c18593db797d6b)
图3-3 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00004.jpg?sign=1739280479-pWUgGwQ5yYzgcOgrgPvTy5J428kdnOVe-0-5800416cdf9569f2c775d5ccc2573208)
图3-4 暖色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00005.jpg?sign=1739280479-zVXq1VIulFLiEpBC9dlFPNwAgVvcNY1x-0-2d358e9e3b872fbd981de9a4a2e3d6c2)
图3-5 冷色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00006.jpg?sign=1739280479-GrXkfs1gPmrEZ7eH5zsCoJjeE2DWIB9g-0-c37a55c92edab1e8360687655ea96f06)
图3-8 色彩的明度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00007.jpg?sign=1739280479-tEha8SXLuGGCDfuRQ6m5YLBT0mGHjtlu-0-e7a1e1969aed982a07023150c075c8cd)
图3-7 十二基本色相
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00008.jpg?sign=1739280479-li9W6UNCsXHcy9DblBX8uHniBo3jyuMl-0-5b64575fa35cfee21e18680ff68dabbb)
图3-9 同一色彩的明暗变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00009.jpg?sign=1739280479-2EMXDdxD3TZdbAM7ELxsiDDwaEtX6CwO-0-74fdbc24a39cec1ebeead8111590055a)
图3-10 色彩的纯度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00010.jpg?sign=1739280479-36BJUI8AazCsVd7POMmQMIQ3Gle29gEu-0-eb5a780e60a98bea263dbfbedc027133)
图3-11 以红色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00011.jpg?sign=1739280479-b7RyWm1MiVCWxUIgfTrpGavVbD21Lac0-0-0c5a9dac4c9f0f3209ed8786c6298fcb)
图3-12 以黄色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00012.jpg?sign=1739280479-RLdY1pbdNUDMOnZBVuog4bWlO2tt1XQ6-0-907cda06bd27b7b8cb37a4a8a29a2e80)
图3-13 以蓝色为主的网页
3.1 色彩基础知识 3.3 色彩与心理
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00013.jpg?sign=1739280479-0j4GBuIrrxqdoJZPJutMdMBnD8UM2Yff-0-dfc82f447f5e2ed84e92ce4a267896aa)
图3-6 网页安全色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00014.jpg?sign=1739280479-vUaqaB0BUavPuak7svoJIEKfJoUFHrAc-0-2aa0c2cd5252196d35442f1392672b90)
图3-14 以绿色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00015.jpg?sign=1739280479-9sUBM0BGN8QLrovGPSyMNqRKmuUBE0NA-0-e9f1a757f74aae1ce785254ef65856ab)
图3-15 以紫色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00016.jpg?sign=1739280479-qU7PiRYmJuSZbPq8u4vd3DInVkThL3VU-0-1e85a7ee261b67b11a876b6cc77877b1)
图3-16 以橙色为主的网页
3.3 色彩与心理 3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00017.jpg?sign=1739280479-t7U27SnJOxsELaRtQe3u2bRjWDZqNhor-0-dbd2331a16702db5c4c2dd50a976775b)
图3-17 以黑色与灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00018.jpg?sign=1739280479-LDYF0QTxqC9QMa87RB88ESKkIDrhrQ1i-0-550ffae11a6c37d97c8b92c3e7ec97c2)
图3-18 以灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00019.jpg?sign=1739280479-nrLVb6SlWiQ8LwiUviTIzpvjmlsQOkTZ-0-7d864a1e879fd11cd9acf6fa335b6fbb)
图3-19 色彩的鲜明性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00020.jpg?sign=1739280479-9fza28jDbVwjz4plLFHRwsiSE9UKCkBh-0-7de6033702293e7ae46306cc2e5eaab1)
图3-20 色彩的独特性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00021.jpg?sign=1739280479-rKxqPzM0HnZQRtuTRuYo7W9URcu2QMl9-0-e564162b723c6c600578168974eb13a4)
图3-21 色彩的适合性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00022.jpg?sign=1739280479-nKnWNRlAeKP305eWKp65QVihSsgQ7W0z-0-195c475cd48e2fd7a0d8e4c41ffe1004)
图3-22 使用同一种色彩搭配的网页示例
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00023.jpg?sign=1739280479-0RCnukUp9yxwfhsuAV1PJO9Q7BHUSpha-0-9ac7ae33b501f435e5bef499e15ff0f2)
图3-23 色环
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00024.jpg?sign=1739280479-4AStDyzVuvvMJpoWaIDdwvkj4GETJRyO-0-b44ef8ae28fd7322032fdf7906c2e658)
图3-24 原色对比搭配
3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00025.jpg?sign=1739280479-ytbjp4eOtOiOUZuBQ5SaYZLIVQDbJC70-0-d510351136e0e9d59103d267ae8b7c75)
图3-25 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00026.jpg?sign=1739280479-ouRe5rMMzP4LJO9dyWfNb10E3RFkvrIg-0-71db2faa5a44b05940e9535495cce18d)
图3-26 补色对比应用
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00027.jpg?sign=1739280479-mD5q4jSOe89rDgsXIOw9anPWFcngdiCD-0-5bfc06411125c3fbdb222a17461d860e)
图3-27 间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00028.jpg?sign=1739280479-CYcQemmQvSKaRIW7rrzuTYBLzfmQiQsd-0-fe15c4dcb8e8a55cb1f1812bba4bc54e)
图3-28 绿与橙间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00029.jpg?sign=1739280479-px9oitDPimQY1DHxqLuG6p6UOKXAVGOB-0-0a08627b2030b6b9e189d9678eb31700)
图3-29 色彩的面积对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00030.jpg?sign=1739280479-A984Mdt0hHuC5bAQdW5SUzuDs2r5xZvD-0-98f81fc4796309aeff2902663d6f0458)
图3-30 色彩的数量不超过3种
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00031.jpg?sign=1739280479-KRaCr7G629c0iDZ9xaVgCZV8PJ2em8kc-0-28f94b87d9c57bbbc7986b2123605054)
图3-31 ColorJack配色工具
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00032.jpg?sign=1739280479-YJR9nbB5hTTL8WSpj03bxKkdupveMxeH-0-9d0822f68061e6353b1440ffd2e65a29)
图3-32 辅助色