一套出自设计师之手的Axure组件库,让你的原型不再LOW
很多小伙伴常常抱怨没有好的组件库,导致每次画原型的时候自己一个按钮一个按钮绘制,效率低下。这个组件库来自有着多年经验的中梦科技设计总监@姚岁岁 ,从设计师的角度设计组件库,相信能让你的原型发挥出不一样的光彩。
每次看到网络上别人的原型图,都觉得好高档,好羡慕啊,但自己做的原型图却样式很low。虽然有人会说,原型嘛,又不是做视觉设计,干嘛要看起来高大上,保证功能才是第一的。但是如果能很简单的出一份高档的原型图,无疑会有利于展现自己的专业水准,在和甲方、BOSS、同事的沟通中占据更有利的优势,被大家所认可。
所以,作为一名目标是项目经理的设计师,从视觉的角度规划了一套组件库,这里分享这套原创的组件库,和使用方法,让你简单几步便能输出高端大气上档次的原型图。
第一步:
先下载这套组件库(文末有下载地址)。
第二步:
打开Axure,新建一个Axure文件。
(注意,这里不是双击打开这个组件库,不是双击打开这个组件库,不是双击打开这个组件库)
第三步:
在左侧“部件”的面板中,点击按钮弹出菜单,选择菜单中的“载入部件库”,选择刚下载的这套组件库文件。
第四步:
载入这套组件库后,我们可以看到里面分了几个大类,先拖第一个背景色到编辑区
选择合适的背景色,在底部的“页面样式”面板中改变底色
第五步:
开始做我们的原型图图吧!拖拖拖,改改改,连线。所有的部件都是可以编辑的哦。可以通过(ctrl+减号)和(ctrl+加号)查看整体效果
最后:”文件”->”导出为图片”,在ps中稍微补修改一下页面的大小,即可获得如下下效果。(PS中“图像”->“修改画布大小”,向右下方延伸)
四种背景效果都很合适
OK,大功告成,是不是很简单,无论是在屏幕上展示,还是打印出来交流,效果都是杠杠的。
这套组件库里到底包涵了哪些东西,也分享给大家看看
就分享到这吧,再次标注这套组件库的下载地址:
链接:https://pan.baidu.com/s/1E5dSruVP6oLzA_EdEN77Ig
密码:56wx
不能下载的同学请在这篇文章下留言你的邮箱。
作者:姚岁岁(站酷号Stwo_S2),中梦科技设计总监,4年互联网产品设计经验。
本文由 @姚岁岁 原创发布于人人都是产品经理。未经许可,禁止转载。
求~sherrie0227@163.com 😀
你的尺寸是怎么规定的呀,546X970是适配哪一类型的?
由于是低保真组件库,1:1还原编辑区太大,不容易看到全貌,2:1还原又太小,有的细节不能展示清楚,就折中了一下,保持屏幕长宽比仍然是1:1.67,这样编辑能看到整个界面,缩小能看到全貌,放大仍然有细节,就选择了这个大小。
大神,太牛了。给我发一份吧,学习一下,感谢感谢! 😳
邮箱:271741646@qq.com
下载不了 1170532331@qq.com 谢谢分享
Axure用的是最新版本的吗?介意发下吗? 🙄 2198775271@qq.com
收到组件了,多谢
给我分享一份吧,huangcobin@163.com 谢谢了
win上还没更新,mac上已经更8了
好的,那我自己去下载 🙄
820091284@qq.com 谢谢
不能下载。493048070@qq.com,谢谢!
已经发送,邮箱里
超级感谢!
超级不用谢,有好的想法可以反馈给我哒
连接失效了,求分享~谢谢 763230834@qq.com
求楼主也发给我一份好嘛~~zhangyuxiaorouwan@qq.com,蛮烦亲啦~ 😆
链接失效了,求楼主发送一份1054600117@qq.com,谢谢。
ajeifu@163.com, 无意间看到文章,追了好几个网站过来的。希望作者能发一份到邮箱中,谢谢。
您好,能分享我一份吗~ 763230834@qq.com
493048070@qq.com 谢谢啦! 😆
不能下载。78290301@qq.com,谢谢
不能下载,a1010259954@qq.com,谢谢
已发送请查收
不能下载,麻烦发给我一份吧,599077110@qq.com,谢谢
麻烦发给我一份吧,583010629@qq.com,谢谢啦
提取不了,麻烦发邮箱2974778438@qq.com,十分感谢
下载有误,请发送至172313881@qq.com,谢谢
大大求发邮箱394218731@qq.com
下载不了!936262243@qq.com 谢谢
894098224@qq.com-求发送
岁岁好棒!
求发邮箱!
380312011@qq.com
😯 😯
大哥好手段,点个赞!
你好,下载不了,麻烦分享一份到 1063823251@qq.com
谢谢! 😀
好货!!!可惜下载不了 ➡ 麻烦发邮箱:297476712@qq.com 谢谢哇~
已经发送,查收哦
非常感谢!!
不错啊,对于我们这些不懂设计的,这就是干货啊
谢谢,之前看知乎上有人问原型图太丑咋办,大家说你一个原型图要那么漂亮干嘛,但是想想至少规整还是能办得到的,就出了这么一套。
83368065@qq.com
非常感谢,希望能分享
OK 请查收
已收到,好人一生平安 ❗
1099486707@qq.com 辛苦 好人一生平安 哈哈哈
看上去不错,希望分享一份,谢谢,619337276@qq.com
已发送
972483479@qq.com 谢谢 😀
不能下载,z_j_p6294@sina.cn
已经发送,请查收
邮箱地址有误,发送不了,请无视下面这条“已经发送”
不能下载。348548674@qq.com
😎 OK
不能下载,,165332460@qq.com
邮箱已经发送,请查收
谢谢,已收到!
看上去挺好用的