1、 计算机信息管理学院本科学年论文网站主页用色搭配技巧网页用色规范技巧浅析作 者 于华松 学 院 计算机信息管理学院 专 业 计算机科学与技术 年 级 11 级计科二班 学 号 112103208 指导教师 齐建卓 导师职称 讲师 1内 容 提 要网站颜色搭配技巧 颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。一个制作精良，美观大方的网页将会增加其对它的使用频率和次数。显著地提升互联网的作用和产出效率。关键词： 风格色.颜色的意义AbstractThe website color matching skills.The use of colour plays
2、 a very important role in Webpage production, there are many sites by its successful colour collocation is gifted with an extraordinary retentive memory.Key words: Style color The meaning of color2目 录前言 3一、颜色运用的基本认识 31. 公司色与鲜明色2. 风格色3. 特色鲜明4. 搭配合理5. 讲究艺术性二、页颜色搭配 41. 使用单色2. 使用邻近色3. 使用对比色4. 背景色的使用5. 色
3、彩数量三、系搭配 5四、体实例浅析 6五、参考文献 83网站主页用色搭配技巧国际互联网（internetwork，简称 internet） ，始于 1969 年的美国，又称因特网，是全球性的网络，是一种公共信息的载体，是大众传媒的一种。具有快捷性、普及性和高效性，是现今最流行、最时尚、最受欢迎的传媒之一。在网络信息传播中，由于巨大的信息量与浏览速度的限制，一种清晰有效的检索与浏览方式产生了-网站。网页是构成网站的基本元素，是承载各种网站应用的平台.作为互联网的窗口，也是互联网海量信息与大众交流的平台，网页的简介.整齐.美观.有助于显著提高互联网检索的效率。对于网络的使用者来说，一个制作精良，美
4、观大方的网页将会增加其对它的使用频率和次数。显著地提升互联网的作用和产出效率。的对于企业等网站的拥有者来说，做好自己网站的网页设计，不仅代表着自己公司的形象，更加能直接提高网站的浏览人数，与使用频率。相应就增加网站所产生的收益。翻开任何一本有关色彩设计的书，都有谈到一些运用色彩的基本技巧，诸如注意冷暖色的对比，色彩分布的平衡，颜色的统一和谐等。而网站的制作不仅仅是对开发者技术的检验，也是对设计者艺术水平的考验。一个好的网页需要做到效率与美观结合，两者要做到同时存在，就需要功能的丰富性和界面的简介直观完美结合，所以最重要的色彩布局搭配成为网页制作的重中之重，一个好的网页需要在色彩上仔细琢磨，细心
5、搭配，不仅仅大方美观让人眼前一亮，还能提高效率.从而间接提升价值。下面我简单介绍网页设计中颜色搭配主要应该注意和遵守的几点一.网页颜色运用的基本认识1. 公司色和鲜明色在现在企业中，公司的 logo 形象显得尤其重要，一个使人铭记的 logo 图标直接影响公司的影响力和传播力，每一个公司的 logo 设计必然要有标准的颜色。为了凸显公司文化与精神，加强用户对公司的认识，加深印象，怎强了解。网页颜色的选择必然排除以公司 logo 颜色，尽量选择有色差的浅色使 logo 更加明显突出，好让用户注意到，提高公司的认知率。2. 风格色许多网站使用颜色秉承的是公司的风格。对于不同的企业，因为所经营的项目
6、和服务对象的不同，选用的色彩也是不同的，比如大多数的公司多使用简洁的蓝色，不突出个性中庸成熟。网络信息通讯公司使用绿色的频率则更高。因为面对相对年轻和上网频繁的人群，使自己充满活力朝气又不失创新精神是4必不可少的，而年轻人经常面对的游戏运营商，经常使用黑色.红色.金色等色差大的颜色，给游戏玩家强烈的视觉刺激，而女性网站使用粉红色和金黄色的较多，更加表现出颜色的重要行，如果不注意搭配使用，网页的对公司发展的宣传作用会大打折扣，还会给潜在的公司客户留下不好的第一印象，那就不仅仅是网页制作的失败，也是公司营销的失败。3. 特色鲜明一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留
7、下深刻的印象。中庸的色彩也许不会给用户带来坏的印象，但是随着网络发展的速度越来越快，良好优秀的第一感觉，深刻的最初印象，与众不同的设计才能让自己的网站赢得市场、赢得机会，所以一味的追求稳妥，也许就会和用户擦肩而过。4. 搭配合理 网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。为了大多数的用户，色彩运用又不能太张扬。过多的强烈色差对比反而会引起普通用户的反感。对于色彩搭配、颜色使用的把握尤为重要。看似搭配合理和上面几条冲突，但是他们有事统一的，只
8、有各项条件都达到一种和谐的统一，网页设计的颜色搭配就算基本成功了。5. 讲究艺术性 网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身特点的同时，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站。二 . 网页颜色搭配网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。 网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容
9、，及网站主题。对于网站的色系，应该要在网站开始制作前，做好规划及设计，才不会到着手制作网站时，难以搭配，甚至造成混乱的设计。网页的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。1. 使用单色 5尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但通过调整色彩的饱和度和透明度也可以产生变化，使网站避免单调。 2. 使用邻近色 所谓邻近色，就是在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。采用邻近色设计网
10、页可以使网页避免色彩杂乱，易于达到页面的和谐统一。 3. 使用对比色 对比色可以突出重点，产生了强烈的视觉效果，通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。4. 黑色的使用 黑色是一种特殊的颜色，如果使用恰当，设计合理，往往产生很强烈的艺术效果，黑色一般用来作背景色，与其它纯度色彩搭配使用。 5. 背景色的使用 背景色一般采用素淡清雅的色彩，避免采用花纹复杂的图片和纯度很高的色彩作为背景色，同时背景色要与文字的色彩对比强烈一些。6. 色彩的数量 一般初学者在设计网页时往往使用多种颜色，使网页变得很“花”，缺乏统一和协调
11、，表面上看起来很花哨，但缺乏内在的美感。事实上，网站用色并不是越多越好，一般控制在三种色彩以内，通过调整色彩的各种属性来产生变化三 、色系搭配网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。 网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。对于网站的色系，应该要在网站开始制作前，做好规划及设计，才不会到着手制作网站时，难以搭配，甚至造成混乱的设计。网页
12、的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。61.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。 2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。 3.对比色调。即把色性完全相反的色彩搭配在同一个平面里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调
13、如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比“这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。四 、实例浅析1. 搜索网站搜索网站拥有巨大的用户浏览量，因为其对实用性的要求，大多数主页面都是简洁明了，尽可能的方便用户使用，是简洁行网页的典型代表示例 百度首页（国内最大的搜索引擎）图 1 百度Logo 色彩明显，便于记忆，过目不忘。页面简洁，功能丰富且使用方便。如果这类网站首页过于复杂，色彩差别对比过于明显，内容不注重实用而是效果，会明显降低使用效率，从而流失用户，给网站带来损失。2. 游戏网站游戏网站多面对年轻用户，思想活跃，由
14、于游戏内容的影响，大多数内容丰富，色彩强烈，刺激对于游戏的热情，充分调动对游戏的热情，产生进入游戏战斗的欲望。示例 腾讯游戏英雄联盟首页7图 2 英雄联盟首页图 3 英雄联盟首页色彩明亮，差异大，多使用以游戏人物为主题的战斗画面为背景，使用户想起游戏进行时的火爆场面，引发玩家进入游戏的欲望。3. 综合类新闻首页综合类信息门户网站，现多用于互联网的门户网站和企业应用系统的门户系统，是集合了各种功能在一起的大型数据平台。使用大量的链接堆积而成。因为要把大量的信息变得一目了然，内容的紧凑，排版的清楚，势必是不可少的，所以色彩使用更加谨慎，尽量简洁、干净、清爽。示例 网易 163 首页8图 4 163
15、 首页163 首页集合了购物.新闻.查询.等实时更新功能，也拥有邮箱.博客.游戏等辅助功能。页面整洁实用。内容丰富清晰。是信息门户网站的典型示例。4. 视频网站视频网站与信息门户不同的是，信息门户具有综合性。而视频网站，是用一个个视频来展现需要表达的事务。所以视频网站上拥有的是一个个视频窗口点播链接，通过图像来吸引游客。示例 优酷 较大的视频网站图 5 优酷首页5. 购物网站购物网站为了吸引顾客的眼球，往往跟多的使用暖色调来刺激购买欲，但是其在展示商品的同时还有插入链接搜索，从而使购物变得简单。示例 淘宝网 国内最大的购物网站9图 6 淘宝网颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说，往往不容易自如驾驭网页的颜色搭配。除了学习各种色彩理论之外多学习一些著名网站的用色方法，对于我们制作优秀精良的网页可以起到事半功倍的作用。五、参考文献建站学站帮网爱站网网站颜色搭配技巧百度文库关于网站颜色的运用百度文库浅议网站设计的色彩和版面田耕网站设计风格与色彩浅议张宏艺 网站设计风格与色彩 赵素蕊 等
