【免费】网页制作《终极配色手册》资源-CSDN下载

共2个文件

chm：1个

html：1个

需积分: 0 54 浏览量 2008-10-28 17:45:56 上传评论收藏 387KB RAR 举报

网页制作中的配色是至关重要的一个环节，它不仅关乎到网站的整体视觉效果，还直接影响到用户的浏览体验。《终极配色手册》就是针对这一主题提供的一份专业资源，旨在帮助网页设计师们掌握色彩搭配的技巧，提升网页设计的美学水平。配色在网页设计中的作用不可小觑。恰当的色彩搭配可以增强网站的识别度，营造特定的氛围，引导用户视线，甚至影响用户的情绪反应。例如，红色通常与激情、活力相关联，适合用于促销或紧急信息的传达；蓝色则常给人一种平静、专业的印象，适用于企业或金融类网站。而黄色和绿色分别代表活力和自然，常见于教育或环保类站点。《终极配色手册》包含的CHM文件是一种Windows帮助文档格式，里面很可能包含了丰富的色彩理论知识，如颜色的三原色理论（红、绿、蓝），色彩的三属性（色相、饱和度、明度），以及色彩的调和原则（对比、类似、分裂互补等）。此外，手册可能还会讲解如何运用色彩心理学来创建有效的设计，以及如何在网页设计中应用色彩搭配技巧，比如色彩的层次感构建，色彩对按钮、链接等元素的突出作用。 CHM文件中可能还包含了一些实用工具和技巧，比如色彩搭配工具的介绍，它们可以帮助设计师快速生成协调的色彩方案。此外，可能会有色彩代码（RGB、CMYK、HEX）的相关知识，这对于网页设计中的颜色精准控制至关重要。附带的“说明.html”文件很可能是手册的使用指南或者目录，会详细介绍如何查找和利用手册中的内容，可能还会包含一些案例分析，展示实际的网页配色应用，让读者更直观地理解理论知识。《终极配色手册》是一份全面的参考资料，涵盖了色彩理论、网页设计实践、色彩搭配策略等多个方面。对于初学者，它可以作为入门指导，帮助理解配色的基础知识；对于经验丰富的设计师，它可能提供新的灵感和方法，提升设计作品的质量。通过深入学习和实践手册中的内容，网页设计师们可以更好地掌握色彩语言，创造出更具吸引力和影响力的网页作品。

资源详情

资源评论

资源推荐

收起资源包目录

.rar （2个子文件）

终极配色手册.chm 389KB

说明.html 13KB

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="refresh" content="15; url=http://www.codedn.com"> <title>源码开发网下载文件说明</title> </head> <style> .home01 {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .home02 {TEXT-DECORATION: none} .link01 {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 21px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .link02 {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 21px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .link03 {FONT-SIZE: 14px; COLOR: #444444; LINE-HEIGHT: 21px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .link04 {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 21px; FONT-FAMILY: "宋体"; TEXT-DECORATION: underline} .tit01 {FONT-SIZE: 16px; COLOR: #444444; LINE-HEIGHT: 22px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .tit02 {FONT-SIZE: 12px; COLOR: #777777; LINE-HEIGHT: 18px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .content {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 24px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .shuming {FONT-SIZE: 12px; COLOR: #ef0000; LINE-HEIGHT: 22px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .mainblack {FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .mainblack a {FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .mainblack a:hover {FONT-SIZE: 12px; COLOR: #0063C6; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .mainblackbold {FONT-SIZE: 12px;COLOR: #333333;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainblackbold a {FONT-SIZE: 12px;COLOR: #333333;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainblackbold a:hover {FONT-SIZE: 12px;COLOR: #0063C6;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainbrownbold {FONT-SIZE: 12px;COLOR: #C37802;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainbrownbold a {FONT-SIZE: 12px;COLOR: #C37802;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainbrownbold a:hover{FONT-SIZE: 12px;COLOR: #C37802;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .maingreybold {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none;font-weight: bold;} .maingrey {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .maingrey a {FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: none} .maingrey a:hover{FONT-SIZE: 12px; COLOR: #444444; LINE-HEIGHT: 20px; FONT-FAMILY: "宋体"; TEXT-DECORATION: underline} .mainbluebold {FONT-SIZE: 12px;COLOR: #555555;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainbluebold a {FONT-SIZE: 12px;COLOR: #555555;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainbluebold a:hover{FONT-SIZE: 12px;COLOR: #555555;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainblue {FONT-SIZE: 12px;COLOR: #ef0000;FONT-FAMILY: "宋体";TEXT-DECORATION: none;} .mainblue a {FONT-SIZE: 12px;COLOR: #ef0000;FONT-FAMILY: "宋体";TEXT-DECORATION: none;} .mainblue a:hover{FONT-SIZE: 12px;COLOR: #ef0000;FONT-FAMILY: "宋体";TEXT-DECORATION: underline;} .mainwhitebold {FONT-SIZE: 12px;COLOR: #ffffff;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainred {FONT-SIZE: 12px;COLOR: #EF0000;FONT-FAMILY: "宋体";TEXT-DECORATION: none;} .mainboldindustry {FONT-SIZE: 12px;COLOR: #0063C6;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainrosebold {FONT-SIZE: 12px;COLOR: #BA008C;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .mainsmaltbold {FONT-SIZE: 12px;COLOR: #3B7DB1;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .maingreenbold {FONT-SIZE: 12px;COLOR: #6A7E00;FONT-FAMILY: "宋体";TEXT-DECORATION: none;font-weight: bold;} .textinput { border: 1px solid #a7a7a7; font-size: 13px; color: #666666; background-color: #FFFFFF; } .cop {FONT-SIZE: 9px; COLOR: #444444; LINE-HEIGHT: 20px; FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"; TEXT-DECORATION: none} BODY { font-family: Verdana,Arial,宋体,Sans-serif; FONT-SIZE: 9pt; scrollbar-face-color: #C0C0C0; scrollbar-highlight-color: #E7E7E7; scrollbar-shadow-color: #EAEAEA; scrollbar-3dlight-color: #808080; scrollbar-arrow-color: #FFFFFF; SCROLLBAR-TRACK-COLOR: #e6e6e6; scrollbar-darkshadow-color: #808080; color: #464646; } A:hover {COLOR:FF6A00; TEXT-DECORATION: underline} A.visited { text-decoration: none; COLOR:FF6A00; } TD,P { font-family: Verdana,Arial,宋体,Sans-serif; color: #464646; font-size: 9pt;table-layout:fixed } DIV,form,OPTION,BR { font-family: Verdana,Arial,宋体,Sans-serif; FONT-SIZE: 9pt; color: #464646;margin: 0; } textarea, select { border-width: 1; border-color: #888888; background-color: #FFFFFF; font-family: 宋体,Verdana,Arial,Sans-serif; font-size: 9pt; font-style: normal; color: #464646; } INPUT { BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc; color: #464646; font-family: 宋体,Verdana,Arial,Sans-serif; } .aq { font-size: 9pt; line-height: 150%; color: #464646; filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1); } .text { font-size: 9pt; color: #464646; } .input1 { font-size: 9pt; height: 18px; border: 1px #888888 solid; background-color: #FFFFFF; color: #464646; font-family: Verdana,Arial,宋体,Sans-serif; } .input2 { font-size: 9pt; height: 18px; border: 1px #888888 solid; background-color: #FFFFFF; font-family: Verdana,Arial,宋体,Sans-serif; color: #464646; } .input3 { font-family: Verdana,Arial,宋体,Sans-serif; font-size: 9pt; height: 100px; border: 1px #888888 solid; background-color: #FFFFFF; } A.aa:link { color: #FFFFFF; text-decoration: none; } A.aa:visited { color: #FFFFFF; text-decoration: none; } A.aa:hover { color: #FFD542; text-decoration: underline; } A.aa:active { color: #FFD542; text-decoration: underline; } A.ba:link { color: #C0C0C0; text-decoration: none; } A.ba:visited { text-decoration: none; color: #C0C0C0; } A.ba:hover { color: #820000; text-decoration: underline; } A.ba:active { color: #820000; text-decoration: underline; } A.ca:link { color: #436D98; text-decoration: none; font-family: Verdana,Arial,宋体,Sans-serif; font-size: 9pt; font-weight: bold; } A.ca:visited { color: #9CB8D3; text-decoration: none; font-family: Verdana,Arial,宋体,Sans-serif; font-size: 9pt; font-weight: bold; } A.ca:hover { color: #9CB8D3; text-decoration: underline; font-size: 9pt; font-family: Verdana,Arial,宋体,Sans-serif; } A.ca:active { color: #9CB8D3; text-decoration: underline; font-size: 9pt; font-family: Verdana,Arial,宋体,Sans-serif; } A.da:link { text-decoration: none; color: #FFFFFF; } A.da:visited { color: #FFFFFF; text-decoration: none; } A.da:hover { text-decoration: none; color: #FFFFFF; } A.da:active { text-decoration: none; color: #FFFFFF; } .koto { font-family: Arial,宋体,Sans-serif; font-size: 5pt; color: #800000; } A.koto:link { text-decoration: none; color: #800000; } A.koto:visited { text-decoration: none; color: #800000; } A.koto:hover { color: #800000; text-decoration: none; } A.koto:active { color: #800000; text-decoration: none; } div { overflow: hidden; } ul { margin: 0; padding: 0; } ol { margin: 0; padding: 0 0 0 10px; } li { margin: 0 0 0 15px; padding: 1px 0 2px 0; } dl, dd { clear: both; margin: 0; padding: 0; } dt { background-position: top left; background-repeat: no-repeat; } p { margin: 0; } u { text-decoration: none; } .TextBox { border: 1px solid #333; background-color: #FFFFF0; font-family: Tahoma, sans-serif; font-size: