阅读这篇文章你可以得到哪些?
1.iOS、Material Design(简称MD)和Web端组件元件库下载
2.通过源文件学习iOS、MD和Web三大设计规范的组件控件体系
3.如何通过Axure三端元件库提高效率
文章大纲:
1.统一可复用元件库价值
2.iOS、MD和Web元件库包含的内容及下载地址
3.通过源文件,学习iOS、MD和Web三大设计规范的组件控件体系
1.统一可复用的元件库价值
1.统一产品的用户体验:涉及到多个交互设计师/产品经理协同时,如果各个交互设计师/PM没有使用统一的元件时,会出现同一种类型的组件,不同的元件定义。视觉设计师没有最终强行没有统一,那么实现稿就会出现各个各样相似的组件。
2.提升工作效率:有了统一的axure元件库,交互设计师/PM可以快速根据元件库搭建界面,从整体的产品设计到开发流程环节提升效率,避免重新性工作。
3.提升设计综合能力:由于减少了做组件重复性劳动,交互设计师/PM 可以将更多时间和精力放在讨论业务、设计方法、设计思维、定义产品等综合能力方面。从而驱动业务创新。
2.iOS、MD和Web元件库包含的内容及下载地址
作者制作的元件库基本包含了三个系统的所有常用组件控件,适用于移动端和PC端绝大部分设计场景。同时所有元件都可再修改,方便大家使用。

元件库均可用户自己重新修改编辑,用户可在此基础上做符合自己的公司业务的设计规范元件库。


1.微云:https://share.weiyun.com/5PKp2TP 密码:f26nc7
2.公众号后台回复元件库,即可获得。
3.通过源文件,学习iOS、MD和Web三大设计规范的组件控件体系
制作完整的的Material Design、iOS和Web端元件库,需要熟知Material Design、iOS和Web端设计规范,然后综合我们的设计经验来制作一套全面和经常使用的元件,例如Material Design常见的菜单组件

Web端的toast

安卓的底部动作条和iOS 的底部操作列表

底部动作条

底部操作列表
安卓版的snackbar和iOS 版的toast

snackba

web端的对话框

toast
ios版本的搜索栏和安卓版的搜索栏

iOS

Android
ios版本的导航栏和Android的导航栏

ios

Android
Web端的导航

ios版本的对话框和安卓版的对话框

IOS警示框

通过iOS、MD和Web端的元件库的源文件的站点地图,即可掌握三大系统的组件控件目录体系,查看每个不同的组件控件可以快速掌握三大设计规范的组件控件体系。
下载地址:
1.微云:https://share.weiyun.com/5PKp2TP 密码:f26nc7
2.公众号后台回复元件库,即可获得。
网友评论