3.颜色最基础.ppt

第3章 界面设计 3.1人机界面设计 3.2颜色基础 三、人机交互方式 人机交互方式有多种，在不同阶段需要不同的交互方式，交互离不开交互介质。 1、文本----概念和细节； 2、热区----空间信息； 3、图像----突出事物； 4、按钮----突出动作； 5、限次----突出保险； 6、菜单----操作方便。 四、界面结构实现 1、调查分析：根据用户类型和要求制定结构图； 2、建立交互界面模型：采用多种方法：采用列表选择，减少用户记忆；使界面具有预见性和一致性；采用确认输入，明确的移动和取消，防止用户出错；提供反馈； 3、人机交互类型设计：制定人机交互方式。 4、屏幕显示设计： 1）文字不要太多：文字不是多媒体作品的重复，而是对多媒体作品要点的强调。其一般规则主要有： （1）简洁明了，多用短句。 （2）关键词采用加亮、变色、改变字体等强化效果，以吸引用户注意。 （3）对长文字可分组分页，避免阅读时滚动屏幕（尤其是左右滚屏）。 2）信息内容简洁、清楚； 3）颜色运用合理： （1）彩色与单色各有其特点。彩色悦目，但单色能更好的分辨细节，不要一律排斥单色。 （2）同一屏幕上使用的色彩不宜过多，同一段文字一般用同一种颜色。 （3）前景与活动对象的颜色宜鲜艳，背景与非活动对象的颜色宜暗淡。 （4）除非想突出对比，否则不要把不兼容的颜色对（例如红与绿、黄与蓝等）一起使用。 （5）提示信息宜采用日常生活中惯用的颜色。 4）无论何种界面，屏幕布局必须均衡、顺序、经济、符合规范： 均衡：画面要整齐协调、均匀对称、错落有致 顺序：屏幕上的信息应由上而下、自左至右地依序显示 经济：力求以最少的数据显示最多的信息，避免信息冗余和媒体冗余。 规范：窗口、菜单、按钮、图标呈现格式和操作方法应尽量标准化，使对象的执行结果可以预期；各类标题、各种提示行应尽可能采用统一的规范。 5、交互的测试和评估：是否完成用户目标？界面使用是否容易？设计的潜在问题有哪些？ 3.2 颜色基础 一、颜色的基本概念 颜色信息可用亮度、色调和饱和度来描述，人眼看到任意颜色都是这三个特性的综合效果。 亮度是指色光的明暗变化的强度。 色调是指不同类型的颜色，它取决于该种颜色的主要波长。例如红色、棕色等都是指色调。 饱和度是颜色的深浅程度，即掺入白光的程度。饱和度与亮度有关。 例如红色和粉红色，虽然这两种颜色有相同的主波长，但后一种混合了更多的白色在里面。通常把色调、饱和度统称为色度。 视觉系统对颜色的感知 可见光的波长在380nm ～780 nm之间 锥体细胞主要对红、绿、蓝等彩色敏感 杆状体细胞主要感觉光线亮度 红、绿和蓝三种锥体细胞对不同频率和亮度光的感知程度不同，这就意味着，人们可以使用数字图像处理技术来降低表示图像的数据量，而不使人感到图像质量有明显下降。 二、三基色（RGB）原理 在绘画中,使用三种基本色料红\黄\蓝(RYB)可以混合出多种颜色.这种称为色料三原色. 而自然界常见的各种颜色光，都可由红（R）、绿（G）、蓝（B）三种颜色按不同的比例相配而成，这就是色度学中最基本的原理——三基色原理。 三基色的选择必须遵循一条规律：任一种颜色都不能由其他两种颜色合成。因为人的眼睛对红、绿、蓝这三种色光最敏感，因此，以这三种颜色作为基色相配来获得彩色得到了最为广泛的应用。 三、颜色模型 在多媒体系统中常涉及到用几种不同的色彩空间表示图形和图像的颜色，如计算机显示时采用RGB模式；在彩色全电视数字化时使用YUV模式；彩色印刷时采用CMYK模式等。不同的彩色空间对应不同的应用场合，在图像的生成、存储、处理及显示时对应不同的彩色空间，需要做不同的处理和转换。 常见模型 RGB彩色模型 HSL彩色模型 CMY彩色模型 YUV彩色模型 YIQ彩色模型 HIS彩色模型 YCrCb彩色模型 1．RGB模型 由于某种颜色可以由红(R)、绿(G)、蓝(B)三种色光按不同的比例相加混色来得到，如果将R、G、B看成三个变量，就形成RGB三维彩色空间。在多媒体计算机中，用的最多的是RGB彩色空间 。不管其中采用什么形式的彩色空间表示方法，多媒体系统最终的输出一定要转换成RGB空间表示。 把三种基色光按不同的比例相加称之为相加混色。 某种颜色和这三种颜色之间的关系可用下面的式子来描述： R（红色的百分比）＋G（绿色的百分比）＋B（蓝色的百分比）＝颜色 用公式表达如下： 红色（100%）+绿色（100%）+蓝色（0%）= 黄色 红色（100%）+蓝色（100%）+绿色（0%）= 品红 绿色（100%）+蓝色（100%）+红色（0%）= 青色 红色（100%）+绿色（100%）+蓝色（100%）= 白色 我们称青色、品红和黄色为红、