UI界面设计UserInterfaceUI设计部—2016.07.20UI目录CONTENTS4TLW-UI界面展示3怎么做UI设计2UI界面的作用1UI设计是什么01UI设计是什么UI即UserInterfaceUI设计人机交互操作逻辑界面美观好的UI设计让软件变得有个性有品位操作变得舒适简单、自由充分体现软件的定位和特点不用去想或猜直接明白你的下一步,顺其自然软件设计可分为两个部分编码设计UI设计UIUserInterface用户界面交互关系UI设计师是做什么的它主要是由UI研究的3个因素决定研究工具/研究人与界面的关系/研究人研究界面图形设计师GraphicUIdesigner国内目前大部分UI工作者都是从事这个行业。也有人称之为美工,但实际上不是单纯意义上的美术工人,而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的,其中大部分是有美术设计教育背景,例如工业外形设计,装潢设计,信息多媒体设计等。研究人与界面的关系交互设计师Interactiondesigner在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。研究人用户测试/研究工程师Userexperienceengineer任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。综上所述UI设计师就是软件图形设计师交互设计师用户研究工程师02UI界面的作用是介于用户与硬件而设计彼此之间交互沟通相关软件,目的在使得用户能够方便有效率地去操作硬件以达成双向之交互,完成所希望借助硬件完成之工作,用户界面定义广泛,包含了人机交互与图形用户接口,凡参与人类与机械的信息交流的领域都存在着用户界面。是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。把用户产品,用设计好看的界面在电脑上展示出来。将产品用直观的方式,直接展示在用户面前,一目了然。实现了产品市场化,用户体验化。UI设计对用户对产品对公司03怎么做UI设计交互设计生成产品原型(线框图)视觉设计生成产品模型(效果图)CSS/HTML生成产品DEMO(效果图)编码实现产品(最后阶段)UIUI设计(交互/视觉/编码)需求功能定义交互设计视觉设计DEMO实现前端人员后端人员UI设计流程采集目标用户的习惯交互方式不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。提示和引导用户软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。一致性原则软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对保持用户焦点,改进交互效果有很大帮助。在交互模型中,大部分情况下,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。设计目标一致元素外观一致交互行为一致可用性原则软件要为用户使用,用户必须可以理解软件各元素对应的功能。如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。可理解用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。可达到软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。如果确实无法提供控制,则用能为目标用户理解的方式提示用户。可控制04TLW-UI界面展示登陆界面:登录界面指的是需要提供帐号密码验证的界面,有控制用户权限、记录用户行为,保护操作安全的作用。首页:根据公司业务的不同,展示用户的主要业务分块子页面:流程页: