style="text-indent:2em;">各位老铁们，大家好，今天由我来为大家分享产品界面原型设计排版规则，以及产品原型设计怎么弄好看的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！
本文目录
产品界面原型设计排版规则
01字体：类型&字号
在原型页面的文字设计中，字体的选择方面建议使用苹方（macOS）或是微软雅黑（Windows），以便达到更好的显示效果。
字号我个人比较常用的是12、13、14、15、17，偶尔会用9、10、20。
02配色：色彩&界面
在原型页面的色彩设计中，最好保持一致，无论是文本还是其他图形、图片不要使用太多非黑灰白以外的色值。
如果用于演示的产品原型稿件中需要配图标，则需要保持图片的一致性，大小及样式。但在实际的工作中，除了一些指示性比较强的图标，比如搜索、设置、分享等等，其他的尽量不要使用图标素材。
组成原型界面的素材也要尽可能的避免混搭，比如从成熟产品中截图然后应用到自己的产品原型当中。
在Axure9中新增了AdjustColor【颜色调整】，可对图片可以进行色值调整。
03排版：对齐&间距&留白
在原型页面的结构设计中，要灵活的使用参考线、对齐、分布等功能，使页面内容具有良好的可读性。
从个人习惯来讲，无论是间隔还是留白，我会按照5像素的倍数进行设置。留白一般在Style样式面板中调整Padding值，很多时候，Padding值也能辅助我对组件进行对齐操作。文本之间的行间距偶尔会调整，但会以默认为主。
04案例
以下是一些规范原型页面示意：
05结束语
对于想要从事产品经理或是交互设计师的新人来讲，建议大家在熟悉工具的使用过程中有意识的培养自己的设计规范。在绘制线框图，或者临摹其他成熟产品创建高保真原型（实际工作中并不需要创建高保真原型，这边需要特别注意）的时候，一定要注意以下2点：
线框图：不建议完全按照苹果或是安卓，设计规范进行页面设计。
高保证：不建议像素级临摹。
5天设计出产品原型，如何搞一场“设计冲刺”
这个第一部头脑风暴（根据客户需要），第二，草图方案（3选一），第三建模，渲染出图，第四排版，第五对接客户。前两部两天完成，第三四部两天，第五部一天。个人经验设计是个痛苦并快乐的过程！
做产品原型时（移动端和PC端），原型尺寸如何设计
这个问题很简单，可以直接搜索产品云原型设计的工具，注册登录平台后，根据平台的步骤即可创建项目做原性设计了，比如墨刀，这些问题都是可以轻松的搞定。这个特别适合刚转产品经理的人用，出了做原型外还可以用手机移动预览设计的产品原型，还可以分享链接给同事或者朋友，同事朋友也可以在线对你的原型设计进行评论和交流等
b端产品架构怎么搭建
为了搭建B端产品架构，首先可以定义产品架构的设计理念及技术栈；
接着，根据产品需求将整个系统拆分为多个模块；
然后，选择合适的技术架构，对不同模块进行开发；
最后，根据实际需求，严谨测试，修正错误，完善产品架构，提供给B端应用哟！
OK，本文到此结束，希望对大家有所帮助。
