huizi 发表于 2019-7-17 21:30:23

谷歌Material Design风格蓝色组件




根据谷歌Material Design设计的一套组件库,按照安卓1x图尺寸(360宽)设计,实际中也可以用作网页端的原型设计使用,组件内也包含了Web(1366宽)端导航,其余控件可复用。
基本组件交互已设置好,调取即可使用,如:入单选、多选、步进器、开关、按钮、关注、点赞等。

预览地址:
http://auo5l8.share.hiaxure.com         
源文件见下方。

重新设置了如下内容:

1.色彩:
植入了MD的Indigo为主色调,Orange为辅助色调,增加了功能色及字体black色彩





2.基本控件:
重新编辑设置了基础控件模块,矩形设置了直角矩形、灰色矩形、圆角矩形、调整了宽度,默认宽度设置为安卓1X宽;
重新设置了各种字体大小;






3.布局:
根据规范设计了多种情形的布局情况可直接调用,文字名称与组件中“字体”模块名称对应,可按需修改。









4.间距:
植入了动态面板作为间距组件,方便原型测量间距。




5.导航:
多种状态导航,并增加了小程序导航,及微信内嵌导航





页: [1]
查看完整版本: 谷歌Material Design风格蓝色组件