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

2017-2-17 用心设计

来源：图冀网

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

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

第一步：

先下载这套组件库

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

密码: 78sa

第二步：

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

（注意，这里不是双击打开这个组件库，不是双击打开这个组件库，不是双击打开这个组件库）

第三步：

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

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

第四步：

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

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

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

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

第五步：

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

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

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

四种背景效果都很合适

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

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

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

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

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

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计、 cs界面设计、 ipad界面设计、包装设计、图标定制、用户体验、交互设计、网站建设、平面设计服务

分享本文至：

« 用腾讯企鹅电竞的案例告诉你完整的品牌设计该怎么做涨姿势！全球顶尖的设计团队都有哪些设计原则？ »