UI界面设计课件.pptx

《UI界面设计课件.pptx》由会员分享，可在线阅读，更多相关《UI界面设计课件.pptx（26页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、UI 界面设计,User Interface,UI 设计部 2016.07.20,UI,UI,UI,即User Interface,UI设计,人机交互,操作逻辑,界面美观,好的UI设计,让软件,变得有个性有品位,操作变得舒适简单、自由,充分体现软件的定位和特点,不用去想或猜直接明白你的下一步，顺其自然,软件设计可分为两个部分,编码设计,UI 设计,UI,User,Interface,用户,界面,UI 设计师是做什么的,它主要是由UI研究的3个因素决定,研究工具 / 研究人与界面的关系 / 研究人,研究界面Graphic UI designer,国内目前大部分UI 工作者都是从事这个行业。也有人

2、称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。,研究人与界面的关系Interaction designer,在图形界面产生之前，长期以来UI 设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。,研究人User experience engineer,任何的产品为了保证质量都需要测试，软件的编码需要测试，自然 UI 设计也需

3、要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量 UI 设计的合理性。这个职位很重要，如果没有这个职位，UI 设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。,综上所述UI 设计师就是,软件图形设计师交互设计师 用户研究工程师,是介于用户与硬件而设计彼此之间交互沟通相关软件，目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了人机交互与图形用户接口，凡参与人类与

4、机械的信息交流的领域都存在着用户界面。,用户界面,是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。,把用户产品，用设计好看的界面在电脑上展示出来。,将产品用直观的方式，直接展示在用户面前，一目了然。,实现了产品市场化，用户体验化。,对用户,对产品,对公司,UI,UI设计（交互/视觉/编码）,前端人员,后端人员,UI 设计流程,采集目标用户的习惯交互方式,不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。提示和

5、引导用户软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。,一致性原则,软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。,交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对保持用户焦点，改进交互效果有很大帮助。,在交互模型中，大部分情况下，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。,设计目标一致,元素外观一致,交互行为一致,可用性原则,登陆界面：登录界面指的是需要提供帐号密码验证的界面，有控制用户权限、记录用户行为，保护操作安全的作用。,首页：根据公司业务的不同，展示用户的主要业务分块,子页面：,流程页：,THANKS,UI设计部,http:/,