UI部规范化作业.pdfVIP

UI部规范化作业

目的：

·更好的发挥团队之间的协作力量

·更明晰的团队配合

·更有效的工作

规范化作业

古人云：没有规矩不成方圆。这句话适合我们公司的团队的现阶段。目前的问题最主要

的原因是没有规范：不清楚如何有效的配合，如何有效

的作业。

服务客户的过程中的工作节点，同事之间需要配合和负责的工作内容，相互之间的节点

都要求清晰。因此，为减少状况发生，我们需要规范化作业。

1.1UI界面总体设计原则

1、简易性

界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。

2、用户语言

界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。

3、记忆负担最小化

人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极

不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

4、一致性

是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相

一致。

5、清楚

在视觉效果上便于理解和使用。

6、用户的熟悉程度

用户可通过已掌握的知识来使用界面，但不应超出一般常识。

7、从用户的观点考虑

想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。

通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。

8、排列

一个有序的界面能让用户轻松的使用。

9、安全性

用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入

系统的提示。

10、灵活性

简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的

工具(包括鼠标、键盘或手柄)。

11、人性化

高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据

自己的习惯定制界面，并能保存设置。

一、注意事项

1．注意屏幕元素布局平衡，功能区域划分合理。避免控件与数据的过分集中而导致的视觉

疲劳和判断错误。

2．功能明确，安排合理，让用户通过最少的判断和最少的操作达到目的。

3．保持界面的一致性原则。一致性既包括使用统一的界面元素、标准的控件，也包括使用

相同的信息表现方法：如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。

4．窗体大小与长宽比例合理，空间充分利用，避免过大的灰色空白区域，也不要过于局促。

5．主要功能和点击频率高的按钮应排放在醒目的位置。

6．界面关闭或退出按钮应排放在不易点击的位置，避免因错误点击而引起的退出

7．屏蔽与当前操作无关的按钮。

8．按钮文字简洁明了，尽量控制在4字以内。

二．终端开发图片格式规范

1．原则上图片都使用png格式。

2．动画则使用多张png格式图片，使用程序进行轮换显示。

3．对于需要进行适配的图片（要进行拉伸的）。提供一张最小尺寸的图片，由开发人员制

作成png格式的。

4．对于同一个区域在不同状态下有不同显示的情况下，需要提供不同状态下，大小一致的

多个图片，图片数由状态数来决定（例如按钮的几种状态）。

5．对于比较大的图片，为了减少图片的文件大小，可以使用jpg或者其他格式，这个需要

和开发人员确认。

三.移动设备的UI界面尺寸

1、IOS部分

尺寸及分辨率

iPhone界面尺寸：320x480、640x960、640x1136

iPad界面尺寸：1024x768、2048x1536

（单位：像素一般用640x960或者640x1136的尺寸设计）

例：640x960的尺寸设计，在这个尺寸下这些元素的尺寸：

状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px

导航栏：显示当前界面的名称，包含相应的功能或者页面间跳转的按钮，其高度为：88px

主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px

内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁的，其高度为：734px

iPhone5/5s的640x11136的尺寸，中间的内容区域高度增加到910px

界面基本组成元素

iPhone/iPodTouch第一代、第二代、第三代

iPhone4/iPhone4s

iPhone5