毕业设计（论文）
橘黄色和黑色的搭配，很具有跳跃性，很活泼，如图2.2.
图2.2 橘黄色和黑色搭配
浅蓝和深蓝的搭配，清新自然，如图2.3。
图2.3 浅蓝和深蓝搭配
第 11 页 共 11 页
毕业设计（论文）
银色，深灰和蓝色的搭配，看起来很干净，简单，如图2.4。
图2.4 银色、深灰和蓝色搭配
第 12 页 共 12 页
毕业设计（论文）
第三章 界面元素的设计
本文总结了常见界面元素的设计：字体编排与设计，动态元素设计，声音的设计与运用，图标设计。
3.1 文字编排与设计
文字是信息传递的主体。从最初的纯文字界面发展至今，文字仍是其他任何元素无法取代的重要构件。文字作为重要的界面构成元素，同时又是信息的重要载体，选用何种字体、何种大小、何种颜色、怎样与底色搭配、怎样排版，都深深影响着界面的视觉和运行效果。
设计人员应当为用户设置一些舒适又易读的文字方案，同时也可以用户自定义文字的字体、大小和颜色，让应用程序自适应用户的设定以保证文字的正常显示。系统还应保证在不同的平台、屏幕分辨率下字体的正常显示。
界面设计中，文字除了注意显示问题，还应关注文字的表述方式需符合目标用户的语言认知习惯，这是实现界面易用性的一个方面。
界面的类型和用途千差万别，针对不同的界面应该有不同的文字设计方案，因此，具体的设计思路和技巧需要放置在不同的界面类型和界面设计目的中区考虑。
3.2 动态元素设计
动态元素设计指的是界面中动与静的对比关系。一般情况下动态的图像是直接地呈现在页面中，而出现的时候伴随着交互则是另一种情况。
画面也可以分两种情况呈现在画面中：第一种不改变动态元素本身的位置，在页面中利用适当的面积和节奏来做动态效果，这样信息识别不会被扰乱。据研究，图形变化节奏越快，就越能吸引人的视线。所以，动态人员应保证动态的节奏以适应内容和信息传达的需要，比如可以让热点重要信息快节奏地闪烁来快速抓住用户的视线。剩下一种情况是也可以让变化的单位产生位移，这种效果能让页面气氛变得活跃，但是在用的时候要谨慎，因为它经常干扰人的注意力，有时甚至会使用户的心情变得糟糕。
第二种情况指的是在交互设计过程中存在的动态效果，也就是切换页面和功能
第 13 页 共 13 页
毕业设计（论文）
信息模块是产生的动态效果。其所需要支持的技术也很多。它可以通过变形、加入情景等方式新奇、有趣地过渡到下一页面。在交互的过程中，鼠标滑过图标上方和点击产生的效果也可以有不同的动态效果设计，以增加交互过程中的趣味性和艺术行。
3.3 声音的设计与运用
声音一直是界面中非常重要的信息表达方式。虽然没有视觉信息那么强烈，但是恰当的声音设计可以让信息的隐喻更加丰富。
声音信息的解读比视觉信息的解读更加容易，这主要依靠用户的直觉感受与生活经验。例如，警告音往往是对现实生活中警告的模拟。声音信息和视觉信息的配合也是常见的信息传递模式。在某些情境中，单有声音信息或视觉信息都无法准确表达出信息的含义，这时候两者的配合就显得很重要。
界面中的声音设计主要分为指令音的趣味性设计和结合主题的背景音乐的愉悦感和想象性设计。
1.背景音乐
不同的音乐有不同的感染力。正如电影配乐一样，选用什么样的界面背景音乐也是非常重要的，好的界面背景音乐能给人带来美的享受，减轻操作上带来的疲劳和乏味，还可以烘托主题，让人产生丰富的联想，从而产生积极的互动行为和消极欲望。
2.指令音
指令音虽然短暂，但它可以通过设计来烘托内容，提前给用户以心理的暗示。结合界面类型和风格而设计的指令音，不但可以体现界面使用的整体性和一致性，还因为反馈功能成为界面易用性实现的一个参考指标。
在现实的界面设计中，并非是把界面的总体规划与界面元素设计分割开来进行，这两者虽然在考虑的顺序上存在很小的差异，但更加重要的是，作为一个界面系统整体的设计，任何割裂开来分析设计问题都是不允许和不明智的做法，因此，对界面各个方面的设计其实是互相穿插存在的，任何一方面的设计都带有其他方面的元素思考。
第 14 页 共 14 页
毕业设计（论文）
3.4 图标设计
图标设计是界面设计中非常重要的部分，但很多书籍把太多的注意力投入到设计的过程和手段方面，对它的科学性关注不够。仔细研究当今的图标设计，可以发现有以下不足之处：常以美为导向，图标的外观效果被给予了太多的关注，却很少去关注内容的选择；常把设计当作导向，以设计师的爱好为图标内容的选择标准，不管用户的感受；图标的设计没有规则，即使同一系统的图标之间也没有任何关联性和相似性。
以下是应该引起注意的一些地方：
1.识别图标区别于一般的图形，很好的视觉识别功能是他必须具备的。图标的出现和存在价值就是为了让人们识别，所以在图标设计中，形式美并不是关键，能不能准确地被识别才是设计师的首要目标。好的图标有两个优点，一是功能一目了然，二是用户在明白图标的意思，可以引领所有相似的工具都使用和它一样的绘图语言。
图标在变成范例后，它就不可动摇。有的软件开发者想试图改变范例，但这要承担令部分用户没有办法理解的风险。
太简洁的符号会影响用户理解。即使用户以前知道意思，长时间后，也不可能留下很多印象。假如图标中没有唤起记忆的要素，那么要想靠表面视觉来理解图标的意思就会比较困难，这个有时会让用户放弃使用。
因此在选择隐喻对象的时候一定要慎重。容易被识别的图标可以帮助用户使用某些功能，容易产生歧义的图标，尽管有好看的外表，甚至于具有一定的可比性，但那也是不可用的。
2.一致
就图标设计来言，一致性主要表现在3个方面。
（1）同一图标家族。从前面的介绍来看，同一图标需要根据具体的应用环境，来设计出不同尺寸和色深度的图标家族成员。但是尺寸和色深度的变动，使得设计师要保持图标外观上的一致成了一项困难的工作。但是不管怎样，大图标与小图标相比要相似，彩色的图标与黑白图标也要感觉不出差别，这样子用户在不同的显示环境下才能正常地使用软件。具体的来说，应该要从色深度较高的大图标展开设计，然后再根据具体要求，弱化那些不重要的内容，删除那些无法保留的内容，最后强化在图形中一些结构上的因素，这样各种版本感觉差不多就行了。
第 15 页 共 15 页