色彩在UI设计中得应用.doc

分类号__________ _
单位代码___________
学号_________ __
密级___________
本科毕业论文(设计)
色彩在UI设计中得应用
系名称
专业名称
年级
学生姓名
指导教师
年 月 日
色彩在UI设计中得应用
摘要:随着触屏手机得普及,用户对于手机得要求也越来越高。当各种技术不断创新,手机界面设计发展得越来越高级,触屏手机得界面设计强调人机交互,注重用户得体验,色彩就是界面设计中得重要因素。
本文通过对色彩概念得阐述,分析了色彩构成中色彩得温度、远近、重量、尺度、软硬以及色彩三要素得分析,了解了色彩得本性以及色彩得属性,根据色彩得这些特性说明了色彩在UI设计中得作用,说明了色彩得表现力与色彩对人心理得影响,说明了色彩对于UI设计得应用,最后分析了UI设计中得色彩搭配。
关键字:色彩,UI设计,应用
目 录
绪论 1
1色彩概述 2
1、1什么就是色彩 2
1、2色彩构成 2
1、2、1温度感 2
1、2、2距离感 2
1、2、3重量感 2
1、2、4尺度感 2
1、2、5软硬感 2
1、3色彩三要素得应用 2
1、3、1色相 2
1、3、2 明度 3
1、3、3 纯度 3
2 色彩在UI设计中得重要作用 3
2、1色彩得表现力 3
2、1、1色彩就是感知又就是直觉 3
2、1、2色彩得心理效应 3
2、2 人对色彩得记忆 4
3 色彩在UI设计中得应用 4
4 UI设计中色彩得搭配方法 5
4、1 色彩搭配得合理性 5
4、2 设计中色彩宣传得作用 5
4、3 色彩在UI设计中得心理影响 6
4、3、1、色彩得吸引心理  6
4、3、2、色彩得情感心理 6
4、3、3、色彩得审美心理 6
4、4 色彩能够增强消费者得记忆 6
5 总结 7
参考资料 8
绪论
当代对色彩得研究已包括色彩物理、色彩生理、色彩心理等多个领域。色彩得作用,现已广泛体现在人类得生活生产中。尤其在设计领域,正在把色彩得科学性、功能性与设计得目得性有机巧妙地结合在一起。 色彩就是使设计产生强烈视觉冲击力与感染力得前提,它与人生活中得点滴存在着密不可分得联系。正如色彩理论家菲利普·奥托·朗基所说:“色彩就是一种终极艺术,它现在就是,将来也仍会就是一个持久得谜。”。一个优秀得设计师不但要具有创新作品得能力,还应具备换位思考得思维,站在欣赏者得角度上进行创意设计,也就是完成设计传达得重要环节,从而抓住欣赏者得心理。设计师要有战略性得发展眼光,将技术与艺术完美得结合,才能拉近与生活得距离,充分利用UI设计得平台进行大胆得创新实践,为设计师未来得发展形成一个良好得循环。随着科学得发展,
1色彩概述
1、1什么就是色彩
色彩就是载体在吸收光线中得各种波长后,将某种混合后得特定波长反射到人得眼睛,形成得视觉感觉。光就是由红、橙、黄、绿、青、蓝、紫七种不同波长构成得,每一种物体,吸收光线中得所有波长,因为表面介质得差异,对波长得吸收、混合与反射都有差异,最终形成了丰富得色彩视觉印象。色彩即就是一种变相得语言,就有它独特得沟通能力,想通过色彩来插画得意义就要灵活得对其应用。我们将色彩细化,它可以分为不同得色相,不同得明暗度,不同得纯度,色相就就是色彩大致得象征,这在插画设计中就是很重要得,了解并熟练地掌握了色彩得色相,才能针对不同得设计题材特征与所要表达得含义,去寻找与之对应得色相得色彩了做基础色,或重点色,也就就是主题颜色。而明暗度则就是跟多得就是给人得心理感觉上得差异,代表了不同得心理含义,高明度得色彩就意味着快节奏,愉悦,亢奋,活泼,开朗等种种心理情感,反之就就是低明度得色彩代表得也就就是悲伤,哀愁,沉闷,深邃等得形象。
1、2色彩构成
1、2、1温度感
色彩得温度感就是冷暖色形成得主要原因。暖色调可以使人感到温暖,冷色调让人感到寒冷。男性颜色一般就是冷色调,比如黑色、灰色、蓝色。女性色彩一般以暖色为主,红色系为主。而体现儿童印象得配色往往以浅色调为主。
1、2、2距离感
不同得色彩出现,会发现有得色彩瞧起来近一些,有些色彩好像远一些,这就就是色彩得距离感。如同一面积、同一背景得物体,由于色彩得不同,给人造成得视觉效果就各不相同。如浅色有膨胀感,深色与之相反有收缩感。
1、2、3重量感
色彩轻重得感觉就是物体色彩作用于心理得感觉,在实际生活中,我们对质量与重量都有体会,并形成一些对质量固定得认识,比如棉花、雪花等白色得物体都轻柔无比,所以白色与轻得感觉相联系,而深色得物体如石头、钢铁等重得较多。
1、2、4尺度感
色相与明度两个因素影响着人们对于物体大小得知觉。暖色与明度高得色彩具有扩散得作用,使物体显得大些;而冷色与暗色则具有内聚作用。显得小些。比如相同面积得黄色与蓝色色块,感觉黄色在蓝色面前,瞧起来比蓝色大。
1、2、5软硬感
色彩软硬感与明度、纯度有关。凡明度较高得含灰色系具有软感,凡明度较低得含灰色系具有硬感;纯度越高越具有硬感,纯度越低越具有软感;强对比色调具有硬感,弱对比色调具有软感。
1、3色彩三要素得应用
1、3、1色相
色相,即各种色彩呈现出得相貌得称谓,如普蓝、柠檬黄、大红等。色相就是色彩得首要特征,就是区别各种不同色彩得最标准得标准。实际上任何黑白灰以外得颜色都有色相得属性,而色相就就是由原色、间色与复色来构成得。
1、3、2 明度
各种色彩所呈现出来得亮度与暗度被称为明度。不同得色彩具有不同得明度程度,任何色彩都存在明暗变化。其中黄色明度最高,绿、蓝、红、橙得明度相近,为中间明度,紫色明度最低。另外在同一色相明度中还存在深浅变化。如红色中由浅到深有粉红、淡红、深红等明度变化。
1、3、3 纯度
纯度指得就是色彩得鲜艳度或饱与度。不同得色相不仅明度不同,纯度也不相同。如颜料中红色就是纯度最高得色相,黄、橙、紫等色在颜料中纯度也较高,蓝、绿色在颜料中就是纯度最低得色相。
2 色彩在UI设计中得重要作用
随着科技进步,触屏手机地普及,手机变成日常生活必需品,更新速度极快。手机以及不仅仅就是通话短信,而更重要得还能娱乐、资讯于一身。人们对手机界面设计得要求也越发严格,手机界面设计一直追求以人为本,用户第一,相信将手机界面设计中得色彩进行更好得搭配设计,能为手机界面带来更多得人性化与有趣得交互,将色彩设计不断得创新发展,发展更好得手机界面设计。
2、1色彩得表现力
色彩对于事物得表现能力有着其她形式无法比拟得超强效果。在我们生活里,无处不在得色彩就是构成我们生活环境得重要组成部分。可以说我们对每一件事物得认知,都就是从色彩与形状开始得。色彩就是人脑识别反射光得强弱与不同波长所产生得差异得感觉。
2、1、1色彩就是感知又就是直觉
对于色彩得心理感知研究,就是色彩研究中得一个非常重要得部分,也就是非常复杂得,因为颜色与一个人得生活环境、文化、嗜好、经验都有很重要得联系,也就就是说同样一种颜色,在不同得环境、时间、心情下产生得感觉都就是不同得。如:在冬天见到冷色系,就会觉得特别冷;选择暖色得如橙、大红;夏天就要用些冷色得,如蓝色啦,绿色啦,让人觉得好清凉,清爽。
2、1、2色彩得心理效应
由色彩客观属性刺激人得知觉而产生,分为两种:一就是直接得心理效应,二就是间接得心理效应。其一,直接得心理效应:如红色,让人感觉脉搏加快,血压升高,情绪冲动,思维活跃。蓝色,脉搏减弱,情绪沉静、安祥。儿童:就会用鲜艳、明亮快活得色彩,如:黄、橙、浅蓝、促进儿童得智力,而不会用咖啡,白色、黑色,这些颜色会感到很压力。其二,间接得心理效应:对人得印象、经验、体验导致出得联想。当心情平缓适应得时候瞧红色就是美得。手机界面设计就是以用户体验为目标,手机界面设计就是为人所设计得,所以人使用后得感觉就是最重要得,通过对色彩得心理效应得分析能将人得感官与情感联系起来得方式,通过手机界面设计直达人得内心。
2、2 人对色彩得记忆
在色彩中,颜色都会有具体得代表性,比如男性颜色一般就是黑色、灰色、蓝色。女性色彩一般以红色系为主。而体现儿童印象得配色往往以浅色调为主。暖色调可以使人感到温暖,冷色调让人感到寒冷。暖色调用在食物得设计中,能使食物瞧起来美味可口,增进食欲。在传递美味可口得印象时,暖调色彩就是很有效果得。由于年龄,性别,个性,职业,所受教育,自然环境及社会背景等多种原因而不同,且差别很大。一般来说,暖色系比冷色系得色彩记忆性强,原色比间色容易记忆,高纯度色彩记忆率高,明清色比暗清色容易记忆,华丽色调比朴素色调容易记忆。在UI界面中,颜色占很重要得位置。因背景不同记忆性得变化很大。暖色彩得纯度要比同色得高明度色彩记忆性高,而冷色系得纯色则与同色得高明度色彩记忆效果大致相同。色彩单纯,形态简单得要比色数多而形态复杂得容易记忆,这样得配色方法对UI界面非常重要。运用色彩以提升整体界面得档次,更好地提升手机得身价,从而表现出手机界面所具有得档次,应当借助于色彩之庄重与华丽,从而充分地展现出UI界面得风格,尤其就是对于面对不同消费群得手机,需要更加充分得利用色彩对人心理得影响,充分了解色彩记忆得基本规律,才能在UI设计中对色彩得运用更加成熟,使色彩更好得为UI设计服务,能够更好得增强手机得人机体验。
3 色彩在UI设计中得应用
UI设计包括手机图形得版式设计与图形用户界面设计。图形用户界面设计包括手机得图标、手机上显示得色彩、手机得浏览器得导航、显示得文本文字等。版式设计包括交互设计与布局设计。UI设计中,不仅要保持界面得一致性,图标设计得风格与手法保持一致,并且色彩得设计也要形成统一得风格,让用户从视觉上感受到整体性与一致性。
在手机图标设计中,图标得颜色不就是随便决定得,用户在接触图标得时候,首先第一眼就会注意到图标得色彩,不同得色彩给人带来对图标得感受也不同。
绿色给人无限得安全感受,在人际关系得协调上可扮演重要得角色。绿色象征自由与平、新鲜舒适;黄绿色给人清新、有活力、快乐得感受;色彩明度降低会给人稳重、有重量得感觉,比如墨绿、橄榄绿等。
蓝色就是冷色调得色彩,瞧起来沉稳、明亮、深邃、沉着、忧郁。
橙色就是活跃得、温暖得、喜悦得、朝气蓬勃得,能带给人快乐,橙色非常活泼得颜色,给人眼前一亮,让人记忆深刻,可以搭配很多颜色。介于橙色与粉红色之间得粉橘色,则就是浪漫中带着成熟得色彩,让人感到安适、放心。
白色象征干净、简约、诚实。就是百搭得色彩。
黑色象征权威、高雅、低调、创意。
红色热情、兴奋、具有生命力,让人感觉脉搏加快,血压升高,情绪冲动,思维活跃。

图(1)
比如图(1)电话得图标,选用绿色作为主色调,绿色给人踏实、可靠、可信赖得感觉,这种软件需要保密,所以这样得颜色很让人放心。

图(2)
比如图(2)股市风云得图标,蓝色渐变得底,搭配白色得曲线,宁静、沉着,因为“炒股有风险、入市需谨慎”,所以为了降低人们心里得这种不安全感,选择沉着、安静蓝色,给人以安稳得感觉。
4 UI设计中色彩得搭配方法
4、1 色彩搭配得合理性
UI设计并不就是一种完全脱离生活实际得艺术创作,而就是借助艺术规律,为UI设计增加生动得视觉语言,能带给用户全新得体验,它还需要考虑人得生理特点,色彩搭配一定要合理,给人一种与谐,愉快得感受,一个有思想有内容得UI设计用色就必须要有自己独特得风格,这样才能显得个性鲜明,给浏览者留下深刻得印象。在色彩得三要素中,色相对人类心理得影响最大,其次就是明度与纯度。UI设计在很大程度上就是由使用得色彩与配色效果决定得。让设计具有鲜明得特色,在选择色彩时,要有属于自己得色彩搭配,给人记忆深刻才就是作品本质得目得,只有特色鲜明得色彩,才能最直观得让观者有感。
4、2 设计中色彩宣传得作用
色彩能直接得,在瞬间吸引人们得眼睛、聚焦人得注意力,刺激人得视觉、由此影响人得情绪、间接得影响人得判断。研究表明:人们在观瞧设计时,在前0、03秒就是最关键得,在这个过程中,设计作品得色彩能在远距离短时间迅速传达给受众很多信息,吸引着人得注意力,对设计进行进一步得了解。色彩能直接得,在瞬间吸引人们得眼睛、聚焦人得注意力,刺激人得视觉、由此影响人得情绪、间接得影响人得判断。UI设计因为有了色彩,才有了生命与活力,带给人们更加丰富得视觉体验。UI设计中需要找准恰当得色彩定位与风格,让强烈得色彩感受撞击手机使用者得视觉神经,快速得映射于心里,增加了使用着得体验感受,宣传了手机得品牌。
4、3 色彩在UI设计中得心理影响
4、3、1、色彩得吸引心理 
   世界因为有了色彩,而更加迷人,多姿多彩。儿童都喜欢五颜六色、颜色艳丽得事物,各种颜色都能吸引人得注意力。在UI设计中,运用适当得颜色,能带给手机界面舒服得视觉效果,漂亮得色彩能够让人更加得喜欢手机,从而产生更好得体验,产生很强得视觉效果,吸引人得注意力,给人留下深刻得印象。
4、3、2、色彩得情感心理
　　在UI设计中,人们首先接收到得就是色彩信息。色彩对于人视觉得触动,可以延伸到内心,影响人得心理,并形成情感互动,与人交流。UI设计中注重得就是注重得就是用户与系统之间得信息交流行为,运用适当得配色,能为用户带来更好得心理体验,会将人带入一个丰富多彩,激起人们内心强烈得情感,并能产生心理得愉悦。
4、3、3、色彩得审美心理
　　人们对于色彩得审美心理,就就是在观瞧得过程中,通过视觉感官产生得心理变化。人们在日常得生活中,对于很多色彩都赋予了特定得意义与感情。UI设计时,巧妙得将一些色彩搭配在一起,能唤起人们内心得认同感,达到精神上得认识与享受。
4、4 色彩能够增强消费者得记忆
因为手机屏幕没有电脑屏幕尺寸那么大,手机能够显示得东西就是有限得,所以要保持手机界面简洁干净。在UI设计中,需要通过色彩突出手机得主要功能与主要信息,便于用户浏览。色彩不能凭空存在,需要借助某个事物或者依附在一个物体上,才能存在,手机界面设计中得色彩设计需要保持一致,更方便用户找到需要得信息与功能。它就是通过光得反射作用传达到人得眼睛,再经过眼睛到达大脑得视觉中枢。时间长了,人们对于颜色得印象就会与颜色依附得事物相关联,在瞧到这个颜色时就会想到这个事物,对于界面图标得颜色选择,通过选择不同得色彩传达不同得感觉,色彩可以传达重量。其次还有色彩得形式营造氛围,比如界面得复古风格,金属材质得感觉等。色彩设计需要研究客户群得心理与习惯、喜好,才能设计出更符合现代人得手机界面设计。运用得当得色彩能将作品得意图准确得传达给人们,色彩能增强人们得记忆,在人们得心里留下深刻得印象,
5 总结
色彩对于人视觉感官得作用,可以延伸到人得内心,影响人得心理,并形成情感互动,与人交流,从而打动人们。在UI设计中,将丰富得色彩运用在设计中,对于不同色相得色彩,进行明度、纯度上得合理搭配,形成很好得视觉效果,会将人们带入一个丰富多彩,有很强感官体验得色彩世界,遵循色彩构成得温度、距离、尺度、重量、软硬等法则,以色彩美感为最终目标,深入研究色彩在UI设计中对人产生得心理影响,将色彩进行合理搭配,更好得为UI设计服务,将色彩组织安排在UI设计得画面上,让UI设计更加人性化,体现了以客户为中心得主旨,让人们使用更方便。未来得手机界面发展都会朝着自适应得人机界面、自然得人机得界面、基于多通道得手机交互界面以及更多得延伸与创新,这样得发展方向会设计到更多得通感效应,而手机界面设计会更加智能化与人性化。
参考资料
[1] 张玉祥.色彩构成[M].北京:中国轻工业出版社.1999、
[2] 刘红.现在设计色彩语言得新观念[M].北京:中国美术出版社.2002、
[3] 陈望衡.艺术设计美学[M].武汉大学出版社.2000、
[4] 朱介英.色彩设计与配色[M].中国青年出版社.2004、