- Photoshop网页美工设计
- 刘心美
- 361字
- 2021-03-26 22:28:08
插图
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/2_01.jpg?sign=1734465693-Nl58KXmgbNkPCUJ3T4Ue2gohvd4ar66B-0-816f1962affc7b9e78ce7cfee68494b0)
图3-1 彩虹色
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/2_02.jpg?sign=1734465693-NnEQKYELv5OGFZrGyPxKo9FUltwCOrSr-0-fc316f1046dcaad3df7328591701f80f)
图3-2 从左到右饱和度依次降低
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/2_03.jpg?sign=1734465693-YIsFuM3WzgZ088qww0C3Gn1VzwPIxhjH-0-b57e7682bbdecb83bcab3f4fd54aa2d1)
图3-3 从左到右明度依次降低
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/2_04.jpg?sign=1734465693-iVJjOStlAYnQPaWA26y1V1Yoft6pm2qi-0-37d813c75d293b5197b04731e54df1ec)
图3-4 色环
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/2_05.jpg?sign=1734465693-sSCHvyNKQuFBzafX6beKwEGmls4O5ARf-0-63115214de048617cfca4eab0a9eaaff)
图3-5 单色搭配
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/3_01.jpg?sign=1734465693-4OoZ6EYZhqwo5bZ68d7m47snyRNNmCHB-0-677ac3c1eb0062cbf0b930ea0431f5d3)
图3-6 近似色搭配
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/3_02.jpg?sign=1734465693-NAnF5ggGBpt7HbYOYmLPmIKyU4EYAUjz-0-d0247389293d247b1130262e6490c928)
图3-7 对比色搭配
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/3_03.jpg?sign=1734465693-lJo8ajqN548O94BJwEABqCzSh49wGBme-0-7d5e1da8adc0c26599d2d816b0743cb4)
图3-8 分裂补色搭配
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/3_04.jpg?sign=1734465693-foDujFj7gRHHT1v1HmphvKpkJHINaP2G-0-3678912522fcc36f046326c0c5df17aa)
图3-9 冷暖色互补平衡
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/4_01.jpg?sign=1734465693-vsnCZV1e3vrj4KCnl9I7h05zI7QzQRme-0-15a4aba5aae0a4e079b8541dda21fb99)
图3-10 都采用暖色
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/4_02.jpg?sign=1734465693-6FBkrBq86FccmWtpiIoHl1vrVC6Lg0O6-0-e367d6af791c69f03fcc99d8fb79050d)
图3-11 暖色与冷色互补平衡
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/4_03.jpg?sign=1734465693-vPbIN4Ioj3fdZn7XCLWqAwqqonoIsWIq-0-893b120004ec739c62c0d0ec43940068)
图3-12 黑白灰平衡
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/4_04.jpg?sign=1734465693-jbx251mXWqOH5h1zjfmARSp6BbiUIZPS-0-9807ae524e65a78e4f548aa13646fb3e)
图3-13 图片及其直方图
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_01.jpg?sign=1734465693-iCjx8mCQJ8iWKuFUYon5Yq9m74Wu9wk1-0-dc89c41493950890a31cab9d42abae89)
图3-14 暗部色彩集中
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_02.jpg?sign=1734465693-EMpvmc66HlqpJRE2Ja90yTIehOxyLLzz-0-3615ce9bd3afdb0b68e69c037ba27208)
图3-15 中间调色彩集中
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_03.jpg?sign=1734465693-cqzX6WlXdxxR9xSr5ffydNgbO9WogsnY-0-07bcebfbc0fa149b1935546a8bc5a580)
图3-16 明部色彩集中
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_04.jpg?sign=1734465693-ztqKPMjJfQm76B5ullTr3o1jkS4b8e3y-0-ba2aff0b95607ec301008a618ace6692)
图3-18 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_05.jpg?sign=1734465693-OFDNlSgDYJU9IBss7yIpvpngwDrss9m7-0-d003aa751763b008a7c80449b2ec0258)
图3-19 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_06.jpg?sign=1734465693-RNpbinfrAHYF5Dl1k8zMhdVExDpZ2RC3-0-44c0322c5f96a0b1239ba78e06b68e12)
图3-21 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_07.jpg?sign=1734465693-c0VcUtwwm65CoYK2q8H9VIhN6Zfh4M4h-0-fe6e749cc5f252a31b1b7401754c5c91)
图3-22 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_08.jpg?sign=1734465693-K6rF6uUbb2sigWBIT4adI55e5zgBNshk-0-567c2647cd76e74a268ecd847d6174b3)
图3-26 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/5_09.jpg?sign=1734465693-tufcwezowy0AvrZVJY2GO10lpORBD7rI-0-85192b05f29386632fb0557c5eb266a1)
图3-27 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_01.jpg?sign=1734465693-UiyLpsG5oSGi3FKfkTWaOfdavstpSZvM-0-2253c74312c10df918d7a6d62fcfe548)
图3-29 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_02.jpg?sign=1734465693-Uedb9ed7PCvfnykfDn4M7iEvYVG3tFGS-0-ddd4fd23a3aaa90c436a05f100caeac3)
图3-30 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_03.jpg?sign=1734465693-M6XGPJeVA4UIIdonEsmlokoc68NVpDbT-0-d630b75c5a2747cb3ac89a8dd6a91c0a)
图3-32 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_04.jpg?sign=1734465693-kW3lz6u0TgxEKzl4DbyyO12d0KXN9Fw9-0-ef61d00dae1f9d6a7f4e74799344077b)
图3-33 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_05.jpg?sign=1734465693-noZhwXE6H7cicbcqiCVL1EMOtXSrC4e2-0-244ea49bcf8397eb970153f182fa6767)
图3-35 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_06.jpg?sign=1734465693-2g51exqwiAvzMgvmMflbl94eHUPDYfXc-0-cc584685f4a6ad597611ac21e2ba503a)
图3-36 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_07.jpg?sign=1734465693-BKRmgRHUSGr17aObeEM3BgpBJyo5g8gh-0-e3136ee3b54e36317cac39294c34c487)
图3-38 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/6_08.jpg?sign=1734465693-2ZQ2Bn5MW09iMNdp7dxl7YIgUGEySzgk-0-c11f7c41f58da2c54ca5815da9c853df)
图3-39 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_01.jpg?sign=1734465693-ZWAiUq3FMoUQQEzzmzm0czzWistNw03x-0-f5b9d9458da8bbc5b719316dec8280fb)
图3-41 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_02.jpg?sign=1734465693-APD3i16Bt8cFkf8zqMGG2BcHCWj9E98n-0-8b08540221896cf3461e96071f455f90)
图3-42 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_03.jpg?sign=1734465693-2XbjvjJ6scDJLDKP464zexSvmNog9az5-0-f4a811413bbfc0a373a76cafe5a51975)
图3-44 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_04.jpg?sign=1734465693-lLYDrNLUxoPPYi2pNTsr2Zm6VdIoG3DF-0-1a402f07029f5314f3a047d9190c95fb)
图3-45 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_05.jpg?sign=1734465693-ehEcFAvQSJ86dyhwGwQHwWsD8NUPdwSJ-0-de12e0854363b3f2315640bf6d2ca35b)
图3-47 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_06.jpg?sign=1734465693-bZwsF7juP7RUCf0QNoRl1e6O96SUyh8h-0-93c07b138fe8dbde989ec4e13e0cb58f)
图3-48 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_07.jpg?sign=1734465693-MW1ziDUHTaA3e14D6G73o6hLUWnlaYVa-0-eb47eb0475c4ccf84ce41132b3cc9f02)
图3-49 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/7_08.jpg?sign=1734465693-oqBbgajutVmaiTXScPNqGrIZkB0wkZRH-0-729c10f4708d3dbe5ec386a49e1a7690)
图3-50 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_01.jpg?sign=1734465693-uQwNkTlXJIsJgGJXa2iP64s2XNOyz2nK-0-69bf0668cec3a927be48738a328dba46)
图3-52 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_02.jpg?sign=1734465693-onjg4LvNnc4TQENmn6bCW10mbT2oqH3D-0-072820ba3cabc07467fdab9f661d9b62)
图3-53 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_03.jpg?sign=1734465693-1rmZnOMei45RII2r9fQpnktYtjdw27bm-0-4d565098b49fbea5fba536e72eb8293b)
图3-57 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_04.jpg?sign=1734465693-PNIYLY87JqxZMEpDyjQof50RLuiV6yRk-0-02edf72e1464bc0b946f78feef3328ea)
图3-58 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_05.jpg?sign=1734465693-Kr6X1AY7Q3YF5wpmPXVNC0v6hcty6mWF-0-3b915b57b98ef3f2f7818d3f2302763b)
图3-59 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_06.jpg?sign=1734465693-fglrkkCTqBcyFfnPQLnW3Qp57Safw9FH-0-c7c9497c832367f1760a3995f0e92dc9)
图3-60 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_07.jpg?sign=1734465693-By1mTHFRl2Ab4GsjvI03APs3uKqOD2Tx-0-fe6b982c9d2d3664bd20a07d4a94eb79)
图3-61 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/8_08.jpg?sign=1734465693-PRHm8h7XKkSJ8DlT6AdeemViMtdaPfMI-0-8dcc6e2fb21c453286666ed102aa20aa)
图3-62 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_01.jpg?sign=1734465693-LcPmuIzm0KbEJSb3Sgn1wwxzD9icLOM1-0-e7a4cd74e26bc15d7ba93dfce6da01ab)
图3-65 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_02.jpg?sign=1734465693-osR4RCIDAY0FbDjclh2JJ3TddWFp4Xqr-0-8242ce990e065b4b6953100158826022)
图3-66 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_03.jpg?sign=1734465693-qJAGzR68bSOpl2PBZnfcn8JqPc4IYAZq-0-c844d81942b981f8ec926ca61c714875)
图3-68 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_04.jpg?sign=1734465693-L97ywU9h4LTXexz8d4YtddllkFH3PVYX-0-0be854a8006333854eda611de296d399)
图3-69 案例素材
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_05.jpg?sign=1734465693-FG0x47Hs5uaxATGX5lw03h8spU3kbM63-0-26ad8b7e41dff01266465bee08349bb3)
图3-70 中国中车标志
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_06.jpg?sign=1734465693-P9GEBUaDsgLYjgQWehKOBH0IbcIfRfFD-0-0d02a5f0b8ab3da5f9f90244eab832bb)
图3-71 主色调
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_07.jpg?sign=1734465693-uaCg8OFOglTHToW3Xm8eBynVsiGdob2G-0-4b5524dd8b4dea3d0e958ea690c02f9a)
图3-73 案例效果
![](https://epubservercos.yuewen.com/CA522A/17977544908661506/epubprivate/OEBPS/Images/9_08.jpg?sign=1734465693-qmBxTFPgUT73XyGR43Ltm3LxiSsiq5wh-0-366982625bc3491b7fda431df473c219)
图3-74 案例素材