让你的原型不再LOW-一套设计师倾情奉献的组件库免费下载
让你的原型不再LOW-一套设计师倾情奉献的组件库【文章摘要】很多小伙伴常常抱怨没有好的组件库，导致每次画原型的时候自己一个按钮一个按钮绘制，效率低下。这个组件库来自有着多年经验的中梦科技设计总监@姚岁岁 ，从设计师的角度设计组件库，相信能让你的原型发挥出不一样的光彩。
http://v.chanpin100.com/2016/06/143.jpg
每次看到网络上别人的原型图，都觉得好高档，好羡慕啊，但自己做的原型图却样式很low。虽然有人会说，原型嘛，又不是做视觉设计，干嘛要看起来高大上，保证功能才是第一的。但是如果能很简单的出一份高档的原型图，无疑会有利于展现自己的专业水准，在和甲方、BOSS、同事的沟通中占据更有利的优势，被大家所认可。
http://v.chanpin100.com/2016/06/1.webp_21.jpg
所以，作为一名目标是项目经理的设计师，从视觉的角度规划了一套组件库，这里分享这套原创的组件库，和使用方法，让你简单几步便能输出高端大气上档次的原型图。第一步：先下载这套组件库
下载链接：在文末。不能下载的同学请在这篇文章下留言你的邮箱。第二步：打开Axure，新建一个Axure文件。
（注意，这里不是双击打开这个组件库，不是双击打开这个组件库，不是双击打开这个组件库）第三步：在左侧“部件”的面板中，点击按钮弹出菜单，选择菜单中的“载入部件库”，选择刚下载的这套组件库文件。
http://v.chanpin100.com/2016/06/2.webp_1.png第四步：载入这套组件库后，我们可以看到里面分了几个大类，先拖第一个背景色到编辑区
http://v.chanpin100.com/2016/06/3.webp_.png
选择合适的背景色，在底部的“页面样式”面板中改变底色
http://v.chanpin100.com/2016/06/4.webp_.png
http://v.chanpin100.com/2016/06/5.webp_.png第五步：开始做我们的原型图图吧！拖拖拖，改改改，连线。所有的部件都是可以编辑的哦。可以通过（ctrl+减号）和（ctrl+加号）查看整体效果
http://v.chanpin100.com/2016/06/6.webp_3.jpg
最后：”文件”->”导出为图片”，在ps中稍微补修改一下页面的大小，即可获得如下下效果。（PS中“图像”->“修改画布大小”，向右下方延伸）
四种背景效果都很合适
http://v.chanpin100.com/2016/06/7.webp_3.jpg
OK，大功告成，是不是很简单，无论是在屏幕上展示，还是打印出来交流，效果都是杠杠的。
http://v.chanpin100.com/2016/06/8.webp_.png
http://v.chanpin100.com/2016/06/9.webp_.png
http://v.chanpin100.com/2016/06/10.webp_.png
http://v.chanpin100.com/2016/06/119.png
这套组件库里到底包涵了哪些东西，也分享给大家看看
http://v.chanpin100.com/2016/06/126.png
就分享到这吧，再次标注这套组件库的下载地址：
下载链接：不能下载的同学请在这篇文章下留言你的邮箱。
让你的原型不再LOW-一套设计师倾情奉献的组件库免费下载地址：
关注下边微信公众号二维码，发送原型下载。
**** Hidden Message *****
谢谢！！！！！！！！！ 这个资源不错。感谢楼主！……来自于捡代码论坛 好好好好好好好好好好好好
找了好久，谢谢~ 感谢分享，下载来学习一下。 很好，谢谢 感谢楼主分享 不错，下载看看，。……来自于捡代码论坛 非常好，感谢楼主