UI的设计解析.pptVIP

界面设计的基本视觉原则 条件反射经常用于训练 动物，但是也可以用来 营销与广告。在产品界 面设计上使用条件反射 原则，例如把产品或服 务与吸引人的影响或者 味道联系起来。 6、条件反射 在专题网站设计中，利用素材来营造氛围非常重要。 最近流行的拟物化设计也是利用条件反射的原则，营造出现实中的真实场景，拉近了用户在现实中的感受。 界面设计的基本视觉原则 颜色能赋予设计更多的视觉乐趣和美感，并且可以加强设计元素的组 织和意义。如果用的不好，颜色也会严重损害设计的外形和功能。 7、颜色 使用颜色的数目要尽可能的少。一个设计作品，一眼扫过去，所能接 受的颜色数目要尽可能的少，因为大多数人的颜色视觉是有限的，不 要把颜色当做信息表达的唯一途径。 为使颜色达到美观，可以利用色环上的相似色、辅色、和大自然中的 色彩组合。通常，运用去饱和色、明亮的色彩，会使人感觉友善而专 业。 视觉关系原则 设计中要把图形和背景区分清楚，以便让焦点集中、尽量避免认知混乱。 1、图形与背景的关系 视觉关系原则 对于用户体现来说，在一个系统中，相似的部分使用相似的办法是对 用户使用习惯的尊重和再利用，能够让用户更好的学习，减少用户学 习的成本。“一致性”可以让人高效的把知识转到新背景，更快的学习新事物，并且关注到工作的相关方面。一致性分为：美观、功能、内部和外部。 2、一致性 美观的一致性指的是风格、外观的统一。如公司的标识使用一致的字体、颜色和图案，美观一致性会加强辨识度，强化统一性，增强品牌影响力，建立情感上的期待。 视觉关系原则 强调的做法是与大部分保持差异。也就是这个设计的少数地方做了差异化设计，使得要强调的元素与其他或者背景都不一样。 3、强调 颜色是强调的常用手段，但切忌不要滥用，否则用户的作品就会五颜六色，用户根本不知道该看哪个地方。 如果在一个页面中，放置动态广告banner，那么人们会下意识关注。让元素在两种状态中来回闪烁，是吸引注意力的强有力办法。使用这种办法的技巧是，闪烁限制在重要的信息。 视觉关系原则 图像符号是利用图像，来诠释展现要表达的行为、物体和概念，使之更容易发现、辨认、学习和记忆。图像符帮助降低设计效能负载、节省显示区域与控制区域、让标识与控制在各文化中都能容易理解。 4、图像符号 （1）相似符号：利用视觉上的相似图像，指出行为、物体或者概念。这种图像表示的方法最为有效。 （2）举例符号：用经常与行为、物体或者概念相关的实物图像为例。这种手法可以表现复杂的行为、物体或者概念。 视觉关系原则 4、图像符号 （3）象征符号：象征符号是用图像代表抽象的行为、物体或者概念。如果行为、物体或概念与常见的、容易辨认的物体有关，采用象征符号最为有效。象征符号与举例符号的区别在于，前者不会在操作中用到，后者的图形是在实际中出现、并被用到的。 （3）强制符号：强制符号就是用与行为、物体或概念无关的图像来表达，必须通过学习才能了解。一般来说，强制符号只能用在跨文化交流或长期使用的得行业标准上。图像符号在UI界面设计当中尤为重要，它可以让界面流出更多的空间给信息，让界面更容易操作。 视觉关系原则 5、干扰效应 当两种或者两种以上的感官或认知过程发生冲突的时候，就会产生干扰效应。设计过程中要以预防干扰，避免思维冲突。 * * * UI设计概述 UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是 用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。 所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设 计。 UI的定义 界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用 方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验 一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投 票的结果，而是终端用户的感受。所以界面设计要和用户研究紧密结 合，是一个不断为最终用户设计满意视觉效果的过程。 对于交互设计再一次的巨大推动是互联网的出现，互联网从20世纪90 年代改变了人们的生活。如果没有互联网，个人计算机只能永远是 “工具”，而不会成为“玩具”。丰富的互联网通过界面交互设计给 人们提供了无数种可能，也给计算机赋予了无数个面貌。它可能是一个 集市，例如亚马逊和淘宝，也可能是和朋友交流的平台，就像facebook 或者开心网，也可能是新闻报纸或者广播。例如CNN.这么多的可能性推 动着交互设计的快速发展。 推动交互设计大踏步向前发展的是个人电脑的流行。在20世纪80年代， 个人电脑的发展推动了图形界面的大行其道。图形界面即GUI（Graphic User Interface），这一界面模式真正商业化是苹果的lisa及Macintish 系统，同时代也出现了大批的基于GUI的操作系统，包