![网页设计与网站建设完全实战手册](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=1739030758-RlGAdmokUCZkVTGBHNRYrLBa7ZUv7yvn-0-8c5c9ef49386a4ccd6fb7f024e0395bc)
图3-1 阳光被分解后的7种主要颜色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00002.jpg?sign=1739030758-QifpLZgzeUjA54fOfRrAomXozMOHd7Mx-0-24c4141fd517d8b540bca43fa3672596)
图3-2 相近色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00003.jpg?sign=1739030758-lEi9sjauQOlEmA9MgqUoFEuZWJqVAWLi-0-ed6efc7b6f0d492a5be99e4633d829df)
图3-3 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00004.jpg?sign=1739030758-R5pLhmhbbxMjsiUDtmDhJFP1w5TRjtEy-0-b7a3c78d94702f0cfe4c5e650ee8a744)
图3-4 暖色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00005.jpg?sign=1739030758-V5bYbCLLpqf1LykWoaaLnpTIBa9ch12o-0-3183c163058bb107dbcb7882d454cc50)
图3-5 冷色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00006.jpg?sign=1739030758-etkUrB6akPXsTQQT6NHOIbvKFiYKVRIL-0-7219f3a93e47f080bff40b108872873f)
图3-8 色彩的明度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00007.jpg?sign=1739030758-PsybbrKphpuz6EKef2oy3XmFAmjh8byz-0-e34b0e00c81588ee1b72eabd7b7cb8fa)
图3-7 十二基本色相
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00008.jpg?sign=1739030758-7mhc7Uk9Ag2g9jHvk3t8XP2Vyafn6EdR-0-d9cdbd13f059090a8799bc659e19899f)
图3-9 同一色彩的明暗变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00009.jpg?sign=1739030758-D1eY5dctgz5lR7PU61ce7uAL2zInDkKg-0-6126fadc65ddd7a1ab1205a87d2257d1)
图3-10 色彩的纯度变化
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00010.jpg?sign=1739030758-VOPGPzw45ZPMOAy93FfP2XKVNKqpdZq4-0-f0afb4af5c1f35deb859c11fcb14f893)
图3-11 以红色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00011.jpg?sign=1739030758-DdC76MsV8uBR6mXcWWvmTSmhBJxNwxl1-0-ff5f408053ed6ee7dda184e72f38a4e6)
图3-12 以黄色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00012.jpg?sign=1739030758-jLHJk0hPsx18fcje5jduEFPu65GkgSJh-0-2f06f9d8431d02bbfec48977e93d586a)
图3-13 以蓝色为主的网页
3.1 色彩基础知识 3.3 色彩与心理
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00013.jpg?sign=1739030758-9kn9CpwgxCc2Ss9kIyR4cWCGFMqwCf95-0-8d90af6e885367ca6472c4594cbc0680)
图3-6 网页安全色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00014.jpg?sign=1739030758-BlzAblzLd8n2sNTvTMagr1v6mMFUmsmx-0-91e90ef7449f929ef57fed57c3636365)
图3-14 以绿色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00015.jpg?sign=1739030758-oANCqZuVDpEYprcjk2IWWmwiiNcWM9w1-0-4612a2bc5740dae42e6d5d42355448ec)
图3-15 以紫色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00016.jpg?sign=1739030758-xjMORaBazGmVVLjEkN2ure7A7hDxtvKi-0-2b1a020fa88eb06c9f9be8b912996c78)
图3-16 以橙色为主的网页
3.3 色彩与心理 3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00017.jpg?sign=1739030758-oE1noJpvw3IrSvzWKi6MSWrm3kI7gHoI-0-7dcebf9572a3f0fdd373ba50473c156f)
图3-17 以黑色与灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00018.jpg?sign=1739030758-hNqAR8yzIfPp1QFhOVlLUO32VLfylgLh-0-514293e5e45c00d5a35ac53ef2621f57)
图3-18 以灰色为主的网页
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00019.jpg?sign=1739030758-mrxwoqhN4CijNc2peJIfvqGOEAVWTftN-0-02e89d5a620bd579d358d932edc7b4d2)
图3-19 色彩的鲜明性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00020.jpg?sign=1739030758-Ggcl3oA8Wnlu5AyllRbXxt2OPA73Frmh-0-91bfb6c62454feb8494ba0254c71a603)
图3-20 色彩的独特性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00021.jpg?sign=1739030758-IEc8nKDvpRACw8YqKNJwvARu43DoMPct-0-0083dc3898d2633413f07483cf7b90c7)
图3-21 色彩的适合性
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00022.jpg?sign=1739030758-7DsMYX6Abmt1SnCYqbURMXraKXkPGhwU-0-7e0f854c9b629c316ee7ee6ebb291e4b)
图3-22 使用同一种色彩搭配的网页示例
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00023.jpg?sign=1739030758-RofHC590p7wsAvPKPVSh84uSMLYcBqYG-0-f591fc2d2e735df840b8a5d566585938)
图3-23 色环
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00024.jpg?sign=1739030758-OIOtNquqHna4FV1mHzMeRf4QPGsnjhpi-0-5964c09c99b7ec19beea13e4be3973b8)
图3-24 原色对比搭配
3.4 页面色彩搭配
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00025.jpg?sign=1739030758-kaaOn2cZ2PNHNjJppoOA84chBcdpolHQ-0-e51e0fff885b0921bd263dd51b1858ea)
图3-25 互补色
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00026.jpg?sign=1739030758-sCMpZ5EuqUyDcQOmO73VgIEjmMHbZ1aM-0-9d98f7b4a9f0c09085e7e5dfe4edb5b6)
图3-26 补色对比应用
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00027.jpg?sign=1739030758-jzsKQ82VpcHdOqOV2gAKewvzigDFQqLB-0-054caa57474d28fc1352ef20208b1bdc)
图3-27 间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00028.jpg?sign=1739030758-hnkfEGmHhoM7OT3osGkCEI6A0xFaUyTs-0-6be38611ae9f2b464fd03e27dda94f6a)
图3-28 绿与橙间色对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00029.jpg?sign=1739030758-7TUWoD5rdcbkayXQZHTZtCa9PK7tKgXj-0-c9a16f0f164f80c48d75317c6dadf87a)
图3-29 色彩的面积对比
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00030.jpg?sign=1739030758-jB6RY7kAZd5wk56ccltQjWRd6HdftcDj-0-271fe0cd02ec98fc6d8df44c97c17681)
图3-30 色彩的数量不超过3种
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00031.jpg?sign=1739030758-MsJxvUuJ20g9pnyxJEgluMKThdiRUnIF-0-77f6d99c3253871c816483585cee59f2)
图3-31 ColorJack配色工具
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00032.jpg?sign=1739030758-8lg2DT9pPiivIBtsv3PYNrc9jZ0s2Owx-0-efcca4d31bb89e174b41e0a810183f35)
图3-32 辅助色