(第1章 初识UI.ppt

第1章 初识UI 移动平台UI交互设计与开发 知识技能目标： ※ 了解UI设计、交互设计的基本概念 ※ 了解UI设计的职责定位、学习方式 ※ 熟悉著名的UI设计网站、移动平台APP商业应用 目录： 1.1 UI设计概述 1.2 UI设计师的自我提升 1.3 交互设计 1.4 UI创意赏析 1.1 UI设计概述 1.1.1UI概念发展历史及未来趋势 UI即用户界面，是指对软件的人机交互、操作逻辑、界面美观 的整体设计。包括用户体验和用户图形界面，其中，用户体验关注 的是用户的行为习惯和心理感受，就是琢磨人会怎样用软件或者硬 件才觉得顺心如意。用户图形界面则是指界面设计，只负责软件视 觉界面。 好的UI设计不仅是让软件变得有个性有品味，还要让软件的操 作变得舒适、简单、自由，充分体现软件的定位和特点。 1.1.1UI概念发展历史及未来趋势 目前在国内UI还是一个相对陌生的词。能真正理解UI，贯彻UI 理念的公司并不多，人们对UI的理解还停留在美术设计方面，认为 UI的工作只是画界面和图标，缺乏对用户交互的重要性的理解。 现阶段中国在界面设计领域与西方发达国家有很大差距，如何 赶上并超过他们是我们这代人肩负的历史使命。对于UI界面与设计 方面，还有很广阔的发展前景，需要我们不断创新和发展。 软件产品领域不像物质产品那样存在工艺、材料上的限制，软件 产品核心问题就是人。提高软件UI设计师个人能力，减小人员上的 差距，也是UI发展首要解决的关键问题。 1.1.2 UI设计原则及规范 UI设计原则： 简易性：界面的简洁是要让用户便于使用、便于了解，尽量使 用户记忆负担最小化，并减少用户发生错误选择的可能性。 安全性：用户能自由的做出选择，且所有选择都是可逆的。在 用户做出危险的选择时有信息介入系统的提示。 人性化：高效率和用户满意度是人性化的体现。用户可依据自 己的习惯定制界面，并能保存设置。 用户的熟悉程度以及使用习惯：想用户所想，做用户所做。让 用户按照他们自己的方法理解使用界面，不应超出一般常识。 1.1.2 UI设计原则及规范 UI设计规范： 注意屏幕元素布局平衡，功能区域划分合理。避免控件与数据 的过分集中而导致的视觉疲劳和判断错误。 保持界面的一致性。一致性既包括使用统一的界面元素、标准 的控件也包括使用相同的信息表现方法 。 窗体大小与长宽比例合理，空间充分利用，避免过大的灰色空 白区域，也不要过于局促。 主要功能和点击频率高的按钮应排放在醒目的位置。屏蔽与当 前操作无关的按钮，界面关闭或退出按钮应排放在不易点击的位置， 且按钮文字简洁明了，尽量控制在4字以内。 1.1.3 UI设计师工作职责 UI设计师的职能包括的三方面: 1、图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。 2、交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。 3、用户测试/研究，所谓的“测试”，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。 1.1.3 UI设计师工作职责 设计从工作内容上来说分为3大类别，即研究人，研究界面，研究人与界面的关系。 1、研究人：用户测试/研究工程师（User experience engineer），任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。 2、研究界面：图形设计师（Graphic UI designer），但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。其中大部分是有美术设计教育背景。 3、研究人与界面的关系：交互设计师（interaction designer），在图形界面产生前，长期以来UI设计师就是指交互设计师。工作内容是设计软件的操作流程，树状结构，软件的结构与操作规范等。 1.1.4 UI设计流程 在UI设计中，规范化的设计流程会让UI产品的可操作性更强，同时也会让用户有良好的操作体验，UI所参与的项目流程一般有以下几个部分： 1、确认目标用户 2、采集目标用户的习惯交互方式 3、提示和引导用户 4、验证UI产品 1.2 UI设计师的自我提升 1.2.1自我积累与学习方式 在设计行业蓬勃发展的时代，设计师这个职位越来越炙手可热。只有真正在设计行业摸索过的人才可能感受到，设计师的自我提升是一段艰苦而漫长的历程。这个行业不仅考验一个人的画图、创意，更考验团队合作意识，乃至心理素质。真正的设计师都是在磨练中逐步提升和成长起来的。 从事设计师这个行业，就意味你要