圣尊科技产品原型设计规范
v1.0
规范说明书
文档历史记录
日期 2017.11.07 名称 圣尊科技产品原型设计规范 版本 1.0 状态 1 签名 季莹莹 备注：状态表示为：1.新建 2.完成未审 3.完成已审 4.完成归档
山东圣尊网络科技有限公司 2
规范说明书
文档修改记录
编号 版本 描述 （包括：日期，变更的图、表、段落号，标题或简单描述） 2017.11.07 新增内容XXX 1 1.0 2 3 4 5 6 备注：修改类型表示为： A - 增加 M - 修改 D - 删除
修改类型A，M，D A 山东圣尊网络科技有限公司 3
规范说明书
目 录
圣尊科技产品原型设计规范 ....................................................................................................................... 1 文档历史记录 .......................................................................................................................................... 2 文档修改记录 .......................................................................................................................................... 3 目 录 ........................................................................................................................................................... 4 1. 引言 ......................................................................................................................................................... 5 1-1. 目的及意义 ..................................................................................................................................... 5 1-2. 假定和约束 ..................................................................................................................................... 5 2. 全局规范 ................................................................................................................................................. 6 2-1. 原型设计原则 ................................................................................................................................. 6 2-2. 主流设计工具 ................................................................................................................................. 6 2-3. 原型大纲 ......................................................................................................................................... 6 3. 原型设计详细规范（针对产品经理和交互设计师） ......................................................................... 8 3-1. 原型尺寸规范 ................................................................................................................................. 8
3-1-1. iOS（iPhone） ..................................................................................................................... 8 3-1-2. Android（主流机型） .......................................................................................................... 9 3-1-3. web ....................................................................................................................................... 10
3-2. 原型界面 ....................................................................................................................................... 10
3-2-1. 界面命名问题 ...................................................................................................................... 10 3-2-2. 界面大小及位置问题 .......................................................................................................... 11 3-2-3. 界面控件问题 ...................................................................................................................... 13
3-3. 原型标注 ....................................................................................................................................... 13
3-3-1. 跳转问题 .............................................................................................................................. 13 3-3-2. 按钮状态问题 ...................................................................................................................... 13 3-3-3. 其他规则问题 ...................................................................................................................... 14
山东圣尊网络科技有限公司 4
规范说明书
1. 引言
1-1. 目的及意义
对项目：规范性产品原型的目标在于清楚的表达产品的设计理念和功能的执行逻辑，提高沟通效率，避免信息不对称和信息传达中出现问题而导致的开发进度拖延。
1. 帮助开发和设计团队提高设计质量和工作效率。 2. 降低各方面沟通成本，统一设计标准和设计方法。
3. 支持模块化设计，减少开发成本，加快产品更新迭代的速度。 4. 提高交互设计水平，提升用户体验。
对个人：规范性产品原型可以减少开发、产品、UI设计人员的沟通成本，达成更好的时间管理目标，同时避免责任纠纷。
1-2. 假定和约束
产品原型设计根据项目周期可选原型类型：
1. 低保真原型：表现软件的重点功能和基本交互过程。制作成本低，速度快，修改也方便。
适合任务简单，整个团队沟通顺畅，个人能力较强的情况。
2. 中度保真原型：中度保真的产品添加了更多细节，对软件的交互进行了更细致的设计，更
接近最终的产品。在大部分情况下，中度保真原型已经足够，既表现了软件的功能特性和交互过程，界面有一定的细节，而且使用者已经能完整体验到最终的产品，可以验证产品的可行性，确保了不会在后面的开发过程中发现重大失误。缺点是花费时间会多一些。 3. 高保真原型：几乎完全按照最终产品来制作的原型，细节丰富，包括了产品的所有功能以
及详细的交互细节。制作高保真原型可以显著降低沟通成本，原型更精准和精美。但是，保真度越高就意味着需要花更多的时间和开发精力，而且一旦有修改也会更加耗费时间。
山东圣尊网络科技有限公司 5
圣尊科技产品原型设计规范v1.1（产品经理） - 图文
