情境7UI设计.PDFVIP

情境7 UI 设计 学习目标  了解UI 设计的基本常识，能够完成UI 的设计与制作  掌握图层样式的编辑操作，可以对图层样式进行设置与修改  熟练路径文字的基本操作，能够输入和调整路径文字  了解添加和删除锚点基本操作，可以自由修改路径 图层样式是图层的高级操作，它可以为图层中的图像内容添加投影、发光、浮雕、描边 等图层效果，通过效果的叠加可以制作具有真实质感的金属、玻璃、纹理等特殊效果。图层 样式可以随时修改、隐藏或删除，操作灵活。本情境将通过3 款精美UI 案例，对“图层样 式”的种类进行详细介绍，并对其编辑操作进行详细讲解。 7.1 UI 设计简介 UI 的本意是用户界面，是英文User Interface 的缩写。UI 设计是指对软件的人机交互、 操作逻辑、界面美观的整体设计，如图7-1 所示。优秀的UI 设计不仅让软件有个性、有品 位，还能使软件的操作变得简单、合理，并充分体现软件的定位和特点，如图7-2 所示。 图7-1 常见的UI 界面设计 随着互联网的飞速发展，界面设计的重要性逐渐展现。一个美观的界面会给用户带来舒 适的视觉享受，拉近用户与产品的距离。 北京市昌平区建材城西路金燕龙办公楼一层 电话：400-618-4000 1 图7-2 优秀的UI 图标设计 7.1.1 UI 的应用范围 UI 设计涉及领域广泛，游戏设计、手机APP 、网站界面等都会用到UI 设计，具体涵盖 以下几个方面：  网页界面、电脑、平板电脑系统。  通讯类产品系统、应用软件界面、游戏界面以及车载导航系统界面。  智能电视系统、可穿戴设备界面以及家电类微型液晶屏界面。  医疗以及数码机床等自动化控制界面、点歌系统、远程会议系统、虚拟现实等控制 界面。 从UI 应用的范围来看，可以说 UI 设计已经渗透到人们生活中的各方面了，并且随着 人们审美观念的提高，对UI 设计的要求也越来越高。 7.1.2 UI 的设计原则 为了能够迎合用户、提高用户体验，越来越多的应用程序产品开始提倡“以用户为中心” 的设计理念，这就要求移动UI 视觉设计师们要有敏锐的设计嗅觉和完整的设计流程及思维。 UI 设计为了迎合用户的使用习惯，通常会遵循以下几个设计原则： 1、图形简洁性 人脑不是电脑，在UI 设计时必须要考虑人类大脑处理信息的限度。UI 界面的设计力求 简洁是为了使用户便于操作、便于识别并能减少用户在使用时发生错误选择的可能性。在简 洁性的同时，还应注意界面的排列舒适度，如图7-3 所示。 北京市昌平区建材城西路金燕龙办公楼一层 电话：400-618-4000 2 图7-3 简洁性 2、一致性 一致性是每一个优秀界面都具备的基本特点。一致性不仅是图标和界面的风格一致，还 是界面内部结构的统一一致，更是功能操作的感受一致。一致性对于用户快速上手并决定是 否持续使用有很重要的作用。 3、从用户角度考虑 用户总是按照他们自己的方法理解和操作。在设计界面时，必须符合一般用户的思维逻 辑和习惯，可通过已掌握的知识来拓宽界面的设计思路，但不应超出一般常识。真正做到， 想用户所想，做用户所做。 4、人性化 高效率和用户满意度是人性化的体现。比如，用户可依据自己的习惯定制界面，并能保 存设置；用户能自由的作出选择，且所有选择都是可逆的；在用户作出危险的选择时有信息 介入系统的提示，能预示大多数常见情况。 总的来说，所有 UI 设计原则都基于人类心理学：人们如何感知、学习、推理、记忆， 以及把意图转换为行动。 7.2任务 17 eNote 图标 图标设计的美观程度，直接关系到应用程序被用户点击进入、操作和使用的概率。一个 优秀的图标设计必然为应用程序加分，并能直观传递给用户该程序的基本属性、风格等信