编者按:Axure是一个快速而强大的创建软件原型的工具。然而，对于用户来说，他们可能没有接受过正式的培训，不知道如何以适当的方式更有效地使用Axure。基于此，本文作者分享了产品原型页面规范设计过程中应该注意的几个关键问题，希望阅读后能对你有所帮助。

产品原型的价值是以最直观的方式向受众展示你的业务需求。

除了产品原型，其他内容(如业务、流程、逻辑等。)WAP需要体现在PRD文档中。在同等质量的情况下，具有一定设计规格的产品原型，显然会让你的受众更容易接受。另外，在实际工作中，我们也会负责UI视觉稿的审核和验收，有一定的设计思维，也能让你更好的理解对方的设计思路和理念。

产品原型页面的标准设计应注意以下几点:

01 font: type &:用于指定序列号的字符和数字

在原型页面的文字设计中，建议字体选择使用macOS或Windows，以达到更好的显示效果。

我个人用12，13，14，15，17，偶尔用9，10，20。

02配色:颜色&界面

在原型页面的颜色设计中，最好保持一致，不要使用太多除了黑、灰、白以外的颜色值。

如果用于演示的产品原型稿件需要配备图标，需要保持图片的一致性、大小和风格。但是在实际工作中，除了一些指示性图标，比如搜索、设置、分享等。，尽量不要使用图标材质。

构成原型界面的素材也要尽可能避免混合搭配，比如从成熟的产品上截图，应用到自己的产品原型上。

Axure9中增加了调整颜色，可以调整图片的颜色值。

03排版:对齐&:间距&:消息

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

个人来说，无论是区间还是空白，我都会以5像素的倍数来设置。消隐通常会调整“样式”面板中的“填充”值。在许多情况下，填充值也可以帮助我对齐组件。文本之间的行距会偶尔调整，但以默认为准。

04案件

以下是规范原型页面的一些示意图:

05结束语

对于想做产品经理或者交互设计师的新人，建议大家在熟悉工具使用的同时，有意识的培养自己的设计规范。绘制线框或复制其他成熟产品创建高保真原型时(实际工作中不需要创建高保真原型，这里要特别注意)，必须注意以下两点:

线框图：不建议完全按照苹果或是安卓，设计规范进行页面设计。高保证：不建议像素级临摹。