当前位置: 首页 >文章 > 如何制作可复用iOS/Material Design元件库?

如何制作可复用iOS/Material Design元件库?

吴轶 发布于 2018-09-05 原创 本文章为 吴轶 原创,未经许可,禁止转载平面收藏

阅读这篇文章你可以得到哪些?

1.iOS和Material Design(简称MD)元件库下载

2.通过源文件学习iOS和MD两大设计规范的组件控件体系

3.如何通过Axure元件库提高效率

文章大纲:

1.统一可复用元件库价值

2.iOS和MD元件库使用范围及下载地址

3.如何制作统一可复用的Axure元件库

4.如何使用统一可复用的Axure元件库

5.通过源文件,学习iOS和MD两大设计规范的组件控件体系

1.统一可复用元件库价值

1.统一产品的用户体验:涉及到多个交互设计师/PM协同时,如果各个交互设计师/PM没有

使用统一的元件时,会出现同一种类型不同的组件设计。视觉设计师最终没有强行统一,

那么实现稿就会出现各个各样相似的组件。

2.提升工作效率:有了统一的axure元件库,交互设计师/PM可以快速根据元件库搭建界面,

从整体的产品设计到开发流程环节提升效率,避免重新性工作。

3.提升设计综合能力:由于减少了做组件重复性劳动,交互设计师/PM 可以将更多时间和精

力放在讨论业务、设计方法、设计思维、定义产品等综合能力方面。从而驱动业务产品创新。

2.iOS和MD元件库使用范围及下载地址

作者制作的元件库基本包含了两个系统的所有常用组件控件,适用于移动端绝大部分设计场

景。同时所有元件都可再修改,方便大家使用。

由于我制作的元件库是将一个组件多种类型全部罗列出来(保证组件的全面完整性),设计

团队为了统一性可定义某种使用场景用某种组件中的某一类。


下载方式

1.百度网盘:https://pan.baidu.com/s/1jIACRHW    提取码 8des

2.微云:https://share.weiyun.com/f8bad9b61f5b042bc2820da6f173020c    提取码 4UnbpN

3.进入公众号联系作者索要

3.如何制作统一可复用的Axure元件库

1.打开Axure软件,在元件库面板中,点击快捷菜单按钮,选择“创建元件库”,如下图所示:

2. 选择了“创建元件库”后,就会弹出一个界面,你需要选择一下元件库的保存路径。注意元

件库的格式为:rplib

3. 在元件库创建页面中,操作跟平时使用Axure没什么区别,一个页面就是一种类型的元件,

不要把所有元件都创建在一个页面里。

4.制作一套元整的MD和iOS元件库,需要熟知MD和iOS设计规范,然后综合设计经验来制作

一套全面和可复用的元件。以下为元件库的部分内容:

MD的菜单(Menu)

MD的底部动作条(bottom sheets)和iOS的操作列表(action sheet)


iOS 的toast和MD的snackbar

iOS 的搜索栏和MD的搜索栏

iOS的警告对话框(alert)和MD的对话框(dialog)

MD的导航栏和iOS 的导航栏

4.如何使用统一可复用的Axure元件库

打开Axure软件,在元件库面板中,点击快捷菜单按钮,选择“载入元件库”,选择对应的元件库

即可。

5.通过源文件,学习iOS和MD两大设计规范的组件控

件体系

通过iOS和MD的元件库的源文件的站点地图,即可掌握两大系统的组件控件目录体系,查看每

个组件控件样式可快速掌握两大设计规范的组件控件使用方法。

例如查看源文件的iOS的警告对话框(alert)和MD的对话框(dialog)的组件细节可快速掌握两大规

范的两种组件的用法等。


别默默看啦~登录/注册一起参与讨论吧~
特惠
充值
客户端
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
我的排行
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:021-80344319工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
免费学习48000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了130,329
并提交了1,691份作业!
登录后立即学习!
loading
微信扫码关注即可登录
登录后立即学习!
手机号
验证码
立即登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到
全站48000+课程免费学!昨日已有29310位学员免费领取~点我领取