毕业设计(论文)
究界面一致性如何与用户预期吻合。
2.7 色彩的选择与组合
在界面设计中,色彩的色调和组合关系会短时间起到“凝聚”用户视觉的作用,同时也会使用户产生心理的变化。
2.7.1 色彩的联想
虽然色彩的联想作用在心理学范畴内,但是它的适用性却体现在了艺术设计中。若不能够预测人是如何感知色彩的、如何发生作用的,也就不可能有效地应用色彩。
色彩的象征意义和心理暗示从人类的高级情感来分析,具体如下: 1.红色
红色是一种令人激奋的色彩。它能使人产生冲动、愤怒、热情、活力的感觉。这种色彩在女性和男性之间、衰老和年轻之间、内向和外向之间、意志薄弱和坚强之间,均倾向于后者。
红色最能引起人的视觉注意,因此,红色常被作为心理上的警示。在逐渐变暗时,红色变得深沉而庄重;反之则变得有激情而欢快。在色环上,当红色变向紫色时,红色就逐渐由兴奋变为安静,变得浪漫、豪华、严肃、富裕、强大和优雅。当红色在色环上偏近黄色时,红色就变得更加具有爆发力、煽动力和暴力倾向。
2.黄色
黄色能体现出快乐、希望和轻快的个性,它的明度是最高的,是一种自我膨胀和寻求幸运的颜色。
黄色还具有警示作用。可能是对于马峰或黄蜂身上的黄黑条纹的恐惧联想,一般能马上注意到这种颜色搭配所暗示的危险的存在,这就是在现实生活中一些危险的地方,如变压器、停车位、放射性工作间等处,常能看见黄黑色设计的条纹和图表的原因。
3.蓝色
蓝色具有凉爽、清新、专业的个性。在视觉上往往给人一种被动、静谧、深邃、潮湿、谨慎、忧郁、科技和理智的感觉。他颇受成年人的喜爱,因为它表现得更加理智、更加成熟。蓝色越深,就越显得深邃、遥远;反之,便会引起人梦幻、童话、
第 6 页 共 6 页
毕业设计(论文)
清凉的感受。
4.绿色
绿色具有黄色和蓝色的某些特征,使人联想到和睦、宁静、健康、坚定。在色环上绿色偏近黄色时,就变得温暖、活泼、健康而无危害。它加进一点白色,就可以产生一种女性的优雅和轻盈的感觉。当在色环上偏近蓝色时,绿色就变得更加坚定、顽强和持久,这种颜色很能吸引那些能抵挡得住各种诱惑、有信念、办事稳妥并具有强烈自尊心的人。
绿色已得到了广泛的运用,它已被人们理解为安全、正常和成功的象征。在街道上,绿色的灯表示可以安全通过。绿色的区域是安全的,绿色的逃生标志引导人们在紧急情况下的逃生路线;绿色的图标提示意味着一切正常等。
5.橙色
橙色也像绿色一样具有其他两种颜色的特征。橙色是一种激奋的色彩,具有轻快、欢欣、开放、温馨、时尚、有活力、无拘束和感情洋溢的感觉。据研究,在橙色的氛围里时人的活动没有任何拘束,因此橙色在很大程度上代表了温暖和真挚的感情。
6.紫色
紫色令人联想到昏暗、深刻、高贵、奢华、阴暗、悲哀、不可靠。紫色越深,严格和呆板的效果就反映得越明显;反之,明亮的紫色会比较容易显得没有主见、脆弱、易受刺激、温柔、寂寞。
值得注意的是,紫色特有的暧昧性、神秘性、不确定,在一些知识分子和社会文明程度较高的、想把处事和感情理性化的人群中受到普片的排斥。
7.白色
白色具有纯洁、完美、纯真、不可触及、不可接近、神圣的、空洞的、无限的感受。白色常给人以光的联想,现在很多界面设计中具有透明质感的反光设计,实际上都是因为考虑到白色的特性。它可以让画面有一种透气感,使得界面不但有清新明亮的感觉,而且没有压迫感,也没有沉闷感。
8.黑色
黑色具有深沉、神秘、寂静、压抑、高贵、消极、邪恶、坚定的感觉。任何颜色和它放置在一起都会显得醒目而又有活力。
9.灰色
第 7 页 共 7 页
毕业设计(论文)
灰色具有中庸、平凡、温和、中立、单调、矛盾、厌世、高雅的感觉。灰色越深,就越给人一种安定、沉稳、和谐的心理暗示。它本身是一种缺乏活力的颜色,在视觉上具有次要地位。综合灰色的特性,很多软件的界面设计都将不可执行的命令设计为灰色。
有些色彩给人的感觉是两极的,比如黑色有时给人沉默、空虚的感觉,但有时也感觉庄严、肃穆。白色有时让人感觉到恐惧和悲哀,但有时却给人以无限的希望。每种色彩在纯度透明上略微变化,就会使人产生不同的感觉。
2.7.2 色彩的心里感受
色彩本是不带任何任何含义的,只是人的心里感觉把它们分成了不同的类别。例如,在夏天挂上深绿色窗帘,不见一丝阳光,就会在心理上感到非常凉快。这并不是现实中的温度产生了某些变化,而是因为色彩影响到了人的内心。数字媒体界面的色彩是用户使用界面过程中引导用户行为和影响用户心里的重要因素。
1.冷暖
暖色能使人感受到温暖,而冷色则使人感到寒冷。给人热情、刺激、前进、喜庆等感觉的是暖色;给人寒冷、收缩、后退等感觉的是冷色。在运用中常会见到色彩的冷暖对比,所以它非常重要。
2.轻重
中性色有黑色和白色,但它们不容易分别出冷暖,轻重之分却很明显,给人厚重感觉的是黑色,给人轻快感觉的是白色。一般来说,重色彩明度不强,轻色彩明度强。
3.软硬
色彩的软硬感主要由明度和纯度来衡量,一般来说有软感得色彩明度高、纯度低;有硬感的色彩明度低、纯度低。
4.进退
色彩的进退感是色彩对比中“显”和“隐”现象使人产生距离上差异造成的。使人感到近的有红、黄、橙等暖色,使人感到远的有蓝、青、紫等冷色;让人感到远的那些是明度低和纯度低的色彩,让人感到近的是那些明度高和纯度高的色彩。
5.强弱
第 8 页 共 8 页
毕业设计(论文)
与色彩的强弱感相关的有色相、纯度,还有配色对比。在色相中,最强感的是红色;有强感的色纯度高,而且对比度大;有弱感的色纯度低,而且对比度小。在无彩色系中,最具强感的是黑色,最具弱感的是白色。 6.膨胀收缩
暖色有膨大感,明度高;冷色有收缩感,明度低。在无彩色系中,有收缩感得是黑色,有膨大感的是白色。 7.明快忧郁
色彩的明快忧郁感与明度、纯度、色相、配色对比均有关系。暖色、鲜艳色有明快感,明度高,纯度高;冷色、阴晦色有忧郁感,明度低,纯度低。有明快感的配色对比大,有忧郁感的配色对比小。 8.兴奋沉静
给人以兴奋感的有暖色和明度高的色以及纯度高的色;给人以沉静感的有冷色和明度以及纯度低的色。有明快感的配色对比大,有忧郁感的配色对比小。
9.华丽朴素
给人以华丽感的色彩鲜艳、明度高;具有朴素感的色彩晦涩、深谙。有华丽感的
色 彩配色对比大、有色彩系;有沉静感的色彩配色对比小;有朴素感的色彩无彩色系。
2.7.3 色彩组合
色彩组合原理基本上是从色彩的鲜明性、色彩的独特性、色彩的合适性、色彩的联想性4个方面来考虑的。而色彩组合的总体原则也是界面设计的主要原则,即一致性。
为达到色彩对界面的易用和舒适的心里影响这一目的,在对色彩进行组合的过程中,有以下几种方法可以采用借鉴:
1.用一种色彩。界面的色彩变化均基于该颜色进行透明度或饱和度的调节。 2.用两种颜色。先选定一种颜色,然后选择其对比色,当然,这中间应考虑色饱和度的对比关系。
3.用一个色系里的颜色进行组合。 4.用黑色和一种彩色搭配。
第 9 页 共 9 页
毕业设计(论文)
针对界面设计,需要注意的是以下几点:
1.一个页面不要将所有颜色都用到,尽量控制在3中颜色以内。
2.背景和前文的对比差异尽量要大,花纹繁复的图案绝对不能用来作为背景,以免影响那些主要文字信息的读取。
3.避免不兼容得颜色大面积地放置在一起,如高饱和度的黄与蓝、红与绿等。
普遍的理论还有:一致的色彩被用来构建整个色彩环境,冲突的色彩被用来显示变化和提示,柔和的色彩用来增强用户的舒适度和减少疲劳,跳跃的色彩用来彰显个性,合适的对比度用来增强文字或图形的可读性等。
2.7.4 色彩分析实例(音乐播放软件千千静听)
从外观上上看,千千静听有多重配色方案。高贵的黑色,淡雅的蔚蓝色,幽深的
紫色,高贵的红色和银色,使每一个用户都能从中找到适合自己的、自己喜欢的外观。
紫色与黑色整体颜色的搭配,看起来非常的典雅。中间又镶嵌点点蓝色,使得整个界面看起来富于变化,如图2.1。
图2.1 紫色与黑色搭配
第 10 页 共 10 页