IUI部规范化作业.docVIP

UI部规范化作业 目的： ·更好的发挥团队之间的协作力量 ·更明晰的团队配合 ·更有效的工作 规范化作业 古人云：没有规矩不成方圆。这句话适合我们公司的团队的现阶段。目前的问题最主要的原因是没有规范：不清楚如何有效的配合，如何有效 的作业。 服务客户的过程中的工作节点，同事之间需要配合和负责的工作内容，相互之间的节点都要求清晰。因此，为减少状况发生，我们需要规范化作业。 1.1 UI界面总体设计原则 1、简易性 界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性用户语言 界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。 记忆负担最小化 人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。 一致性 是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与内容相一致。 清楚 在视觉效果上便于理解和使用。 用户的熟悉程度 用户可通过已掌握的知识来使用界面，但不应超出一般常识。 从用户的观点考虑 想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。 通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。 排列 一个有序的界面能让用户轻松的使用。 安全性 用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。 灵活性 简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄)。 人性化 高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。 一、注意事项 1．注意屏幕元素布局平衡，功能区域划分合理。避免控件与数据的过分集中而导致的视觉疲劳和判断错误。 2．功能明确，安排合理，让用户通过最少的判断和最少的操作达到目的。 3．保持界面的一致性原则。一致性既包括使用统一的界面元素、标准的控件，也包括使用相同的信息表现方法：如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 4．窗体大小与长宽比例合理，空间充分利用，避免过大的灰色空白区域，也不要过于局促。 5．主要功能和点击频率高的按钮应排放在醒目的位置。 6．界面关闭或退出按钮应排放在不易点击的位置，避免因错误点击而引起的退出 7．屏蔽与当前操作无关的按钮。 8．按钮文字简洁明了，尽量控制在4字以内。 二．终端开发图片格式规范 原则上图片都使用png格式。 动画则使用多张png格式图片，使用程序进行轮换显示。 对于需要进行适配的图片（要进行拉伸的）。提供一张最小尺寸的图片，由开发人员制作成png 格式的。 对于同一个区域在不同状态下有不同显示的情况下，需要提供不同状态下，大小一致的多个图片，图片数由状态数来决定（例如按钮的几种状态）。 对于比较大的图片，为了减少图片的文件大小，可以使用jpg或者其他格式，这个需要和开发人员确认。 三 . 移动设备的UI界面尺寸 IOS部分 尺寸及分辨率 iPhone 界面尺寸：320x480、640x960、640x1136 iPad 界面尺寸：1024x768、2048x1536 一般用 640x960 或者 640x1136 的尺寸设计640x960 的尺寸设计，在这个尺寸下这些元素的尺寸： 状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40 px 导航栏：显示当前界面的名称，包含相应的功能或者页面间跳转的按钮，其高度为：88 px 主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98 px 内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁的，其高度为：734 px iPhone5/5s 的 640x11136 的尺寸，中间的内容区域高度增加到910 px 界面基本组成元素 iPhone/iPod Touch第一代、第二代、第三代 iPhone4/iPhone4s iPhone5/iPhone5C/iPhone5s 字体大小 iPhone 上的字体英文为： HelveticaNeue 中文Mac下用的是黑体-简 Win华文黑体。 Android部分 尺寸及分辨率 Android 界面尺寸：480x800、720x1280、1080x1920（单位：像素） Android 比 iPhone 的尺寸多了很多套，建议取用 720x1280 这个尺寸，这个尺寸 720x1280中