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

零基础学产品,BAT产品总监带,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年互联网产品设计经验。

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

祝给予赞赏的伙伴,2017年发大财!
2人打赏

评论( 570

写下你的想法
  1. 初入行业,多多指教

    不能下载啊,求大神发一份956608255@qq.com,万分感谢!!!!

    回复
  2. 跨界学徒

    大家注意元件库彩蛋了啊 :roll:

    回复
    1. 回复

      :!: 被你发现了

  3. 一生中最浪漫的事就是和你们一起创业

    我想要一份可以吗904427147@qq.com谢谢大大

    回复
  4. :eek: 麻烦您给我发一份:549188336@qq.com,请收下我的膝盖,谢谢….

    回复
    1. 回复

      :!: 已经收到,非常感谢….

  5. 产品er

    谢谢好人分享 1083569614@qq.com

    回复
  6. 我的邮箱是:296477949@qq.com谢谢大牛啦

    回复
    1. 回复

      已经发送

    2. 回复

      楼主你好,方面发我一份吗?邮箱:wakegui@126.com 感谢前辈分享!

  7. 虽然不是伸手党,但是对于资源帝还是要万分敬仰的!!
    ft_kong@126.com

    回复
  8. 找重工平台

    求发送99780462@qq.com

    回复
  9. 昨天已转了辛苦红包3.1 :mrgreen:

    回复
    1. 回复

      哦~被你发现了~3Q啦

  10. 很好

    幸苦岁岁了,麻烦发我邮箱一份yuxi_23@163.com,万分感谢。。

    回复
  11. 同程产品运营

    460433353@qq.com 感激不尽

    回复
  12. 非常感谢!!!

    回复
  13. 感谢分享,邮箱953058244@qq.com

    回复
  14. 我邮箱,124327451@qq.com,下载不了,麻烦给我发一下,非常感谢!

    回复
  15. 我的邮箱是:674048797@qq.com。谢谢大牛

    回复
  16. 简单的小白,未来的大白

    楼主,太感谢了 :grin: :grin: :grin:
    谢谢你的分享,真心感谢,好银!期待着你以后越来越多的好文章,加油!

    回复
  17. 雷军,小米创世人,CEO

    谢谢大婶的分享

    回复
  18. 学习ing

    724149782@qq.com 楼主是好人 :wink:

    回复
  19. 产品汪

    下载不下来,大神,发我邮箱一份吧,万分感谢。277140803@qq.com

    回复
  20. 下载不下来,我的邮箱是:tanx@mysteel.com。谢谢产品大牛。

    回复
    1. 回复

      已发,请查收

  21. 互联网中的工蚁一只

    已经导入axure,感谢。 :grin: :roll:

    回复
  22. 一只毕业dog啊。。。

    1624446018@qq.com 谢谢兄弟

    回复
    1. 回复

      不客气 大兄弟

  23. 569603732@qq.com,谢谢了,好人

    回复
    1. 回复

      竟然发我好人卡 :cool:

    2. 回复

      老师发我一份吧,380510995@qq.com,万分感激

  24. 我倒是能下出来,,但是怎么导入不进去呢,请教啊,实在不行,您可以发送文件给我吗?我再试试,真的很需要,569603732@qq.com

    回复
    1. 回复

      留下你的邮箱吧,我发给你

    2. 回复

      642042106@qq.com 谢谢分享

  25. 科技小白一枚

    不能下载,714360212@qq.com,谢谢

    回复
  26. 希望以后能多出一些这类的干活,对我这种小白很有帮助,用完了都说好 :roll: :roll: :roll: :roll: :roll: :roll: :roll:

    回复
    1. 回复

      在平时遇到这种类似的需要,可以帮助人多人,有好的想法可以反馈我哦,我在构思下一步做什么

    2. 回复

      我的想法就是能不能做一些pc的 :mrgreen: :mrgreen: :mrgreen: :mrgreen: 真的特别好用,我刚接触这个,觉得这个特别好用。支持

  27. 人要有梦想,万一实现了呢?

    1137467633@qq.com,谢谢求发

    回复
  28. 产品汪

    下载不了,求发送 845584129@qq.com 谢谢 :roll:

    回复
  29. 立志成为大神的菜鸟

    加载不了,麻烦发一份吧 64226643@qq.com 多谢了

    回复
  30. 一个走在路上的产品新人...

    幸苦岁岁了,麻烦发我邮箱一份1065985563@qq.com,万分感谢。。

    回复

推荐阅读