一套出自设计师之手的Axure组件库,让你的原型不再LOW

从零开始学运营,10年运营老司机带路,2天线下集训+1年在线学习,做个优秀的运营人。了解详情

很多小伙伴常常抱怨没有好的组件库,导致每次画原型的时候自己一个按钮一个按钮绘制,效率低下。这个组件库来自有着多年经验的中梦科技设计总监@姚岁岁 ,从设计师的角度设计组件库,相信能让你的原型发挥出不一样的光彩。

zujiankuaxure

每次看到网络上别人的原型图,都觉得好高档,好羡慕啊,但自己做的原型图却样式很low。虽然有人会说,原型嘛,又不是做视觉设计,干嘛要看起来高大上,保证功能才是第一的。但是如果能很简单的出一份高档的原型图,无疑会有利于展现自己的专业水准,在和甲方、BOSS、同事的沟通中占据更有利的优势,被大家所认可。

02333b57383b906ac72580ed05c8a3

所以,作为一名目标是项目经理的设计师,从视觉的角度规划了一套组件库,这里分享这套原创的组件库,和使用方法,让你简单几步便能输出高端大气上档次的原型图。

第一步:

先下载这套组件库

作者链接:http://pan.baidu.com/s/1c2jtcTM 密码:9nae

官方链接:http://pan.baidu.com/s/1dEXQoTF 密码:57p9

不能下载的同学请在这篇文章下留言你的邮箱。

第二步:

打开Axure,新建一个Axure文件。

(注意,这里不是双击打开这个组件库,不是双击打开这个组件库,不是双击打开这个组件库)

第三步:

在左侧“部件”的面板中,点击按钮弹出菜单,选择菜单中的“载入部件库”,选择刚下载的这套组件库文件。

2

第四步:

载入这套组件库后,我们可以看到里面分了几个大类,先拖第一个背景色到编辑区

2.2

选择合适的背景色,在底部的“页面样式”面板中改变底色

3

4

第五步:

开始做我们的原型图图吧!拖拖拖,改改改,连线。所有的部件都是可以编辑的哦。可以通过(ctrl+减号)和(ctrl+加号)查看整体效果

02333b57383b906ac72580ed05c8a3 2

最后:”文件”->”导出为图片”,在ps中稍微补修改一下页面的大小,即可获得如下下效果。(PS中“图像”->“修改画布大小”,向右下方延伸)

四种背景效果都很合适

025c1b57383c126ac72580edc9b951

OK,大功告成,是不是很简单,无论是在屏幕上展示,还是打印出来交流,效果都是杠杠的。

A1

A2

A3

A4

这套组件库里到底包涵了哪些东西,也分享给大家看看

home

就分享到这吧,再次标注这套组件库的下载地址:

作者链接:http://pan.baidu.com/s/1c2jtcTM 密码:9nae

官方链接:http://pan.baidu.com/s/1dEXQoTF 密码:57p9

不能下载的同学请在这篇文章下留言你的邮箱。

 

作者:姚岁岁(站酷号Stwo_S2(http://www.zcool.com.cn/u/2385735))中梦科技设计总监,4年互联网产品设计经验。

本文由 @姚岁岁 原创发布于人人都是产品经理。未经许可,禁止转载。

赞赏是对原创者的最大认可
5人打赏
评论
欢迎评论,与我交流
  1. 求大神分享,感谢,jianguoleung@163.com~~

    回复
  2. 您好 非常感谢您的分享 我的邮箱是792952108@qq.com 楼主好人 好人一生平安

    回复
  3. 非常非常感谢楼主1910311735@qq.com

    回复
  4. 链接失效啦,感谢楼主,麻烦发一份邮箱yiseke@163.com万分感谢!

    回复
  5. 链接已失效,求一套gucanxue@126.comgucanxue@126.com,感谢!

    回复
  6. 感谢楼主无私奉献,非常需要360498293@QQ.com

    回复
  7. 麻烦发一份我邮箱1027872350@qq.com

    回复
  8. 楼主可以发我一份吗?邮箱:1635293109@qq.com 辛苦了

    回复
  9. 大神,麻烦也给我发一份,感谢。719356768@qq.com

    回复
  10. 大神,显示文件已不存在。麻烦您能不能给我发一份?我的邮箱是:18396696425@163.com

    回复
  11. 563255319@qq.com 谢谢楼主。

    回复
  12. 谢谢楼主发送,邮箱:610048889@qq.com

    回复
  13. 下不了,麻烦大佬发我邮箱skloxo@gmail.com

    回复
  14. 载入失败?1059019680@qq.com O(∩_∩)O谢谢

    回复
  15. 感谢楼主,麻烦发一份邮箱760489974@qq.com 万分感谢!

    回复