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

742 评论 299000 浏览 683 收藏 6 分钟

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

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

02333b57383b906ac72580ed05c8a3

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

第一步:

先下载这套组件库(文末有下载地址)。

 

第二步:

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

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

第三步:

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

2

第四步:

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

2.2

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

3

4

第五步:

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

02333b57383b906ac72580ed05c8a3 2

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

四种背景效果都很合适

025c1b57383c126ac72580edc9b951

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

A1

A2

A3

A4

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

home

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

链接:https://pan.baidu.com/s/1E5dSruVP6oLzA_EdEN77Ig

密码:56wx

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

 

作者:姚岁岁(站酷号Stwo_S2),中梦科技设计总监,4年互联网产品设计经验。

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

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 辛苦 大牛 麻烦发我邮箱一份 627747590@qq.com

    来自北京 回复
  2. 辛苦楼主~求分享~miaoliqian@126.com 😀 😀

    来自北京 回复
  3. 下载不了,求发邮箱2186815429@qq.com 😳

    来自浙江 回复
  4. 下载不了,求发送 1203113073@qq.com ,跪谢 😛

    来自北京 回复
  5. 7.0不能用。。。。下了两遍。。。哎。。。 ➡

    来自北京 回复
  6. 求发送wuke123666@163.com

    来自浙江 回复
  7. 感谢楼主分享 😀 😀

    来自四川 回复
  8. 非常感谢!215229451@qq.com

    来自广东 回复
  9. 邮箱370644245@qq.com,感谢楼主发送

    来自上海 回复
  10. 谢谢楼主发送,邮箱:544086310@qq.com

    来自北京 回复
  11. 弱弱的问一下,最后连线是怎么连的?谢谢

    来自河南 回复
    1. Axure自带工具,手工连线的

      来自安徽 回复
    2. 😀

      来自河南 回复
  12. 请教下元件的尺寸是根据什么定的呀?

    来自浙江 回复
  13. 😀 谢谢楼主发送 邮箱287494883@qq.com

    来自福建 回复
  14. 下载之后无法导入,7.0和8.0都不行。大神能给我发一份吗?先献上我的半月板。673382039@qq.com。

    来自中国 回复
  15. 446014298@qq.com 跪求一份~~

    来自北京 回复
  16. 请问无法导入的话是什么原因

    来自湖南 回复
  17. 下载不了,跪求楼主512123404@qq.com,谢谢么么哒

    来自广东 回复
  18. 谢谢楼主发送,邮箱1719717686@qq.com

    来自北京 回复
  19. 您好,部件库很棒,烦请百忙当中发到我的信箱,14410951@qq.com,急用啊,感谢,感谢。

    来自北京 回复
  20. 能发我邮箱一份吗 ,十分感谢 251252909@qq.com

    来自上海 回复
  21. 我的是8.0 可以发一份给我吗 邮箱是824432996@qq.com

    来自福建 回复
  22. 刚下载了 都没有后缀,也导不进去,是我打开的方式有问题么,请大神 发送个到我邮箱试试吧 谢谢了 391585130@qq.com

    来自浙江 回复
  23. 谢谢分享啦。作者在中梦科技啊? 有个叫金莉的同事吗

    来自江苏 回复
  24. 非常感谢,下载后做了一些个性化的修改,让这个原型素材模版更加适合我使用。
    总之谢谢啦,期待您下次的干活分享

    来自广东 回复
  25. ➡ 下载不了,求发送 444749207@qq.com ,跪谢 🙄

    来自广东 回复
  26. 164859493@qq.com 楼主好人一生平安 🙄

    来自广东 回复
  27. 很好用。但是因为公司项目有时比较急,会直接省了美工那一步。想知道最后画的的结果能转化为psd?这样前端开发就可以直接用了。 ❓

    来自广东 回复
    1. 然而并不能直接转化为psd,不过前端有一些简单已经实现好的框架,经验丰富的前端可以对着原型图直接实现一部分效果,但并不推荐这样做。(叫设计师“美工”话,容易被他们诅咒死)

      来自安徽 回复
    2. 大侠 那个线是怎么连的

      来自广东 回复
  28. 收藏看看,谢谢!

    来自乌干达 回复
  29. 我下载了,但是我的axure是8.0 的,您的是7.0的,似乎不能兼容不能用,呜呜呜呜呜,亲爱的该咋办呢? ➡ ➡

    来自北京 回复
    1. 我这边已经测试过了,导入8.0完全可以,MAC和WIN都行,你那边可以再试试。

      来自安徽 回复
    2. 你好,能不能把axure的安装包给一份,我这边无法导入,提示出错 ➡ 邮箱:1678590579@qq.com 急用,谢谢

      来自山东 回复
    3. 我的也是,提示出错。能不能发个Axure8的mac 安装包呢?

      来自安徽 回复
    4. 我用了8 和 7 都不行呢 ➡

      来自山东 回复
  30. 谢谢楼主发送,邮箱:1040594585@qq.com

    来自江苏 回复