UI设计规范.doc

用户体验中心界面设计规范初稿一界面设计规范1注意屏幕元素布局平衡，功能区域划分合理。避免控件与数据的过分集中而导致的视觉疲劳和判断错误。2功能明确，安排合理，让用户通过最少的判断和最少的操作达到目的。3保持界面的一致性。一致性既包括使用统一的界面元素、标准的控件,也包括使用相同的信息表现方法；如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。4窗体大小与长宽比例合理，空间充分利用，避免过大的灰色空白区域，也不要过于局促。5主要功能和点击频率高的按钮应排放在醒目的位置。6界面关闭或退出按钮应排放在不易点击的位置，避免因错误点击而引起的退出7屏蔽与当前操作无关的按钮。8按钮文字简洁明了，尽量控制在4字以内。二终端开发图片格式规范1 原则上图片都使用png格式。2 动画则使用多张png格式图片，使用程序进行轮换显示。图片文件名规范： 文件名_x.png,其中x代表序号。3 对于需要进行适配的图片（要进行拉伸的）。提供一张最小尺寸的图片，由开发人员制作成 .9.png 格式的。4 对于同一个区域在不同状态下有不同显示的情况下，需要提供不同状态下，大小一致的多个图片，图片数由状态数来决定（例如按钮的几种状态）。5 对于比较大的图片，为了减少图片的文件大小，可以使用jpg或者其他格式，这个需要和开发人员确认。三用户体验中心简要工作流程1产品需求提交给UI设计时须先经过评审，对界面要求的描述尽量详细,比如:尺寸、色调、材质、参考范例等等。2由于UE人员暂未到位，产品涉及的用户体验由产品经理和界面设计人员共同商讨确定；3界面切图前需经过产品经理评审确认；4界面设计及切图工作完成后，产品经理如有界面上的修改需求，则限定3次修改机会；5. 细微非紧急修改产品经理整理后统一发送，每周五中午前提下周工作需求,若有较紧急的需求可临时插入;附录：自适应讨论备忘录 ： 倘若UI可以做到自适应的话，后续对我我们不同产品的拓展和延续会有很大的好处刚刚也在吴明的邮件里看到关于800*480的屏幕的出货量调调研问题，我这里可以给个说明：1.800*600, 1024*768，1280*960 这几种规格也就是我们常说的4:3尺寸的LCD；以IPAD和我们自己的产品为例；2.800*480, 1024*600, 1280*720这几种规格就是我们常说的16:9尺寸的LCD；以三星和深圳大多山寨平板为例；这两种风格的屏幕在市面上的占有率不分伯仲，所以在考虑自适应问题时都得考虑再或者一个方法就是 做一套适应4:3屏幕的UI，再出一套16:9屏幕的Ui，然后各自适应不同尺寸。供参考。Regards.Candice Luo （罗小英）Tel：0571 81021776Mobdd：Room A310，Chuangxin Tower， East Software Park，NO.90 Wensan Road，Hangzhou，ZhejiangHttp:/发件人: 吴明 mailto: 发送时间: 2011年2月16日 15:16收件人: Chenjc; ; ; ; 俞春燕; ; 堵俊; 杜焕标; 陈静; 徐颖杰; ; 抄送: 钟建林; 李彩云; ; 吴文斌; ; ; ; 主题: 答复: 应用在不同分辨率已尺寸平板下的UI自适应解决方案会议纪要是否可以这么考虑：界面中各元素图按照最小分辨率，即800*600的范围来做（800*480这个像素可以调研下出货量，如果很少的话可以选择放弃这种屏幕），保证各个元素在800*600下能完整显示完全。而框架图则让研发利用代码平铺图片完成，这样就能满足自适应问题了。吴明（产品经理） 杭州凯宇信息技术有限公司地址：杭州市文三路90号东部软件园创新大厦A座316室邮编：310012手机Q：43780927 EMAIL: 发件人: Chenjc mailto: 发送时间: 2011年2月16日 15:01收件人: ; ; ; 俞春燕; ; 堵俊; 杜焕标; 陈静; 徐颖杰; WUMINGFUTUREPAD.COM.CN; ; 抄送: 钟建林; 李彩云; ; 吴文斌; ; ; ; 主题: 应用在不同分辨率已尺寸平板下的UI自适应解决方案会议纪要自适应问题： 目标： 提高效率和减少发布程序容量Dear all,以下是应用在不同分辨率已尺寸平板下的UI自适应解决方案会议纪要主流显示器： 7寸，8寸，9寸，10寸分辨率： 1024768，1024600，800600，800480, 1280960，1280720约定： 1、UI风格考虑自动缩放过程中哪些区域可以不变的，能够平铺的尽量平铺。-现新创的UI都会考虑。2、放大，缩小画面，分辨率转换，如10寸的1024768 =8寸的800600，开发所需要做的工作： 要处理所有图片。 UI 排版会不美观，会出现拥堵情况。-故UI排版的时候尽量平铺考虑到自适应，尤其是镜像渐变。3、UI有点复杂。处理方式建议参考安卓3.0蜂巢。4、除了程序方面要考虑自适应的问题，产品经理在做UI,UE的时候也要考虑自适应的问题。5、UI根据多个分辨率提供多套图片， 6、目前6种主流分辨率：产品经理设计UI,UE的时候考