用上这些技巧，你的原型会变得更好看
作者： ZoeSunPM 来源公众号： ThermodynamicLaw
线框图原型需不需要好看？我觉得在保证效率的前提下，需要好看。
先给好看定义标准：
简洁清晰，能一眼了解页面布局和元素；
规整统一，能高效分辨不同类型模块；
准确到位，原型表达准确，不仅仅是布局与元素，还有线框图中选用的示例；
重点突出，在不影响后续设计师设计的前提下，突出页面重点。
所以，好看并不只是外观审美，而是看起来方便，很容易看懂。
针对以上四点，我总结了4个应对小技巧。下面以模仿淘票票APP首页为例，详细介绍这4招。
一. 少用线条，使用颜色和阴影区分模块
使用颜色区分模块在视觉上比线条区分更直观，也更容易观察出页面布局。我的建议是只使用黑白灰，如果产品定了主色，可以增加一个主色使用在重要元素、选中状态元素上
可以根据制作原型母版和元件库的理念，去事先规定同类元素的表现形式，例如：
底色都使用浅灰色；
按钮，使用圆角，重要按钮使用主色；
选中状态，使用主色阴影。
少了生硬黑线的页面，看起来简洁干净，布局清晰；同时统一的元素表现形式降低了理解难度。
这个技巧能大大提升原型的被理解效率，我在工作中使用后，发现原型评审会的效率提高了很多，大家对于产品设计的理解误差减小了。
二. 熟练使用各种对齐方式
要提高页面的可看性，整齐是必不可少的。要做到高效整齐很简单，就是熟悉Axure的各个对齐方式。
首先，我在“视图”中设置了自定义工具栏（也可以记忆和熟练各个操作快捷键）：
在制作原型过程中，配合复制粘贴使用对齐，但每个对齐都有规则，需要自己在实践中去灵活操作。例如：
上下左右对齐将以选中的第一个元件为准；
水平/垂直分布将以选中元件中两个最外边为准。
合理使用栅格和辅助线同样能保证页面的整齐：
三. 使用真实数据表现元素
很多人为了方便会将将页面上的数据用数据名称表示，甚至使用“xxxx”来代指。这样做的弊端是不能更直观展现页面和元素的功能，不方便理解。
我在工作中发现，可以使用真实数据和数据名称结合的方式去更好地展现页面元素信息，传递页面功能。
四. 不使用Axure制作复杂交互
很多人会沉迷于Axure制作交互的强大中，而忽视了原型最重要读者的需求。
原型目标读者大多为设计师和程序员，他们希望你能提供准确直观的原型。原型中的交互，需要读者自己点击操作才能了解，程序员可能只会看，进而漏掉了很多交互内容；而且很多交互表现得不够准确，在我看来反而会使原型不够专业。
所以，我在原型中只使用简单的页面链接，一些交互直接交给交互设计师，或者在页面旁做简单的注释。
以上4招只是我在工作中总结的小技巧，不一定适合每个产品和团队，希望能抛砖引玉，启发你去探索自己的快速原型妙招~
帮你成长
我之前也创立过产品经理学习交流群，那个时候由于人数少，大家讨论也蛮积极的，但是微信群讨论的一大弊端就是无法将谈论的知识提炼出来，干货内容渐渐被口水话淹没，所以我建立了一个知识星球（原小密圈），在这里我会分享自己的思考感悟，你有问题可以随时像我发起提问，同时别人提的问题你也能看到，更重要的是你不论什么时候看这个回答它都在！
同时大大老师以后所有的live，小密圈的同学都可以免费学习。
为了更好的服务知识星球的小伙伴，大大老师将会在知识星球发表一些干货文章和音频供大家学习，当然这些内容公众号是没有的。
知识星球规则：
1、费用：为了保证社群的质量和活跃度，需要先付款99元，签到后会返还。
2、返还费用：连续签到3天返还30元，连续签到5天返还50元，连续签到7天返还70元。
下图是返还凭证：
2、签到形式：可以是你的产品感悟，也可以是你学习中遇到的问题，也可以是你回答别人问题。（把你的感悟记录下来，把你遇到的问题提出来，帮助解决别人遇到的问题，这个过程就是成长，切记不要潜水，好歹你也是付费进来的）。
3、奖励：每周抽取最活跃的用户，（提出的问题+发表的产品感悟+回答别人问题）总数最多，即有可能获得现金红包、PRD文档、面试简历模板、原型文件等不同奖励形式。
奖励凭证：
邀请5个小伙伴加入，则本人加入的费用免除，并同时获赠68元现金奖励，当让为了保证群质量，邀请的小伙伴需要付费加入。
4、广告：社群内禁止发广告，否则即使付费，也要被T出去，如果想发广告，加入上课群，并红包走起，想加入上课群，加微信yw5201a1，拉你入群。
之前付费进入产品经理学习群的小伙伴，可以加微信（yw5201a1），免费拉你入群。
长按下方二维码加入我们吧！
更多干货可关注微信公众号：chanpinliu880 ，关注后可获得第一手干货。
私人微信号：yw5201a1，有问题也可找我交流。
送福利：截至下周一评论区点赞数最多的前5名，可以找我（加微信yw5201a1）领一份私密课干货视频，视频内容任选哦！
往期精彩文章
点击“阅读原文”
即可进行系统的学习