产品原型规范

产品原型规范篇一：原型设计规范原型设计规范 配置管理编号：PGXX1212 1 原型设计说明原型设计可以在对话设计完成后进行；也可以原型设计和对话设计同时进行，最后将两者进行验证。对话设计中的所有对话都必须在原型设计中体现；对话设计中没有的对话，原型设计中也不能有。 2 原型设计产出物 原型设计就在画系统中每个对话的 html 页面。完成后，整个系统就可以静态的展现出来。每个对话的样式、对话中的数据项摆放、对话中触发键的排放以及对话之间的调用关系都能一目了然。 3 原型设计要求 外在质量要求原则 ? 注意力集中原则：页面布局要把使用频率、重要性最高的功能放在视觉最显眼的地方；尽量使 用成熟的软件的框架布局方式，不刻意标新求异。 ? 追求洗练的界面风格：以为朴素，大方为要。切忌内容胡乱堆砌，要求整齐一致。 ? 配色合理：配色满足大众的视觉习惯。 ? 针对不同用户群的特点个性化界面：根据用户群做细分。比如使用人中岁数大的人使用的界面 应该使用大字体、大界面；小孩使用的界面要追求可爱、活泼。 原型设计应该考虑的因素 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计，软件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计，包装及商品化。 （1）软件启动封面设计 应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过 256 色，最好为 216色安全色。软件启动封面大小多为主流显示器分辨率的 1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以 树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。 （2）软件框架设计 软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。 （3）软件按钮设计 软件按钮设计应该具有交互性，即应该有 3 到 6 种状态效果：点击时状态；鼠标放在上面但未点击时状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。 （4）软件面板设计 软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。 （5）菜单设计 菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。 （6）标签设计 标签设计应该注意转角部分的变化，状态可参考按钮。（7）图标设计 图标设计色彩不宜超过 64 色，大小为 16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。 （8）滚动条及状态栏设计 滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标 等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。 （9）安装过程设计 安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。 （10）包装及商品化 最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。 篇二：产品原型文档(PRD)规范产品原型文档模板 （PRD）规范 目 录 一、 项目（产品）介绍 1、 项目（产品）面向对象 2、 项目（产品）原则（应当遵循行业标准或规范，包含程序与 UI 部分的要求） 3、 项目（产品）逻辑流程图（网站结构图） 4、 功能需求（产品需要达到用户的那些目的，及对用户进程、浏览轨迹的安排） 主要功能模块 用例说明二、 功能详细说明1、 注册与登录 2、 信息上传与发布3、 生成图片及提示注册 4、 编辑后台说明 5、 管理员系统管理说明 6、 其他 三、 网站前端与功能应用详细说明 1、 首页 前端 UI 说明 前端 UI 说明 3、 4、 列表页（更多页） 同上 最终页 同上 四、 管理后台 五、 其他 六、 附录 篇三：原型设计规范界面原型设计标准规范 界面原型工具：Axure RP Pro 中文版本 最终产物：Axure 原文件、生成原型、规格说明书 原型设计标准 站点地图 站点地图结构示例 ? 站点层级定义： 第一层：子系统、公用组件 第二层：功能结构图、一级模块 第三层：二级模块 第四层：功能项第五层：信息显示界面、信息编辑界面、? 注: 子系统、功能结构图、功能项、页面在站点地图目录中是必须存在的。 站点各层级页面注释要求 注： ? 常见字段效验统一描述。 ? 特殊字段校验，如果是业务效验在功能描述中说明；如果是逻辑功能校验在字段标签中说明。 ? 列表排序规则：选中整个列表添加标签（名称：排序规则）进行描述（按照 xxx 正(倒)序排列） ； 如果没有描述排序规则，则按照默认排序