1 / 13
文档名称:

UI部规范化作业.doc

格式:doc   大小:590KB   页数:13页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

UI部规范化作业.doc

上传人:rsqcpza 2021/2/8 文件大小:590 KB

下载得到文件列表

UI部规范化作业.doc

相关文档

文档介绍

文档介绍:UI部规范化作业
目的:
·更好的发挥团队之间的协作力量
·更明晰的团队配合
·更有效的工作
规范化作业
古人云:没有规矩不成方圆。这句话适合我们公司的团队的现阶段。目前的问题最主要的原因是没有规范:不清楚如何有效的配合,如何有效
的作业。
服务客户的过程中的工作节点,同事之间需要配合和负责的工作内容,相互之间的节点都要求清晰。因此,为减少状况发生,我们需要规范化作业。
UI界面总体设计原则
1、简易性
界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。
2、用户语言
界面中要使用能反应用户本身的语言,而不是游戏设计者的语言。
3、记忆负担最小化
人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
4、一致性
是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。
5、清楚
在视觉效果上便于理解和使用。
6、用户的熟悉程度
用户可通过已掌握的知识来使用界面,但不应超出一般常识。
7、从用户的观点考虑
想用户所想,做用户所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。如:书籍对比竹简。
8、排列
一个有序的界面能让用户轻松的使用。
9、安全性
用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
10、灵活性
简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄)。
11、人性化
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的****惯定制界面,并能保存设置。
一、注意事项
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 上的字体英文为: Helv