最新消息:文章中包含代码时,请遵守代码高亮规范!

让你的原型不再LOW-一套设计师倾情奉献的组件库【原创】

UI设计 Steven 11986浏览 14评论

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

02333b57383b906ac72580ed05c8a3

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

第一步:

先下载这套组件库

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

官方链接:http://pan.baidu.com/s/1c80qwI 密码: pps9

(20170302)更新链接: https://pan.baidu.com/s/1pKTDaEB 密码: 35ih

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

第二步:

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

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

第三步:

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

2

第四步:

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

2.2

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

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/1c80qwI 密码: pps9

(20170302)更新链接: https://pan.baidu.com/s/1pKTDaEB 密码: 35ih

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

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/16559.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者yaosuisui的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!

网友最新评论 (14)

  1. Charlie
    :mrgreen:
    Charlie2016-06-01 19:20
  2. Liphee
    😮
    Liphee2016-07-14 15:58
  3. 求mac版 495761504@qq.com thank
    c4952016-08-08 15:12
  4. 214591512@qq.com 麻烦传一份
    ygswine2016-08-08 16:49
  5. 上面的链接不存在了 lee0806@qq.com 麻烦传一份 谢谢!
    lee08062016-09-02 11:03
  6. 链接失效,340092346@qq.com
    3400923462016-09-08 11:59
  7. 链接失效,麻烦发一份到892190383@qq.com,谢谢
    CholeDQ2016-11-01 15:40
  8. 楼主,两个下载链接都失效了,麻烦传一份,非常感谢232578903@qq.com
    morp1986122016-11-29 17:57
  9. 链接失效,麻烦发一份到xuzhibin212@vip.qq.com,谢谢
    hnxylc88182016-12-20 11:19
  10. 之前的《让你的原型不在low》下载地址失效了,我重新整理了一下地址: 希望能帮助到需要的人
    laladidi2016-12-29 14:54
  11. 之前的《让你的原型不在low》下载地址失效了,我重新整理了一下地址: 谁需要的话,可以给我发邮件:jiandaima@qq.com 希望能帮助到需要的人
    laladidi2016-12-29 14:57
  12. 求原型 mac 版 312470496@qq.com
    fangxing2017-01-11 09:48