色彩的设计

设计篇 >> 多媒体课件界面设计 >> 屏幕版面规划 >> 色彩的作用 色彩的运用 色彩的搭配 >> 界面转化设计

色彩的作用

1、作为一种组织屏幕信息、形成良好屏幕格式的手段在建构屏幕时,色彩可以被当作一种很好的格式规化工具来使用。
2、 色彩本身充当有特定意义的视觉符号颜色是有意义的,这种意义可能来自于人们的长期共识,约定俗成,也可以来自软件设计者的指定。
3、 借助色彩逼真地反映客观世界。
4、 增添屏幕的吸引力,激起用户的兴趣。

色彩的运用

    在选用色彩设计软件屏幕时,最重要的是明确色彩使用的目的和可能的作用,力求发挥色彩辅助交流、促进信息传播的作用。要做到合理运用色彩应注意以下几个方面:
1、 对色彩的基本认识
    在选用色彩时,最基本的要求是了解人眼的视觉系统:明确色彩滥用可能导致的问题,并尽量去避免它;考虑色彩搭配带来的情景效应:考虑视野环境因素等等。最重要的是明确色彩使用的目标仟务,即色彩的作用是辅助交流,我们最终要达到的目标是完成信息从机到人的有效传递。
怎样来考评一个人机界面中的色彩使用是否合理,专家们提出一个建议:即把屏幕上的色彩全去掉,只留灰度显示,这时的人机界面应该仍能有效工作。换言之,色彩的作用应是为屏幕增色,而屏幕设计不可依赖色彩。有一点必须记住:不当的色彩应用,其结果不如干脆不用。
2、 避免同时使用太多颜色
    同一画面中不要使用太多的颜色,一般以四五种为限。过多的颜色会增加学习者的反应时间,增加出错的机会,易于引起视觉疲劳。我们可以用一些其他的技巧,如:空间划分、层次变化及几何形状等来配合颜色使用,以增加屏幕的视觉效果。
3、 色彩的可分辨性和协调性
    自然界中能观察到的颜色有七百五十多万种,而人眼的分辨能力十分有限,在没有对比参照的情况下指认一种颜色尤其困难。所以,如果是同时使用几种颜色来代表不同的意义,如直方图中的色条,一是数量上不能超过6-7种,二是一定要选择在光谱上有足够间隔的色彩,如红、黄、绿、蓝等。如果需要同时放置较多种颜色的话,就有必要用文字标注各种色彩的含义了。
同时出现的色彩,特别是空间位置上邻近的色彩一定要和谐,尽量避免将对比强烈的颜色放在一起,如黄与蓝,红与绿或红与蓝等,除非在作对比效果时例外。所有文字以同一颜色来表示,除非是特殊字词(如超文本中的链源关键词等)。
对于老年的用户,或是需要长时间注视屏幕的情况,设计者要考虑选用一些较明亮的颜色。
4、 用色彩来起强调作用
    活动中的对象与非活动中的对象颜色应不相同。活动中的颜色鲜明,非活动中的颜色应暗淡。以暖色,饱和的、鲜艳的色彩作为活动中的前景,以冷色、暗色、浅色作为背景色。用对比色来表现分离,用相似色来表示关联。
5、 定义色彩的含义要与用户的色彩经验和期望相一致
    毫无疑问,颜色是有意义的,但不同国家、民族、宗教、年龄层次、社会地位的人往往对色彩有着不同的理解。比如:同样是蓝色,对好来坞电影迷来说,意味着温柔和色情;对商业人士来说,意味着合作品质和可靠性;对于医学界人士,它可能意味着死亡;而对于核反应堆的监控人员,它又意味着冷却和水……
    设计者必须根据用户对象的特点来决定对色彩的选择,要尽量符合人们已经普遍接受的色彩意义。出乎预料,违反常情的色彩运用会导致用户的迷惑和混乱。下面列出几种常用色彩,它们都有一些较为确定的意义内涵:
红色:停止、火、热、危险
黄色:警告、慢速、测试
绿色:前进、状况良好、清楚、植物、安全
蓝色:冷却、水、安静、天空、中立
暖色:活动中的。要求作出反应的、关系密切的
冷色:静止的、状态信息、背景的、关系疏远的
灰色、白色:中性
6、 色彩的空间位置分布处于对人眼色彩视觉特性的考虑
     应在视野的中心多选用红、绿色,而边沿则比较适于采用蓝、黄、黑色。相对来说边缘部分的色彩不易引起注意,所以有必要采用诸如闪烁、动画等其他技巧来配合。
相邻的色块之间,只以色度来区分是不够的,它们还应该具有亮度上的区别,比较简单的方法是给色块边沿加上明显的边界线。
7、 色彩的顺序
    如果要用一个色彩的渐变序列来表达某种顺序信息,如数值从大到小、过程从开始到结束等,那么色彩的排列应与光谱顺序相吻合,即ROY G BIV (红、橙、黄、绿、蓝、靛、紫)的顺序。这样比较符合人们的视觉习惯。

彩给人视觉上造成的冲击力是最为直接与迅速的。作为第一视觉语言,色彩在界面设计中的作用是字体与图像等其他要素所无法替代的。由于对色彩的爱好是人类一种最本能、最普遍的美感,它对观看者的影响便是最为直接的。界面设计者要考虑读者最初一瞬间的色彩感觉,牢牢地捕捉住他们的眼光,以达到引起关注的目的,使设计的图例、照片、字体与空间等关系与色彩一起变成一种视觉化、形象化的语言,以达到更有效的传递目的。

色彩的搭配

一、 整体色
  色彩具有影响人们心理,唤起人们感情的作用。色彩作为界面的设计要素之一,其视觉传递的作用在创意中往往得到加强。
  所谓色调是由参与配色的色相、明度、纯度和面积关系决定的。整体色是指界面主要倾向于某一色调。不同的色彩表现不同的情感,根据设计主题选用不同色彩,将有利于情景交融的沟通。在表现这些色调时,色彩所体现的感觉将有效地突出主题内涵,创造主题特有的情调。
二、 重点色
  在同调的色中,局部加上不同调的色,形成视觉美点。色彩的点缀在界面中产生一种紧张感,成为整体的一个着力点。点缀的色应该采用小的面积,并与其他色形成强烈反差,以加强吸引力,形成视觉中心。
三、 对比色
  画面上冷暖色对比,同时占有相同面积及地位。界面上两色不分主次,对比强烈,色彩华丽,装饰性很浓。

设计篇 >> 多媒体课件界面设计 >> 屏幕版面规划 >> 色彩的作用 色彩的运用 色彩的搭配 >> 界面转化设计