PRD神器:利用Axure组件库快速设计高逼格产品原型图

画PRD原型是每个产品经理日常的重要工作,设计师或Mac用户习惯用Sketch,因为一方面Sketch本身有非常丰富的组件库,另外,随着个人设计项目的增多,可以把自己的设计成果组件化,这样对于一些新需求,就可以像搭积木一样快速完成一个设计需求。作为Windows或者对Axure独有偏爱的用户,你还在一直“手画”原型吗?其实作为最经典的产品原型设计工具,Axure也是可以基于组件库快速进行高逼格的产品原型设计的。

PRD神器:利用Axure组件库快速设计高逼格产品原型图

一、组件库类型

1、页面控件组件库

很多前端开发是利用阿里的AntDesign开源组件库进行前端页面的二次开发,AntDesign同时提供Axure组件库。不仅涵盖了页面常用的操作按钮、表单,还基于列表页、提示页、Dashboard页面等不同场景提供集成度非常高的组件集合,拖动一下,改改文案基本上一个页面就可以用了。可以大大提高PRD设计的效率。而且如果使用AntDesign提供的Axure组件库,很多控件就不需要过多考虑开发能否实现了。缺点就是,现成的模板适合高效输出,但容易限制思维,影响颠覆式创新。

PRD神器:利用Axure组件库快速设计高逼格产品原型图

2、可视化图表组件库

数据产品做可视化页面设计时,最常用到各种可视化图表,你是自己截图贴过来,还是在excel里面绘制一下Demo图片,还是基于Echart官网改改代码参数呢?当Axure拥有Echart组件库时,就可以实现可视化绘图自由了。

Echart组件库覆盖所有常用图表,数据、系列颜色自定义设置、动态Tootips,可以做到高保真交互设计。

PRD神器:利用Axure组件库快速设计高逼格产品原型图

二、组件库来源

Axure组件库以传播分享为主,比如个人发现了比较不错的组件库就会收集起来,在团队内核其他小伙伴分享,也有一些Axure“发烧友”的群,大牛在群内传播个人的组件库。

PRD神器:利用Axure组件库快速设计高逼格产品原型图

三、如何导入组件库

下载获取格式为Axurerp的组件库文件后,打开Axure,点击下图元件库右侧更多按钮,点击载入元件库,选择路径和组件文件确定后,即导入成功可以开始使用了。

PRD神器:利用Axure组件库快速设计高逼格产品原型图

四、组件效果

PRD神器:利用Axure组件库快速设计高逼格产品原型图

上面两个页面示例就是直接拖动的现场的组件库,改一改文案是不是就可以用了呢?

业界动态

解构互联网黑话(上):定义与边界

2021-4-10 10:23:09

业界动态

麦肯锡高管的逻辑树分析大法!

2021-4-10 10:35:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索