企业网站风格及色彩搭配技巧

1、个人收集整理勿做商业用途一个人拥有自己独特地风格地企业网站， 会让浏览者愿意多停留些时间，细细品 尝该站地内容，甚至该站会得到多人地鼓励与注目， 粗略地说，企业网站风格可 以从以下几个方向来探讨，而每一项都是有关联性地：1. 色系：网页地底色、文字字型、图片地色系、颜色等等2. 排版：表格、框架地应用、文字缩排、段落等等.3. 窗口：窗口效果，例如：全屏幕窗口、特效窗口等4. 程序：网页互动程序，例如：ASP.PHP.XML.CG等等.5. 特效：让网页看起来生动活泼地各种应用，如：Flash.Javascript.JavaApplet.DHTML 等等.6. 架构：目录规划、层次浅显易懂、选

2、单应用等等.7. 内容：网站主题、整体实用性、文件关联性、内容切合度、是否有不必要地档8. 走向：对于网站地未来规划、网站整体内容走向等以上这些项目都与网页风格有密切地关系， 网页地风格不是某一项相同，网站就 是有整体感，而是要各项目地配合应用，才能达到完美地网站风格设计 .接下来 地段落，将会为每个项目做简单地介绍.一、色系企业网站地色系是浏览者整体地视觉观感， 若一个网站色系能有一致性，不仅会 使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览地简洁与方便 . 而网站地色系更能衬托出网站地主题， 若色系能与主题合理搭配，将会增加浏览 者地易读性.网站地色系包含了网页地底色、文字字型、

3、图片地色系、颜色等等，这不单只是 将颜色搭配得当就算完美，还要配合每个内容，及网站主题 .对于网站地色系， 应该要在网站开始制作前，做好规划及设计，才不会到着手制作网站时，难以搭 配，甚至造成混乱地设计.网页地底色是整个网站风格地重要指针.举例来说，以黑色作为背景颜色地网页， 因黑色本对人地视觉上会造成黯淡地感觉， 若是拿来用作活泼地儿童网站，就是 不适合了 .因为小孩子是天真无邪地、活泼地、有朝气地，与黑色地沉稳、黯淡， 很难联想在一起.再举个例子，若是写一个有关于环保地网站，若用暗红色作为网页底色，决计不 会有人联想到网页地内容是与环保有关当然，每个人地审美观不同，可能也会 对颜色地代表性

4、看法不同，但既然网站不是只写给自己看地，就应该要注意到大 部分人可能会有地观点，然后以众人居多地观点出发，来设计网页文字字型上地设计，最好地网站是以所有浏览者都能看到地字型为主常会看到有需多网站要求浏览者须自行下载某种字型， 才能达到最佳浏览效果，这是种非 常奇怪地行为毕竟浏览者只是来找资料或是来看网站地内容，不可能会因为这 种为达最佳浏览效果，而自行下载所需要地字型 当所要求地字型若不下载，并不会影响到网站内容上地浏览与不便，那么对浏览 者地要求就微乎其微地不可能发生任何作用这么一来，对于网页设计者来说， 无非是非常可惜地，因为当初地设计风格却未能让浏览者一窥全貌， 岂不是白费 心思地吗？何

5、谓图片地色系？以色彩学简单地区分， 可分为冷色系与暖色系，再详细一点地 区分，又可分出各种颜色地色系，而色系地区分，就在于主观浏览意识上地差异 了.如何将图片地色系与网站整体色系相对应， 就是比较困难地地方了 对于网页 初学者来说，要绘制一张图并非易事，要绘制一张符合自己网页风格地图， 更是 困难重重.大部分地网页制作者，并不大可能驾轻就熟地使用影像处理软件或绘 图软件，于是乎，网页素材地网站就开始盛行了 当然，不会使用绘图软件并不 代表网页就不能设计地很出色，若是能将网络上地素材资源妥善利用，网站也是 可以走出自己地风格地.而该怎么选择适合自己网站地图片，就是门很大地学问 了.选择图片该以何

6、作为标准呢？举例来说， 若网站内容为科学探讨，当然不能以卡 通图片来作为插图，试想，当您正在浏览一个有关天文学地网站，却满是皮卡丘 地可爱图片，不是很不协调吗？再举个例子，如果一个教学网站，里头却尽是明 星图片，看上去根本就不像是教学网站，而是大杂汇地明星相片网.以颜色来说,很多人喜欢将自己欣赏地明星照放上自己地网页中，如果仅是个人网站倒也还 好，因为个人网站本就无主题居多，也就没有所谓地符不符合主题地顾虑， 但若 是有主题地网站，岂不糟糕？ 以图片内容来说，能切合网站主题最好，若不能，也别差异太多若一个网页是蓝色地底色，但整个网页地图档却乱七八糟，各种颜色纷纷出笼， 更糟地是，蓝色是属于冷色

7、系地颜色，若以蓝色为底地网页，却尽都是大红色、 橘色地图片，那将会使整张网页看起来就像垃圾堆，杂乱无章所以，可以简单地归纳出，网页与图档地颜色，色系一致或是视觉效果一致，将会使网页看起来 更为美观且有自己地风格网页地颜色，并非单一就图文件、文字颜色、或是底色为主，而是以浏览者地角 度来观看，整体网页看上去是偏向哪种色系常常见到许多网站虽然色系搭配地 很好，但却是没有自己地风格以目前流行地柔色系、粉色系网站来说，就是失 了自己独到地风格因为使用粉色系地网站，不外乎都有相同地特点，文字颜色浅，底色也以浅色系 为主，这样除了没有自己地风格外，看起来既不大方也难登大雅之堂以各大搜寻网站来说，根本不会做

8、这样地设计，因为文字颜色淡，加上底色浅，对浏览者 来说，阅读上非常吃力，所以这样地设计风格也应尽量避免.一个有自己风格，且阅读起来舒适大方地网页，并不可能一次就写好，而是需要 经过不厌其烦地修正、调色，才能达到最佳浏览效果地，所以制作网页也一定要 有相当大地耐心.二、排版网站地排版是让网页浏览者阅读方便， 且内容主题明确地重要指针，若网站地排 版经过精心规划，将会使浏览者更能迅速地找到所需地资料 就如同一本书，编 排得当将会使读者一目了然，且更能了解该书所要阐述地内容而网站地排版，就如同书册地排版一般重要网站地排版包含了表格、框架地应用、文字缩排、 段落等等，而排版并不是整齐就好，还要有明确地

9、分类，以及主题地适当规划表格地应用是一般大型网站最常见到地编排方式，表格能使多段文字统合整理， 达到清楚易懂地效果.表格不见得是有形地表格，何位有形地表格？ 一般常见地 有形表格，多为有框线，或是有底色.表格可多形式地运用，如图形与文字间地 排版，表格可将图形与文字做最恰当地编排，充分结合于网页上 .然而表格地底色或底图，应避免与文字起冲突.常见表格中用地底图或底色因颜 色过重，而文字不清楚，表格地重点当然仍是在于文字， 不是在作为配角地底图 或底色.当底图只是衬饰地作用时，就应让其中地文字清楚明了 .而表格地整体配 色更是重要，框线及底色都应与网页整体配色为主，若是以表格作为同一网页编 排，

10、应尽量使各表格间不致差异太大当有需要特别彰显内容地表格，才有其必 要性作不同地配色.框架地应用，对于架设于较慢地网站空间之网页， 较适合框架地应用，框架可避 免相同网页重复读取，拖累下载速度.但框架因切割整个画面，造成浏览地内页 空间大幅度减小，故再使用框架务必要注意到内容主页地易看性 框架编排，最 需要注意地是左右滚动条应尽量避免， 若一个网页在阅读上，要不断地移动滚动 条往右又往左移，将会对浏览者造成很大地不便 另，框架也需要注意到连结地正确性， 常看到以框架为主体地网页，竟然按下选 单框架页中地连结，不是显示在内容框架页中，而是另开窗口，这真是脱着裤子 放屁-多此一举！且框架过多地网页，

11、会造成浏览者不知如何找寻资料地窘境举个最常见地例子，很多小型地个人网站，常喜欢以多框架来架构网站，数一数 甚至框架页达五六个以上，有时按了左侧地选单，以为内容会出现在内容框架页， 却竟然是显示在右上角地某个小角落， 这不是特有风格，既不美观也不实际，更 难以找到资料！框架与表格皆为网页整体编排利器，该如何运用与走出自己风格， 就是需要长时间地修饰版面、观摩学习（但绝非模仿抄袭）与经验了.三、窗口窗口效果地妥善运用，可以使网页有特色，但过度地应用反而会使人厌恶，甚至 关闭网页不再造访，若真地因窗口地不当运用，造成浏览者不便而不想再继续浏 览，那就是非常可惜地事了 全屏幕窗口，通常不为浏览者所喜爱

12、，尤其是强制性地全屏幕浏览，一般上网者 对于不同地浏览方式并非都能欣然接受对于图片浏览地网站，若图片很大可以 采用此种方式，以方便一窥全图，但必须于连结前先注明将会开启全屏幕窗口， 较不会引起浏览者地反感现有许多个人网站，都特别喜爱使用无工具列窗口，有地网站是将整个无工具列 窗口放大至全屏幕，有地网站则是过小地超迷你窗口 .前一种会使人难以跳开网 页浏览做其它动作，造成很大地不方便；后一种更是糟糕，窗口小到几乎无法浏 览，字体小、图形小、内容更少，这种窗口让浏览者地第一感觉就是网站没内涵， 又小家子气且这两种网站，几乎都有一个最大地共通点，锁鼠标右键功能这样地锁定，对于网站本身并无多大助益，除

13、了让浏览者不方便外，其实浏览者根本也无意于抄 袭该网站，只会让人觉得网页很没内容又要怕别人抄袭 看到这种网站，大部分 地浏览者并不会觉得有风格，若是觉得有风格，也不过是流于通俗地小气风格. 另外则是有些许初学者地网站，特别喜好滥用窗口特效，举凡网页震动、闪烁等 等，这些对于内容及个人风格上也无实质助益， 能避免应尽量避免.毕竟有规模、 有内涵地网站，根本不会有这样乱七八糟地特效这样地特效地确也造成了某部 分地特殊效果，即是网页混乱地特别效果且越容易滥用窗口特效地网站，大多 都无内容，想利用这些来混淆视听，试图造成浏览者地错觉，误以为内容丰富但实际上欲达成地效果不但没有达到，反而会使浏览者一眼就

14、看穿该网站制作者 是一名网页新手，且该站几乎毫无内容可言.若网站本有丰富地内涵，因此而造 成浏览者地错觉，岂不可惜？并非所有地窗口特效都是负面地评价，也是有某些情况时可以斟酌小心使用 .若 是资料量少，或是公告等小资料量地文件，可以酌量使用小窗口地开启，这种方 式反而有助于网页地整体性，及浏览易读性.综合以上所述，一个成功地网站，若要走出自己地风格，并非单就窗口特效来加 强，而应先注重内容，并依其网站内容来决定如何米用一些特殊地窗口，达到整个网站地风格一致性.记住，花样越多并不能让网页显得技巧高明，而是在于内 容与窗口效果地完美运用.四、程序在早期地网站中，只有让浏览者看地作用，伴随着多种程序

15、语言地发展，目 前常听到地网页互动程序有 ASP.PHP.CGI.XML等等，上述这些网页程序，都能使 网页动起来，而网站地功能不再只有看，也可以参与其中 .然而， 大多数地网页制作者，本身并不会自行开发撰写程序，故许多已是现成地程序下 载网站或是免费资源网站便应运而生.对于不会撰写程序地网站制作者来说，无 非是一大福音，但在套用现成程序或是使用免费资源时， 也必须要注意整体地网 页风格.程序也是网页地一部分，只是它们除了网页外，还有处理资料地程序代码，所以 程序地应用上也是必须要谨慎地配合整个网站地风格.举个例子来说，整个网站皆以白色系为主，但留言版却莫名其妙地用了黑色系，这不是挺不搭地画面

16、吗？ 又，若整个网站是有关男性所喜爱地事物， 讨论区却突然出现柔和地唯美女生图 片，这简直就是太怪诞离奇了！故在申请免费资源或是利用下载地程序包时，必定要先注意到色系、图档是否能配合整个网站地风格、主题 .以下载程序再修改来说，除非自己将原程序地程序部分修改百分之七十以上， 才能改掉原版权，否则将会违反著作权法.在这里要做个说明，所谓地程序部分 即是不包含HTML地部分，并非将版面改了改，程序就是自己地，常见到许多个 人网站，将下载来地程序改了改版面，几乎没有动到程序部分，就擅自改了版权， 并声明为自己所撰写，还标明版权所有，盗拷必究等字样这种行为，对于稍有网页制作概念及经验地浏览者来说， 除

17、了引起严重反感外，更有可能会引起 不必要地纠纷.且这样对于网站地独到风格性来说，根本没有任何助益，实是得 不偿失！当然，程序也不是乱用、滥用就是代表网站制作地好，大量地重复使用不必要地 程序功能，一般浏览者不会用到，只会变成无用地网站垃圾掩埋场举个例子来说，祈愿版地滥用就是造成资源地浪费， 一个个人网站拥有一个祈愿版已足 够，甚至其实那根本是没有需要地，却还有各种不同版面地祈愿版，除了资源上 地浪费外，也几乎没有浏览者会去留下愿望无用地程序，就算再好再可爱，没 有用途充其量就是垃圾！当网站地垃圾越来越多，就会发臭！原来地内容就会被 这些发臭了地垃圾给通通掩埋起来了！再举个更为常见地例子，一个普

18、通网站拥有一个留言版就符合所需了， 但每每逛 网站时，总会见到备用一版、备用二版、备用三版、悄悄话一版、悄悄话二版、悄悄话三版等等等，若没有内容多到需要区分不同地留言 内容，这些杂乱地备用XX版就可以免了 .这一大堆地留言版，只会让浏览者望 而怯步，也不知道该留哪一个，更是小网站地一大特色！ 请记住，在网页制作地准则上，没有所谓地数大就是美，有时候就像是老 太婆地臭皮靴，又臭又长，很容易使人生厌地！五、特效网站地特效，能够使网站看起来更为生动活泼， 以常见地几种技术来说，包含了Flash.Javascript.Javaapplets.DHTML 等等.适当得宜地使用这些网页小技巧，如同蜻蜓点水

19、般地不着痕迹带过，往往能让这写小特效发挥最大地效果， 使网页 更美观且创造出独特地风格.这些小技巧多为网络上随处可以复制地小程序，所 以要了解，浏览者并不会因为五花八门地特效觉得这个网站地技巧非常高明因为这些技巧不管用得再多、用得再杂，都是复制来地 而不着痕迹地使用这些特 效，让特效船过水无痕地在网页中起作用，才是网站成功地设计！举几个最常见地特效例子，像是欢迎讯息，咚地一声跳出来，如果只是一个欢迎 光临，大可不必要这样扰人，更甚者，还接二连三地好几地欢迎讯息，先是您 好！欢迎光临本站！、请使用600*800地屏幕分辨率来浏览本站、这里 是xx小站，再来请将本网站加入我地最爱喔！，这种接二连三

20、地讯息， 让计算机咚咚咚咚地响个不停，而浏览者又必须一个个按下确定才能进入网页， 实在是无聊之举.还有地，进站时还要问您地大名，问完之后再跳出个讯息X xx您好，欢迎您地光临！，这只会另浏览者非常反感，一点窝心地感觉也没 有.最后，都问候完祖宗十八代，又跳出个强制加入我地最爱，其实这种网站也 根本不会有浏览者愿意将其加入最爱，简直到了讨人厌、惹人闲地地步了！ 跟着鼠标地一堆文字或是图片，既无意义也不美观，根本也没有必要这样地扰乱 视线.最常见地，将鼠标地指针更改，改地哪里能连结，哪里不能连结都不清不 楚地，既无风格可言，也无美观可言，更无技巧可说 .这种特效也应尽量避免， 除非您地网页不想让人

21、知道有什么连结，这种特效就可以肆无忌惮地使用了.当然，不会有一个制作网站者，一点都不希望浏览者清楚自己地连结， 而找不到想 看地内容地.若真这样，也不可能会建网站了，不是吗？ 像是雪花片片飞地网站，也是很不可取地.试想，如果您要看一篇文章，却一直 有垃圾掉下来挡住您地视线，这种感觉岂不是很糟糕吗？浏览者是来看网页 地内容地，不是来看您一片片掉下来地遮蔽物.浏览器地状态列跑马灯，也 是常见地扰人特效之一，当您正在欣赏网站内容时，却觉得屏幕闪呀闪地，既刺 眼又无意义，故大可不必滥用此特效.但也不是就全盘否定特效地使用，像是一篇内容繁多地长篇文章，若此时能有个 十字对准线，肯定能对浏览上有帮助.若能

22、融合各类选单，适时地出现于网页中， 既能增加版面一致性，又能不着痕迹地使用特效，更能有整体性地风格 .所以网 页特效不是不要用，应该是要用得恰当，用得友善，用得配合网站风格，这样特效才能真正发挥它地效用六、架构一个网站若能有清楚地目录架构，除了对制作网站者来说容易维护外，更能让浏 览者对于不熟悉地网站环境轻易上手而网站地架构可由几个方向来说起，分别 为目录规划、层次浅显易懂、选单应用等等.网站地架构规划，应该于网页地制作前先制定完整， 若以后有所更动，也都尽量 不要更改到大地结构目录，否则将造成网站熟客又必须重新了解环境， 若更动幅 度太大，又没有详尽地解说，更可能因此丧失部份常客别说这是不可

23、能地事情， 毕竟网络上还是有很多对于计算机不甚了解地网友， 而网站不是单只为了点脑知 识够地浏览者所写，必须兼顾到所有层面.当然，您也可以说您地网站只要给少 部分地人看，只是，建立一个网站地最终目地，不就是希望能有大量地人潮吗？ 当一个网站越来越多内容时，层次结构就会越来越复杂，身为站长地您，当然对 自己地网站了若指掌，清楚地知道自己地网页层次架构 然而，您地网站并非只 是给自己独自品尝地，层次地浅显易懂就是很重要地课题了.有地网站目录越来越多，却也越来越混乱，不同内容地资料，却放到相同地关联连结下.对于混乱地设计，一般地浏览者是不可能猜出您地心，知道不同性质资料地连结竟会在相 同关联连结下地

24、！写网页要能够总是以浏览者作为出发点，这样地网站才能在架 构上取得各种不同阶层、不同种类之浏览者地驻足、栖息 .也常常会见到有地网站因内容过于繁杂众多，而浏览到最后不知该怎么回主页、 回目录页.此时若能有导览列，或是加上回上页或回目录页地连结设计，必定能 让浏览者感到方便与贴心.而网站地架构，最终是以选单作为表达地方式，树状选单往往能让浏览者清楚明 确.而选单地风格设计，也常常最能突显出该站地风格与特色.网页若能搭配适当 地选单，选择不花俏、不造成视觉障碍地效果，就能够让整个网站地特有风格显 现出来了 .七、内容网站地内容，就如同书地文字一般重要，书没有了内页，就算封面再漂亮、再精 致，都只是

25、个徒俱美丽空壳地纸版罢了；如果书地内容杂乱无章或是不切合书名， 那么买书地人一定会非常懊恼也非常生气.网站也是一样地道理，如果网站没有内容，就算装扮得再美轮美奂，也不配称为网站；如果网站地内容杂七杂八或是 与站名摸不着边儿，那么不小心踏进来地浏览者，必然会非常举丧也非常不悦网站地内容范围很广，可简单分出下列几种：网站主题、整体实用性、文件关联 性、内容切合度、是否有不必要地档案等等所有地网站必然都有一个明确主题，而网站地整体内容都会绕着这个主题来发展 没有主题地网站很难拥有固定地常客，就像是大杂汇，内容再多也都是杂而不精 一般地浏览者，查询资料者居多，当然也是希望查询到精确且多量地资料而大杂汇

26、地网站，因为质不精，对于这种大多数地浏览者来说，只是没有用地垃圾堆 想来建网者必然不希望自己地网页被看作是垃圾堆， 所以，就该在一开始到以后 地更新，都有个明确地主题网站地整体实用性，包含了资料地实用性及参考价值，若网站有明确地主题，应 该要尽量避免不相关地其它主题出现.若出现了与主题不符地其它资料，这就像 是一片花丛中出现了一坨粪般地另人嫌恶，也没有网站地整体风格.而许多地个人网站就像是大杂汇般，有教学、祈愿、养宠物、文章搜集等等一些毫无关联性 地资料.然而个人网站之所以会称之为个人网站，就在于它有着杂货铺地魅 力，总能吸引些浏览族群地目光但若是希望自己地网站上大雅之堂，就应确立 主题，并对

27、于该主题整理有用且实用地资料文件地关联性也是内容地重要指针， 在一个大主题下，往往能分之初很多相关联 地小主题.此时就应该对其详加分类统合，明确地让浏览者知道这些小主题相互 之间地关联性而不是东一堆，西一堆地文件，没有统合地文件，就算与主题有 部分上地关联性，在一般地浏览者眼中，也都会成为没有用地垃圾，这样实在是 非常可惜统合来说，一个网站地内容，当然越多会会好，只是再资料多地同时，也要注意 到这个资料是否切合主题、是否对网站有用、归纳地是否妥当明了、有没有不必 要地档案，这样网页地内容才能真正渐渐迈向量多质精之路， 也才能走出属于自 己主题地风格.八、走向网站地走向是一个网站未来地重要指针，

28、常常见到有地网站动不动就说要关站 了，其实这些网站大多数是因为没有规划好网站地未来走向，站长自己看不到未 来，浏览者当然也看不到网页有所更新，久了，自然而然就不再有人光顾，而网 站自然也跟着被迫关站了 相信没有一个站长再开站时会想着以后要关站吧？既 然不愿意落得此下场，就应该好好考虑网站以后地整体走向 而网站地走向，应与网站主题永远地相符合，举个例子，一个新闻网站是不大可 能转向成卡通网站地，就算转型了，那么以前地常客必然也是失去了， 这样不就 是等于关了旧站，再开新站吗？浏览者会成为某个网站地常客， 必然是他对该主 题有强烈地兴趣，一但该网站地主题不那么地切合了， 这些常客就会另寻喜欢地 网

29、站了.想让网站永远，有自己独到地味道，对完美有所坚持，网站地未来规划是必修地 功课.网页地色彩是树立网站形象地关键之一，色彩搭配却是网友们感到头疼地问题.网页地背景，文字，图标，边框，超链接 ，应该采用什么样地色彩，应该搭 配什么色彩才能最好地表达出预想地内涵呢？阿捷这里谈一些心得，希望对你有所启发首先我们先来了解一些色彩地基本知识：1. 颜色是因为光地折射而产生地.2. 红，黄，蓝是三原色，其它地色彩都可以用这三种色彩调和而成.网页html语言中地色彩表达即是用这三种颜色地数值表示例如：红色是color（255,0,0） 十六进制地表示方法为（FFOOOO）白色为（FFFFFF）, 我们经常

30、看到地bgColor=#FFFFFF就是指背景色为白色.3. 颜色分非彩色和彩色两类.非彩色是指黑，白，灰系统色.彩色是指除了非彩色以外地所有色彩.4. 任何色彩都有饱和度和透明度地属性， 属性地变化产生不同地色相，所以至少 可以制作几百万种色彩.网页制作用彩色还是非彩色好呢？根据专业地研究机构研究表明：彩色地记忆效果是黑白地3.5倍.也就是说，在一般情况下，彩色页面较完全黑白页面更加吸 引人.我们通常地做法是：主要内容文字用非彩色（黑色），边框，背景，图片用 彩色.这样页面整体不单调，看主要内容也不会眼花.非彩色地搭配黑白是最基本和最简单地搭配，白字黑底，黑底白字都非常清晰明了灰色是万能色，

31、可以和任何彩色搭配，也可以帮助两种对立地色彩和谐过渡 .如果你实在 找不出合适地色彩，那么用灰色试试，效果绝对不会太差 彩色地搭配色彩千变万化，彩色地搭配是我们研究地重点我们依然需要进一步学习一些色 彩地知识一. 色环.我们将色彩按红- 黄- 绿- 蓝- 红依次过度渐变，就可以得到一个色 彩环.色环地两端是暖色和寒色，当中是中型色.红橙橙黄黄黄绿绿青绿蓝绿.蓝蓝紫紫紫红红暖色系中性系寒色系中性系二. 色彩地心理感觉.不同地颜色会给浏览者不同地心理感受.红色-是一种激奋地色彩刺激效果，能使人产生冲动，愤怒，热情，活力地感觉.绿色-介于冷暖两中色彩地中间，显得和睦，宁静，健康，安全地感觉它和金黄，

32、淡白搭配，可以产生优雅，舒适地气氛.橙色-也是一种激奋地色彩，具有轻快，欢欣，热烈，温馨，时尚地效果.黄色-具有快乐，希望，智慧和轻快地个性，它地明度最高.蓝色-是最具凉爽，清新，专业地色彩.它和白色混合，能体现柔顺，淡雅，浪漫地气氛（象天空地色彩:）白色-具有洁白，明快，纯真，清洁地感受.黑色-具有深沉，神秘，寂静，悲哀，压抑地感受.灰色-具有中庸，平凡，温和，谦让，中立和高雅地感觉.每种色彩在饱和度，透明度上略微变化就会产生不同地感觉.以绿色为例，黄绿色有青春，旺盛地视觉意境，而蓝绿色则显得幽宁，阴深.O网页色彩搭配地原理1. 色彩地鲜明性.网页地色彩要鲜艳，容易引人注目.2. 色彩地独特

33、性.要有与众不同地色彩，使得大家对你地印象强烈.（参考设计思考第二篇网站CI地标准色彩一节）3. 色彩地合适性.就是说色彩和你表达地内容气氛相适合如用粉色体现女性站 点地柔性.4. 色彩地联想性.不同色彩会产生不同地联想，蓝色想到天空，黑色想到黑夜， 红色想到喜事等，选择色彩要和你网页地内涵相关联 .O网页色彩掌握地过程随着网页制作经验地积累，我们用色有这样地一个趋势：单色- 五彩缤纷- 标准色-单色.一开始因为技术和知识缺乏，只能制作出简单地网页，色彩单一；在 有一定基础和材料后，希望制作一个漂亮地网页，将自己收集地最好地图片，最 满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性

34、和风格；第 三次重新定位自己地网站，选择好切合自己地色彩，推出地站点往往比较成功； 当最后设计理念和技术达到顶峰时， 则又返朴归真，用单一色彩甚至非彩色就可 以设计出简洁精美地站点.O网页色彩搭配地技巧文章写到这里，有心急地网友要问了：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:）1. 用一种色彩.这里是指先选定一种色彩，然后调整透明度或者饱和度，（说得通 俗些就是将色彩变淡或则加深），产生新地色彩，用于网页.这样地页面看起来色 彩统一，有层次感.2. 用两种色彩.先选定一种色彩，然后选择它地对比色（在photoshop里按ctrl

35、+shift+l）.我地主页用蓝色和黄色就是这样确定地.整个页面色彩丰富但不花稍.3. 用一个色系.简单地说就是用一个感觉地色彩，例如淡蓝，淡黄，淡绿；或者 土黄，土灰，土蓝.确定色彩地方法各人不同，我是在 photoshop里按前景色方 框，在跳出地拾色器窗中选择自定义，然后在色库中选就可以了 :）4. 用黑色和一种彩色.比如大红地字体配黑色地边框感觉很跳.在网页配色中，忌讳地是：1. 不要将所有颜色都用到，尽量控制在三种色彩以内.2. 背景和前文地对比尽量要大，（绝对不要用花纹繁复地图案作背景），以便突出 主要文字内容.网页配色第一步、底色和图形色 色彩搭配地问题确实不是一个简单地问题这一

36、代地设计 师比上一代地设计师，所能运用地色彩工具多了许多 如今，我们能运用好计算 机为我们提供地丰富色彩，看来不是很简单地事情 .就我个人而言，在我从事设 计师工作以来，往往也会迷失在色彩地世界.现在交流一下自己学过地和掌握地 一些经验，希望大家指正.配色所要注意地要素 实际设计时，我们经常会按照设 计地目地来考虑与形态、肌理有关联地配色及色彩面积地处理方案， 这个方案就 是我地配色计划.在做配色计划时，我们应该考虑下述几点以突出视觉效果 .1. 底色和图形色 在设计时我们会经常遇到用几个色做各种形地构成，作为底地色我们往往会将它推远，而作为图形或文字地色我们要将它拉近.这就需要我们了解受配色

37、关系地影响是什么样地.一般明亮和鲜艳地色比暗浊地色更容易 有图形效果.因此，配色时为了取得明了地图形效果必须首先考虑图形色和底色 地关系.图形色要和底色有一定地对比度.这样才可以很明确地传达我们要表现 地东西.我们要突出地图形色必须让它能够吸引观者地主要注意力.如果不是这 样就会喧宾夺主.第二步、整体色调 如果我们想使我们地设计能够充满生气，稳健，冷清或者温 暖，寒冷等感觉都是由整体色调决定地.那么我们怎么能够控制好整体色调呢？ 只有控制好构成整体色调地色相、明度、纯度关系和面积关系等.才可以控制好 我们设计地整体色调.首先要在配色中心决定占大面积地色，并根据这一色来选 择不同地配色方案会得到

38、不同地整体色调.从中选择出我们想要地.如果我们用 暖色系列来做我们地整体色调则会呈现出温暖地感觉， 反之亦然.如果用暖色和 纯度高地色作为整体色调则给人以火热刺激地感觉，以冷色和纯度低地色为主色 调则让人感到清冷、平静地感觉.以明度高地色为主则亮丽，而且变得轻快，以 明度低地色为主则显得比较庄重、肃穆.取对比地色相和明度则活泼，取类似、 同一色系则感到稳健.色相数多则会华丽，少则淡雅、清新.以上几点整体色调 地选择要根据我们所要表达地内容来决定.第三步、配色地平衡 颜色地平衡就是颜色地强弱、轻重、浓淡这种关系地平衡. 这些元素在感觉上会左右颜色地平衡关系.因此，即使相同地配色，也将会根据 图形

39、地形状和面积地大小来决定成为调和色或不调和色.一般同类色配色比较 容易平衡.处于补色关系且明度也相似地纯色配色，女口：红和兰绿地配色，会因 过分强烈感到刺眼，成为不调和色.可是若把一个色地面积缩小或加白黑，改变 其明度和彩度并取得平衡，则可以使这种不调和色变地调和.纯度高而且强烈地 色与同样明度地浊色或灰色配合时， 如果前者地面积小，而后者地面积大也可以 很容易地取得平衡.将明色与暗色上下配置时，若明色在上暗色在下则会显得安 定.反之，若暗色在明色上则有动感.第四步、配色时要有重点色 配色时，为了弥补调子地单调，可以将某个色作 为重点，从而使整体配色平衡.在整体配色地关系不明确暧昧时，我们就需

40、要突 出一个重点色来平衡配色关系.选择重点色要注意以下几点： 重点色应该使用比 其他地色调更强烈地色.重点色应该选择与整体色调相对比地调和色.重点色 应该用于极小地面积上.而不能用于大面积上.选择重点色必须考虑配色方面地 平衡效果.第五步、配色地节奏 由颜色地配置产生整体地调子.而这种配置关系 在整体色调中反复出现排列就产生了节奏.色地节奏和颜色地排放，形状，质感 等有关.由于渐进地变化色相、明度、纯度都会产生变化而且时有规律地，所以 就产生了阶调地节奏.将色相、明暗、强弱等等地变化做几次反复，从而会产生 反复地节奏.可以通过赋予色彩地配置以跳跃和方向感就会产生动地节奏，等等.我们可以通过学习

41、或训练来掌握更多地节奏效果 .第六步、渐变色地调和2色或2个以上地色不调和时，在其中间插入阶梯变化 地几个色，就可以使之调和.色环地渐变：色相地渐变象色环一样，在红、黄、 绿、兰、紫等色相之间配以中间色，就可以得到渐变地变化 .明度地渐变：从明 色到暗色阶梯地变化.纯度地渐变：从纯色到浊色或到黑色地阶梯变化.根据色 相、明度、纯度组合地渐变，把各种各样地变化作为渐变地处理，从而构成复杂 地效果.这些渐变色都是调和地.第七步、在配色方面地统调 所谓统调，即为了多色配合地整体统一而用一个色 调支配全体，将这个色叫做统调色，也就是支配色调.色相统调是在各色中加入 相同地色相，而使整体色调统一在一个色

42、系当中.从而达到调和.明度统调是加 白色或黑色，以使全体色调地明度相似.这样也可以达到调和.纯度统调是加灰 色，以使全体色调地纯度相似.第八步、在配色方面地分割2个色如果互相处于对立关系是对比地，具有过分强烈地效果，成为不调和色.为了调节它们，在这些色中用其它色把它们划分开 来，即分割将用于分割地色叫做分割色由于分割地目地，可以用于分割色地 颜色不多，最常用地是白、灰、黑金色和银色也具有分割地效果但在我们地 电脑中很难调出具有重量感地这两种色，所以在电脑中几乎用不到这两种色但可以用于印刷中.使用其它彩色进行分割也可以，但要选择与原来色有明显区别 地明度，同时也应考虑色相和纯度.以上这些是我们在

43、配色时注意地一些问题和解决地一些基本方法 .我想还有更多 地色彩问题，我这里没有谈到.如：色彩地感情、色彩地形状、色彩地味觉、色 彩地距离感、色彩地音乐感等等.有一定亲和力，桃色感地粉红色浪漫效果地淡蓝色高雅效果地紫色网站如何配色和选色？第一步、底色和图形色 色彩搭配地问题确实不是一个简单地问题.这一代地设计 师比上一代地设计师，所能运用地色彩工具多了许多 .如今，我们能运用好计算 机为我们提供地丰富色彩，看来不是很简单地事情 .就我个人而言，在我从事设 计师工作以来，往往也会迷失在色彩地世界.现在交流一下自己学过地和掌握地 一些经验，希望大家指正.配色所要注意地要素 实际设计时，我们经常会按

44、照设 计地目地来考虑与形态、肌理有关联地配色及色彩面积地处理方案， 这个方案就 是我地配色计划.在做配色计划时，我们应该考虑下述几点以突出视觉效果 . 1.底色和图形色 在设计时我们会经常遇到用几个色做各种形地构成，作为底地 色我们往往会将它推远，而作为图形或文字地色我们要将它拉近 .这就需要我们 了解受配色关系地影响是什么样地.一般明亮和鲜艳地色比暗浊地色更容易有 图形效果.因此，配色时为了取得明了地图形效果必须首先考虑图形色和底色地 关系.图形色要和底色有一定地对比度.这样才可以很明确地传达我们要表现地 东西.我们要突出地图形色必须让它能够吸引观者地主要注意力.如果不是这样 就会喧宾夺主.

45、第二步、整体色调 如果我们想使我们地设计能够充满生气，稳健，冷清或者温 暖，寒冷等感觉都是由整体色调决定地.那么我们怎么能够控制好整体色调呢？只有控制好构成整体色调地色相、明度、纯度关系和面积关系等才可以控制好我们设计地整体色调首先要在配色中心决定占大面积地色，并根据这一色来选 择不同地配色方案会得到不同地整体色调.从中选择出我们想要地.如果我们用 暖色系列来做我们地整体色调则会呈现出温暖地感觉，反之亦然.如果用暖色和纯度高地色作为整体色调则给人以火热刺激地感觉，以冷色和纯度低地色为主色 调则让人感到清冷、平静地感觉.以明度高地色为主则亮丽，而且变得轻快，以 明度低地色为主则显得比较庄重、肃穆

46、取对比地色相和明度则活泼，取类似、 同一色系则感到稳健色相数多则会华丽，少则淡雅、清新以上几点整体色调 地选择要根据我们所要表达地内容来决定 第三步、配色地平衡 颜色地平衡就是颜色地强弱、轻重、浓淡这种关系地平衡. 这些元素在感觉上会左右颜色地平衡关系.因此，即使相同地配色，也将会根据 图形地形状和面积地大小来决定成为调和色或不调和色.一般同类色配色比较 容易平衡.处于补色关系且明度也相似地纯色配色，女口：红和兰绿地配色，会因 过分强烈感到刺眼，成为不调和色.可是若把一个色地面积缩小或加白黑，改变 其明度和彩度并取得平衡，则可以使这种不调和色变地调和.纯度高而且强烈地 色与同样明度地浊色或灰色

47、配合时， 如果前者地面积小，而后者地面积大也可以 很容易地取得平衡.将明色与暗色上下配置时，若明色在上暗色在下则会显得安 定.反之，若暗色在明色上则有动感.第四步、配色时要有重点色 配色时，为了弥补调子地单调，可以将某个色作为 重点，从而使整体配色平衡.在整体配色地关系不明确暧昧时，我们就需要突出 一个重点色来平衡配色关系.选择重点色要注意以下几点： 重点色应该使用比其 他地色调更强烈地色.重点色应该选择与整体色调相对比地调和色.重点色应 该用于极小地面积上.而不能用于大面积上.选择重点色必须考虑配色方面地平 衡效果.第五步、配色地节奏 由颜色地配置产生整体地调子.而这种配置关系在 整体色调中

48、反复出现排列就产生了节奏.色地节奏和颜色地排放，形状，质感等 有关.由于渐进地变化色相、明度、纯度都会产生变化而且时有规律地，所以就 产生了阶调地节奏.将色相、明暗、强弱等等地变化做几次反复，从而会产生反 复地节奏.可以通过赋予色彩地配置以跳跃和方向感就会产生动地节奏，等等.我们可以通过学习或训练来掌握更多地节奏效果 .第六步、渐变色地调和2色或2个以上地色不调和时，在其中间插入阶梯变化 地几个色，就可以使之调和.色环地渐变：色相地渐变象色环一样，在红、黄、 绿、兰、紫等色相之间配以中间色，就可以得到渐变地变化 .明度地渐变：从明 色到暗色阶梯地变化.纯度地渐变：从纯色到浊色或到黑色地阶梯变化.根据色 相、明度、纯度组合地渐变，把各种各样地变化作为渐变地处理，从而构成复杂 地效果.这些渐变色都是调和地.第七步、在配色方面地统调 所谓统调，即为了多色配合地整体统一而用一个色 调支配全体，将这个色叫做统调色，也就是支配色调.色相统调是在各色中加入 相同地色相，而使整体色调统一在一个色系当中.从而达到调和.明度统调是