本文目录

1. 产品原型三个原则
2. 产品原型介绍怎么写
3. 交互设计师的任务是设计产品原型
4. 原型产品的极简原则好处
5. 产品界面原型设计排版规则

一、产品原型三个原则

行为完整原则

原型必须准确完整地描述软件的行为（功能），这里的“准确”指准确表达产品行为逻辑，不与真实产品相悖，“完整”指完整地包含产品的核心功能，对于每个功能，完整地描述从始至终的子行为，不缺省行为细节。

描述直观原则

原型应该直观描述软件用户体验（交互和设计），软件用户体验和用户需求密不可分，一个完整表达交互的原型和一个只有静态页面的原型在体验上是完全不一样的，当然我们不要求在设计上追求精致，而是在风格、界面组件排布等方面接近真实产品，不可草草了事。

成本可估原则

一个高效的产品原型应该能从中评估出时间成本、技术成本和资金成本，如此，产品的进度才不会拖，产品的投入才能准确预估以便于产品决策团队进行决策。

二、产品原型介绍怎么写

产品原型是设计方案的表达，是产品经理、交互设计师的重要产物之一，也是项目团队的其他成员（尤其是设计师、开发人员）的重要参考和评估的依据。

产品界面原型其实就是页面级别的信息架构、文案设计、及页面与页面之间的交互流程，它是产品功能与内容的示意图。

产品设计原型按精细程度来分，可分为线框图，低保真产品原型和高保真。

三、交互设计师的任务是设计产品原型

非也！产品原型是产品经理的工作！

产品经理负责的是画出原形，写好标注，告诉交互设计师他设计的交互形式表现出来是怎样的；

交互设计师研究产品原型，把原型中设计的交互形式真正的制作、呈现出来。好的交互设计师还要帮助产品经理进行流程的优化，减少用户达到目的所需要的操作步骤，优化用户体验。

四、原型产品的极简原则好处

原型产品的极简原则可以让我们聚焦在最核心最关键的问题上，同时也可以降低试错成本。

五、产品界面原型设计排版规则

01字体：类型&字号

在原型页面的文字设计中，字体的选择方面建议使用苹方（macOS）或是微软雅黑（Windows），以便达到更好的显示效果。

字号我个人比较常用的是12、13、14、15、17，偶尔会用9、10、20。

02配色：色彩&界面

在原型页面的色彩设计中，最好保持一致，无论是文本还是其他图形、图片不要使用太多非黑灰白以外的色值。

如果用于演示的产品原型稿件中需要配图标，则需要保持图片的一致性，大小及样式。但在实际的工作中，除了一些指示性比较强的图标，比如搜索、设置、分享等等，其他的尽量不要使用图标素材。

组成原型界面的素材也要尽可能的避免混搭，比如从成熟产品中截图然后应用到自己的产品原型当中。

在Axure9中新增了AdjustColor【颜色调整】，可对图片可以进行色值调整。

03排版：对齐&间距&留白

在原型页面的结构设计中，要灵活的使用参考线、对齐、分布等功能，使页面内容具有良好的可读性。

从个人习惯来讲，无论是间隔还是留白，我会按照5像素的倍数进行设置。留白一般在Style样式面板中调整Padding值，很多时候，Padding值也能辅助我对组件进行对齐操作。文本之间的行间距偶尔会调整，但会以默认为主。

04案例

以下是一些规范原型页面示意：

05结束语

对于想要从事产品经理或是交互设计师的新人来讲，建议大家在熟悉工具的使用过程中有意识的培养自己的设计规范。在绘制线框图，或者临摹其他成熟产品创建高保真原型（实际工作中并不需要创建高保真原型，这边需要特别注意）的时候，一定要注意以下2点：

线框图：不建议完全按照苹果或是安卓，设计规范进行页面设计。

高保证：不建议像素级临摹。