恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AXURE产品组件库设计
0.0°
2021-07-22 原创文章 经验/观点 举报 3560 17 17 3

为你团队的产品经理们搭建统一规范的AXURE产品组件库

低保真原型作为产品经理与设计师之间沟通的桥梁,在互联网公司团队的协作中一直有着举足轻重的地位。但是大部分的产品经理普遍比设计师缺少图形化表达的能力,低保真原型稿在缺少统一的绘制风格及规范的情况下,往往会变得非常的,面目全非。甚至有些产品经理直接截取别人家的产品界面拼拉成自己的低保真原型。


所以,

为了保证团队产品原型风格和规则和统一,

为了提升产品经理与设计师之间的沟通效果,

为了提高产品经理绘制低保真原型的效率,为了让产品低保真原型更加美观易懂,

作为设计师,考虑到AXURE是绝大部分产品经理绘制低保真原型的神器,

可以考虑为产品经理们搭建通用的AXURE组件库。

为了让设计师在设计过程中能保持个人的情绪主张不受影响,产品低保真原型一般都采用淡灰及单色调配色为主。线件使用颜色应当尽量统一,能表达界信息即可,避免使用多种颜色。驴迹主色调为黄色,低保真原型配色采用主色调及其辅助色中性灰为主。如下


组件的归纳和分类应该是设计组件库过程中最难的部分,划分结构其实与高保真sketch组件库的划分结构差不多,设计过产品高保真sketch组件库的同学在做AXURE组件库的时候,前期的构思规划会轻松很多。

划分产品组件结构的时候,组件的分类应当服从金字塔原理,组件组与组之间的分类尽可能地清晰,不重复,不混淆。其中主要的是大部分的通用组件,特殊界面的非通用组件可以少点。每个团队产品的页面结构都不一样,所以每个团队的组件库结构也都不一样,没有统一固定的结构和标准,只要合理即可。


根据驴迹设计系统里组件库的结构分类及驴迹的界面通用结构,把AXURE组件库的组件结构分类如下:

AXURE的组件搭建逻辑与sketch是不同的,AXURE在界面菜单新建-library就可以生成一个新的组件库文件,而且每个组件都要单独占一个画板,组件之间的分组主要通过组件编组文件夹来实现 。

由于篇幅有限,所有组件不再一一展示,有兴趣的同学可以下载原文件去进行进一步研究。以下根据本AXURE组件库的功能,随意组编制了一些界面供大家参考。


组件库搭建完就可以同步分发给产品的同学使用了,只要在AXURE左侧栏的library点击“+”即可把组件库添加进来进行使用。组件库搭建也不是完成就了事了的,组件库搭建好之后要根据产品经理们的使用情况及反馈,定期进行更新和迭代。只有不停地优化和迭代,才可能打造一个好用好看的产品组件库。

本着驴迹设计的开放及共同学习精神,现将驴迹产品AXURE组件库开源给广大设计的同学,原文件可以从本文末下载哦。组件库仅供学习交流,请勿商用~


Powered by Froala Editor

更新:2021-07-22

下载
收藏

17人已收藏

吃肉的麋鹿

不会写代码的插画师不是好的设计师

  • 36

    作品

  • 132

    粉丝

  • 24

    关注

  • 兔嘟清单独自设计与开发的其中一些过程和思考
  • 设计师如何进行数据分析?
  • 2019插画设计
  • 华为穿戴APP界面重设计

    猜你喜欢

      2021-07-22 原创文章 经验/观点 举报 3560 17 17 3

      AXURE产品组件库设计

      0.0°

      你确定要举报AXURE产品组件库设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年12月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      17
      17
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录