关于UI规范的制订.docVIP

关于UI规范的制订。 ??? 大块文章2004-9-28 13:23 来自CHINAUI论坛讨论帖 肥鸟整理首先有几些现成的提纲可供参考第一个Art Designer作业规范书1定义2作业环境Art Designer日常作业的主要编辑工具：软件图标主要编辑工具：各种Logo设计及印刷设计：其他常用的编辑工具：2.2 Art Designer 一般作业要求各个产品需求图档主要是：Logo Symbolic Mark：软件的识别标志象征图及标准字搭配方案；Autorun：光碟自动执行界面；Splash：软件激活时的欢迎及说明画面；Login：登陆界面；Banner：显示版权信息及系列软件版本号画面；Icon：软件工具栏，应用程序配套图标；Source：各类软件所图形资源。命名规范：aaa_bbb.ccc aaa-软件代号 bbb-图片类别 (splash、sanner、logo等） ccc-文件后缀名（文件类型）备份共享方式：3产品相关图文件 编辑规格3.1 图文件编辑规格以下为产品图文件编辑模板的举例说明：图文件编辑规格（附图以“XXXXXX”为例）Logo Symbolic Mark：软件的标志和象征图形用于宣传和视觉记忆。（由于标志的范围很广，设计制作时必须用适量设计软件完成，以满足各种不同运用的需求）Autorun:软件CD安装时有不同选项在以此图为基础添加不同选项的链接按钮。（软件直接安装无选项时以此图为底图）软件执行图标 (Icon) 编辑规格应用程序图标规格：64*64 32bit、48*48 32bit、32*32 32bit、24*24 32bit、16*16 32bit48*48 16bit、32*32 16bit、24*24 16bit、16*16 16bit32*32 4bit、16*16 4bit（Windows 2000及以下版本支持16bit图标而Windows xp 支持32bit的图标，全规格的图标可以在不同系统中自动匹配，4bit的图标主要用于“安全模式”中显示）Tool Bar 图标规格：24*24 16bit、16*16 16bit16*16 4bitMenu 图标规格：16*16 16bit16*16 4bit4. Art Designer 作业遵循流程规范5 Art Designer作业中 Adobe Photoshop 专用层面图文件命名规范6 软件包装设计的规范7 宣传页的设计要素及注意事项8 Art Designer日常学习交流第二个UI设计指南年-月-日版本:V1.0作者: ***审核: ***批准: *** 年-月-日更改记录日期 被修改的章节 修改的类型* 修改描述 修改人年-月-日 全部 A 新建 *** 修改类型分为 A - ADDED M - MODIFIED D - DELETED1 简介1.1 目的提供UI设计流程定义，为交互设计提供依据。1.2 背景使UI工作整体流程更具规范化和为这一规范更具有可视性。1.3 适用范围任何具有UI设计阶段的项目。1.4 缩写和术语1.4.1可用性 usability以有效性、效率和满意度为指标，产品在特定使用背景下为了特定的目的可为特定用户使用的程度。1.4.2 用户 user与产品交互的个体。1.4.3 任务 task实现目的所必需的活动。1.5 参考资料（本规范使用到的参考资料）1.6 本文结构概述定义UI设计流程和角色定义。1.7 流程概述介绍整个UI设计阶段的执行过程。2 流程定义2.1 流程图划分UI设计流程图在流程图中其实是有两个纬度，分别是纵向和横向2.1.1 纵向：是角色的划分对于一个项目来说通常会有三个角色分别是用户研究角色、设计角色、制作角色用户研究角色：主要是让UI实现以用户为中心的设计主要工作有两点在进行界面设计前了解整体产品的需求，并针对UI设计了解用户对UI的需求，再把这需求传达给设计师，即《UI需求分析报告》，这过程中的主要方法有焦点小组等。在UI设计过程当中会不停的要求对设计进行评价这是就要求让用户来评价，我们称这种方法叫使用性测试，在流程图中的表现是对交互模型的使用性测试和验证性地使用性测试。设计角色：主要是实现界面的交互设计即逻辑设计和界面设计在做交互设计时一般是要根据《UI需求分析报告》做交互模型，即用一些工具实现一些交互的动作，让用户能直观的了解界面间的逻辑关系，来确认设计的可行性。在界面设计时主要是设计皮肤即界面的布局图标的摆放等，这时的设计也是要遵循需求，并且要写《UI设计说明》。制作角色：主要