ui设计解析教案.pptxVIP

UI设计解析会计学第1页/共60页UI设计概述第2页/共60页UI的定义UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。 所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。第3页/共60页交互设计的发展历程推动交互设计大踏步向前发展的是个人电脑的流行。在20世纪80年代，个人电脑的发展推动了图形界面的大行其道。图形界面即GUI（Graphic User Interface），这一界面模式真正商业化是苹果的lisa及Macintish系统，同时代也出现了大批的基于GUI的操作系统，包括微软的Windows.GUI的出现让人与计算机的交互过程变得丰富而有趣起来，这一模式也成为以后二十多年界面交互设计的主流对于交互设计再一次的巨大推动是互联网的出现，互联网从20世纪90年代改变了人们的生活。如果没有互联网，个人计算机只能永远是“工具”，而不会成为“玩具”。丰富的互联网通过界面交互设计给人们提供了无数种可能，也给计算机赋予了无数个面貌。它可能是一个集市，例如亚马逊和淘宝，也可能是和朋友交流的平台，就像facebook或者开心网，也可能是新闻报纸或者广播。例如CNN.这么多的可能性推动着交互设计的快速发展。第4页/共60页第5页/共60页交互设计的发展历程在目前这个“手机皆智能”的时代，人们当初从桌面PC互联网那里得到的新鲜感又来到了手掌中。苹果的Iphone让智能手机的操作系统摆脱了桌面PC的模式，形成了独特的一套系统ios,结合灵敏的触摸屏幕，让掌中设备的用户体验提高到了新的级别。另一种流行的移动操作系统Andriod也给用户提供了丰富多彩的移动应用。微电子与传感器的发展拓宽了交互设计的领域，交互设计师不必再拘泥于屏幕之上进行设计。TUI(实体界面)、物联网和普适计算机等概念让交互设计的空间扩充到生活中的每个角落，想象一下，超市里每个商品都能显示自身的信息；带有界面的办公桌可以让你忘掉计算机这样的老古董；发送邮件只需要在屏幕墙面前挥几下手。这样的设计对象对于交互设计师来讲是个巨大的挑战。第6页/共60页第7页/共60页第8页/共60页第9页/共60页第10页/共60页界面设计的基本视觉原则第11页/共60页基本视觉原则1、对齐文本内容的位置，可以让其边缘按照普通的行或列对齐，或者让其主体按照一个中心点排列。视觉元素应该以一个或者多个药店对齐，这样能创造出一致性与相符性，增加设计的整体美感，使人觉得清新舒适。“对齐”也可以带领人去认识一项设计的强大工具。第12页/共60页第13页/共60页界面设计的基本视觉原则1、对齐在分段的文本中，相对于中间对齐的文本格式，左对齐和右对齐的格式有更强烈的对齐暗示。比起其他对齐方式，左对齐和右对齐的文本格式，能够创作出无形的列，呈现出一种清新的视觉暗示。相反，中间对齐的文本格式，视觉上的对齐暗示就很模糊，各个要点之间的并列关系不够清楚。“对齐”能够创造更整齐的版式，让信息传达更加快捷第14页/共60页第15页/共60页第16页/共60页界面设计的基本视觉原则2、80/20法则在一切大系统中，大约80%的效果是由20%的变量造成的。一切的大系统。包括经济、管理、用户界面、品质监控和工程。例如 80%的产品，只使用20%的功能； 80%的受益，来自于20%的产品； 80%的进步，来自于20%的努力。。。。。 80/20法则，对集中资源有很大的帮助。它可以提高设计效率。比如，一个产品，设计师用的是它关键的20%的功能，那么设计师就应该把80%的时间、设计和测试资源都用在这些功能上面。设计中的元素是有主次之分的。设计师可以利用80/20法则来评估系统元素之间的价值，并做出更加优化的决策。第17页/共60页第18页/共60页第19页/共60页界面设计的基本视觉原则3、容易使用“容易使用”法则——设计应该不需要特别的适应或改变，就可以给不同能力的人使用。即：感官性、操作性、简易型、回旋性。1.感官性，就是要每个人，不管他具有怎样的感官能力，都能理解这个设计。提高感官性的基本方法是：用重复编码的方式给出信息；使其他感官技术预制兼容，提供协助；控制板与信息的位置设置要让站立坐着的人都容易使用。2.操作性，就是每个人，不论身体状况如何，都可以使用。提高操作性的基本方法：最大限度地减少重复操作，减少体力消耗；通过把正确操作设置得明