1、色彩设计在web界面如何应用
一、 视觉引导功能
视觉引导功能遵循的是一条流畅的路径，网页色彩能顺利地引导用户在页面上移动体验。
在WEB界面设计中，色彩担负起和线条、文字一样的视觉引导和强调的作用。设计师可以充分利用色彩导向作用力量去美化页面，对重要的信息进行色彩的整合和强化，引导浏览者的注意力，有利于推广新产品。对需要强调的内容适当运用色彩加以突出，使浏览者加深记忆，提高网站的信息传递效率。在产品展示类型的网页中，色彩的强调功能尤为明显。我们在浏览一些页面中不难发现世界顶级护肤品牌HR赫莲娜的展示页面，它成功地利用色彩将浏览者的注意力引导到产品之上，给人留下深刻的印象。又如在某些商品展示类的网站，色彩的导向传递功能运用尤为明显：亮色系比如以黄色为背景一般所代表的意思是促销产品热卖产品，而蓝色、褐色或深绿色等冷色调的搭配则多用来表现商品的价值。
二、企业形象识别功能
企业标准色是企业形象识别要素之一，网站设计者将企业网络界面色彩与企业标准色相呼应起到了加深企业形象的作用。格罗佩斯(Walter Gropius)在他的《艺术家与技术家在何处相会》一文中提到“如果物体的形象很适合于它的工作，它的本质就能被人看的清楚明确。”从这里可以很深刻的了解到企业形象在信息传递和接纳过程当中所起到的非常重要的作用因素。色彩也是形成企业形象的关键要素，企业标准色是企业形象的色彩表示系统，人们一看到此色彩就会联想到该企业。把CI设计这一理念应用到网站整体形象规划与设计开发上来，以企业CI设计中的标准色作为WEB界面的主色调展开设计，使WEB界面成为企业形象的延伸和宣传，无疑是把WEB界面设计推向正规化、品牌化发展的道路。它可以使网站与企业具有共通的视觉特征，便于宣传和识别，通常达到事半功倍、相得益彰的效果。
百事可乐在全世界拥有较高的知名度，使人过目不忘的蓝色和标准字体已成为它的标志。我们可以浏览一下百事可乐系列站点，每个网站的主体风格不尽相同，美国总站稳重些，英国站比较活泼，即使站点风格有些差异但都保持了一致的文化特点，都采用了大快蓝色的底色，给人以热情、活力、喜悦的感觉，应用在网络界面设计中，让受众群联想到饮用百事可乐所带来的快乐心情，无形中就加深了百事可乐品牌在消费者的心目中的形象。
三、 视觉区域划分功能
WEB界面的首要功能是信息传递，色彩正是创造有序的视觉信息流程的重要因素。利用不同色彩设计进行视觉区域划分是网络界面设计中的常用手法，也是色彩在WEB界面设计中的重要功能。网络界面中的信息不仅数量多，而且种类繁杂，往往在一个页面中可以看到各种各样的信息问题，利用色彩分布，可以将不同类型的信息分类排列，并配合相应内容，有针对性地设计色彩；利用各种色彩带给人的不同心理效果，很好的区分出主次顺序，从而形成有序的视觉流程。
色彩的视觉区域划分功能实用性强，变化性强，灵活易用，适用面广泛，在信息繁杂丰富的门户类网站中应用较多，而且效果较为明显。利用色彩和辅助线把网络界面分成几个区域，这些区域可以是规则也可以是不规则的，以适应多种信息内容编排的需要。“FDI世界园”是一家招商投资网站，它的网络界面设计十分简洁，多趣味性。由多种色块矩形区域拼合成了网络界面的整体框架，用按钮形式来显示导航功能选择，很清晰地把网站的内容分类展示给浏览者，配合上网站通用的icon，整个网站十分舒畅，同时减轻的用户的视觉负担。
四、审美功能
WEB界面不仅具有实用的物质功能，而且具有审美的精神功能，发挥审美功能的界面形象与发挥实用功能的界面实体是同一的，它们具有同质同构的联系，网络界面是以一定的使用目的或物质功能为存在前提的，其审美功能必须以其使用目的为导向，即审美功能不能背离其使用目的。由于人的视觉对于色彩有着特殊的敏感性，因此色彩所产生的美感魅力往往更为直接。
色彩既是视觉信息传达的方式(实用功能)，又是艺术设计的语言(审美功能)，当网络界面的色彩所反映的情趣与人们的审美情绪发生共鸣时，也就是说色彩配合的形式结构与人们审美心理的形式结构相对应时，人们就会感觉到色彩和谐的愉悦。色彩设计对WEB界面设计作品的艺术品位起着举足轻重的作用，不仅在视觉上，而且在心理作用和象征作用中都可以得到充分的体现。因此，网络界面设计要以色彩的科学知识为基础，进而从美学的角度去探讨色彩设计的表现形式，增强WEB界面设计作品的艺术性，以创造出更富审美情趣的作品。在国内68design网页设计的站点，其中国内优秀设计作品中一家叫冰艺工作室的网站还是比较吸引人的眼球，让人不由自觉的想去点击它。它每个网络界面所选择的色彩和图形都能使浏览者自然地将其与产品风格联系在一起，界面中间色彩和四周部分黑、白、灰无彩色的色调搭配形成了动静相宜、多样统一的韵律美，给网络界面注入了活泼而新鲜的活力，从而达成令人赏心悦目的界面形式，和谐中富于变化，具有独特的创造性和审美价值。
五、品牌语言传递功能
品牌宣传效果不仅应该在视觉上，而且应该在心理上和象征上得到体会和理解。不同色相具有不同的语意特征。人们经过长期的社会生产实践和生活体验，对色彩形成了不同的情感和心理感受，人们将这种长期积累的色彩印象赋予各种语意特点并将其应用到生产、生活中。
在众多的网站类型中，不同的网站类型都有自身的色彩语意相关性。如儿童用品的网站设计多使用色彩亮丽、醒目的纯色；蓝色常用在表现同科技产业等相关新兴产业的WEB界面设计上。因此，设计者在界面色彩语言表达中应充分考虑不同色彩的语意特点，并将其和WEB界面主题内容结合起来。
六、主题鲜明功能
网络是信息的海洋，浏览者在网络中漫游无疑是寻找他们所需要的信息资源，网络界面传递的信息内容与传递方式应该是相互统一的，这是设计作品成功的必要条件之一。网络界面如何使浏览者迅速、快捷、准确的掌握主题，整合信息资源，这就需要设计师利用色彩的对比调和手段，产生视觉落差，来表现信息的重点，从而提高浏览者获取信息的效率。设计师可利用不同色彩自身的表现力、情感效应以及审美心理感觉等，使网络界面的内容与形式有机地结合起来，以色彩的内在力量来美化页面，或含蓄优雅，或动感强烈，或时尚新颖，或单纯醒目，烘托主题、突出主题。在网络界面设计的许多成功作品中我们都可以看出这一点。三星galaxys3公司的商业网站，进入该网站的第一需要就是找到所需的产品，WEB界面设计者就利用了产品图片显示颜色和灰色块强烈对比所产生的视觉落差，突出了右上角黑色文字主题内容和产品薄轻便的优势，以色彩的内在力量引起浏览者的重点关注，引导浏览者以最便捷的方式使用该网络界面，同时，灰色色块背景好似深沉的蓝色里的交音阶，高贵、气质不凡，铺色用心，恰到好处，使网站风格突出，大大增强了网站的艺术性和吸引力，从而提高了网站的知名度。
2、如何将蓝色运用到建筑行业的网站设计中
这是因为过去工程用图纸的复印方式所决定的，当大量复印时好象是用什么氨水薰的，这样印价便宜．
先把图纸描在透明纸上，在把这个透明的底图纸放在晒图机上，用光线照，机子里面放氨水，然后产生什么化学反应，纸上就有了图形．
所以说，以后人们又把正式的工程图纸称为蓝图，呵呵，不会是因为它就是蓝色的吧．
3、蓝色在美工设计中有什么作用？
蓝色给人一种清新、舒畅的感觉，是一种最具理智、沉稳的颜色。在大自然中，比如冬天天空的颜色为蓝色，会使人感到寒冷；在装潢设计中，比如浅蓝色背景墙添了几分清爽，避免了空间过于单调。蓝色是冷色调当中最为典型的代表色，也是网店美工设计中最常用的色彩，它往往可以衬托出其他具有扩张力的色彩，让整个网页看起来更加丰富，如图所示。整个网页以蓝色为主色调，让人联想到大海、蓝天，突出了产品的特性。不同的蓝色调使得整个网页更具有层次性，不再呆板单调。
萨奇旗舰店首页
4、如何在网页设计中使用正确的色彩以表达情感
笑天涯说：为什么Facebook的主题色是蓝色的?为什么淘宝的主题色是橙色的?如何在网页设计时，正确地使用色彩?欲知个中缘由和方法，且看本文分解! 作者是位顾问，曾帮多家做出适当转型，让其营利上升，来看看他有些什么秘诀。 色彩影响人类心情与思考这件事情是真的，当眼睛看到某种颜色时，会将此讯息传回大脑的下视丘，经由一系列的神经传达，甲状腺分泌贺尔蒙，进而造成情绪、情感或是实际反应。 经由线上 uickSprout 的研究显示，颜色可以影响 90% 的产品评价;数位行销专家 Neil Patel 指出，85% 购产品的原因是出自于颜色，而色彩对于网路上各式各样的设计当然也具有一定影响。 跟相亲一样，第一印象很重要;只要抓住色彩使用的箇中奥妙，就等于抓住读者的心。 什么是色彩心理学? 在我们开始谈色彩攻略之前，先来谈谈色彩心理学，字面上来讲就是研究色彩如何影响心理的学问，有些人因为还没有大量文献研究背书，而对色彩心理学抱持怀疑立场，而我接下来要探讨色彩对于人的观感影响也不是每一项都经由科学证实，但是色彩对于认知行为的影响实在非常巨大，因此仍有探讨的必要性存在。 在一篇文献探讨中，Satyendra Singh 认为顾客在 90 秒内就会决定一项产品的观感，其中色彩就占 62%-90% 的决定性因素，色彩心理学的重要性因此不证自明，产品要成功，选色很重要，领导者、经理人、建筑师、主厨、设计师等等都应该正视颜色带来的影响。 色彩用对地方才能穿透人心 跳到正题，既然颜色这么重要，那要用在哪里才能真正发挥功效?本文将讨论各种网页上的颜色设计运用，最主要将着重在的主色调上，包含网页主图、标题、隔线、背景色、连结纽以及弹出视窗都在讨论范围内。 例如下图，NinjaJump 在 logo、码、分类连结、副标题连结、侧边连结都使用绿、黄、红三色，我们要讨论的重点也可以运用到选项栏位、侧边栏位与色彩策略等等。 色彩学真的非常精妙，不仅要用对地方，连天时地利人为因素都要加进去考量，才能展现威力。如果要在网页上跳跳床，你绝对不会想到要用黑色，看看NinjaJump?。 身为一个跳跳床的，我们可以预期的是明亮有活力的配色，红色、绿色、再加上一点亮澄澄的黄色对孩童与父母而言都是不错的选择。若今天的消费主要客是女性，可能这招就不管用，L&rsuo;Oreal 的就仅使用简单的黑与白色，加上些许紫色增添层次感。 关于为何 L&rsuo;Oreal 使用黑白两色是正确的，我留到稍后解释，首先再一次提醒运用色彩要注意：用对地方、用对时间、针对客、针对目的，我们先来看看以下几点。 女性不喜欢灰、橘与棕色;她们喜欢蓝、紫与绿色。 Patel 利用性别来分类男女对于颜色有何不同的喜好，在一项颜色与性别的研究中，35% 的女性表示她们最喜欢蓝色;再来是紫色占 23%、绿色占 14%。33% 的女性表示橘色是她们最不喜欢的颜色，再来是棕色 33% 与灰色 17%。 其他研究也显示女性较不偏好大地色系，只要看看瞄准女性做为主要客的线上购物就可证实。 化妆品牌 Milani Cosmetics 专供女性场，其首页上没有任何一点橘、棕、灰色。 Won&rsuo;s Day 则是把所有女性最爱的颜色 (蓝、紫、绿) 都放上网页设计了。 还是有人以为女生最爱粉红色，请容我在这先翻个白眼，事实上只有少数女性会将粉红色选为最喜爱的颜色，虽然粉红色与女性柔若有相关联，但使用蓝、紫、绿色，反而能够有效增进女性购物者的造访率。 男性不喜欢紫、橘、棕色;他们喜欢蓝、绿与黑色 如果男性才是的主要针对客，最好别用紫、橘、棕色。蓝、绿与黑色在传统上较常与男性气息连结在一起，棕色竟然不在此列倒是让人有点讶异。 蓝色可以增进使用者的信任 蓝色事实上是最被普遍使用的颜色，而且很多人喜欢，所以蓝色是最温暖的颜色(喂!)。 只要看看有关蓝色的文献探讨，就可以发现蓝色被认为是信任、和平、秩序、忠诚的象徵;也会让人有冷静下来的作用;甚至还可以将蓝色直接代表宁静。 在颜色对于心理影响的调查中，蓝色传达信任感与宁静的作用是被证实过的，所以看看 Facebook 就知道，将蓝色运用在主页面上用以传达核心价值：透明与信任。 如果 Facebook 的例子还不够明显，我们再来看看 Paypal，作为一个线上支付平台，同样也选择蓝色增进使用者的信任。如果他们用的是红色或橘色，大概让人以为是在跳楼大拍的机率还会高一点。
5、网页设计中，淡蓝色系网站如何配色？
首先说一下蓝色系列网站既是最难搭配的也是最好搭配的，
之所以好搭配是因为蓝色作为主色调的网站可以运用单色进行设计，配合黑色或者白色完全可以取得很好的效果。
之所以说难搭配是因为两点
第一，蓝色本身很难运用，很容易用“火”，颜色太纯，过于刺眼。也很容易用“灰”，颜色太脏，过于灰暗。
第二，蓝色的网站寻找合适的搭配颜色很难，并不是没有。只要合理的选择可以在互补色系中寻找比较好的颜色，切记一点就是“五色令人目盲”，颜色种类一定要控制在三种之内，要不就会显得“乱”。
6、蓝色为什么会成为ui设计中最常用的色彩
1、绝大多的用户喜欢这个颜色
有调研指出，绝大多数的人都喜欢蓝色，蓝色被认为是全球范围内最安全的设计用色。
2、蓝色与自然相关
清朗的天空和纯净的水，在多数时候都呈现出漂亮的蓝色，它们代表着好天气和健康的水源，这种对自然的亲近深藏在人类的基因当中，外化表现为对蓝色的喜好。
蓝是海洋和天空的色彩，是自然的色彩。
3、蓝色还是UI设计师的通用色彩
从UI设计师的角度上来看，这是一种泛用且实用的色彩。常见的色彩当中，红色、橙色、绿色对于用户都有这强烈的情感影响，其中黄色常用作警告，红色能够唤醒用户的激情，也能够昭示危险，而绿色常常关乎健康、安全，相比于它们，蓝色的泛用性明显更强。
4、蓝色所传递的情感相对更加抽象
它还能传递出“创新”和“科技”的感觉。所以，当公司采用蓝色LOGO的时候，常常会让人想到技术和创新。
5、蓝色会让人有安全感
因此许多旅游相关的APP和网站会乐于采用蓝色的UI设计。它隐隐传达出可靠、信任的感觉，对于旅行类的应用和网站，无疑是不错的选择。
6、蓝色让产品看起来更加值得信赖
更准确地说，它会让用户更倾向于觉得“这是我要的产品”，当这种感觉和品牌本身的运作和特质结合起来的时候，就能够形成让人信任的品牌性格了。
蓝色令人沉静，能让人感觉平衡和智慧。许多金融类服务企业也因此选择蓝色作为品牌色。
7、蓝色对于色盲也足够友好
占比最大的红绿色盲群体都能够清晰地分辨出蓝色。
色盲用户眼中的色彩效果
蓝色是Facebook 的主要色调，因为扎克伯格就是色盲，正如他所说：“于我而言蓝色是我最容易分辨的色彩，所有的蓝色我都能掌控。”
7、网页设计中的色彩有何应用原则
看看优秀的网站能够给我们带来很多启示。下面我们就先看看这些主色调的象征意义和这些色调中做的比较优秀的网站。
灰色：象征冷静、中立；（苹果、维基百科、纽约时报……）
绿色：象征健康、生命；（BP石油、食品超市whole foods、星巴克……）
蓝色：象征可靠、力量；（戴尔、大众汽车、IBM……）
紫色：象征智慧、想象；（雅虎、T-Mobile、科幻主题电视台Syfy……）
红色：象征血气、年轻；（可口可乐、乐高、肯德基……）
橙色：象征欢乐、信任；（芬达、亚马逊、火狐……）
黄色：象征温暖、透明；（百思买、法拉利、麦当劳……）
网页设计色彩搭配原则
网页美工设计中，最常用的几个颜色为蓝色、绿色、橙色，以及暗红色。
蓝为主调。蓝色多与白、橙搭配，。白底，蓝标题栏，橙色按钮或ICON做点缀;蓝天白云，沉静整洁的感觉。
绿为主调。绿色多与白、兰两色搭配。白底，绿标题栏，兰色或橙色按钮或ICON做点缀，绿白相间，雅致而有生气。
橙为主调。橙色多与白、红搭配。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀，橙色活泼热情，标准的商业色调，因此多用于商业网站的网页美工设计。
暗红为主调。暗红色显得宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。黑或灰底，暗红标题栏，文字内容背景为浅灰色。
网页设计师需要注意的几点
尽管三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页设计，不同的颜色在搭配上也有着其中的学问，网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来，所以平面设计上的审美的观点在网页设计上非常实用。
在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。
忌脏是指背景与文字内容对比不强烈，灰暗的背景令人沮丧!
忌纯是指艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
忌跳是指再好看的颜色，也不能脱离整体。
忌花是指要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。
忌粉是指颜色浅固然显的干净，但如果对比过弱，显得苍白无力了，就象病夫一样无可救药。
另外，蓝色忌纯，绿色忌黄，红色忌艳。
当然，作为网页设计师，我们最需要时刻提醒自己的是不要为了设计而设计。
一切的设计都要以用户的需求为导向。一个优秀的网站，会给用户非常直观简介明了的体验和简明的导航。