Material Design笔记

来源:互联网 发布:html免费手机网站源码 编辑:程序博客网 时间:2024/05/17 23:04

2017.6.5-2017.6.11(23周)

Material Design

一、概述

1.设计原则

1)实体感

2)鲜明、形象操作指引

3)有意义的动画效果

二、Animation

1.真实的动作

1)体积和重量

2)最佳实践

3)需要做的调整

2.交互响应

1)表层相应点击效果

2)元素相应

3)径向响应中心点、方向

3.有意义的转场动画

1)视觉连贯性

2)有层次的时序

3)连贯的编排

三、Style

1.图标

1)简洁

2)一致

3)大小

2.图像

1)分辨率大小、缩放

2)拥有一个关注点

3)图片上的文字

3.卡片

1)要区分快速扫描列表和卡片快速扫描列表以横线分隔

4.纸片

5.提示框

1)提示框里的内容尽量不需要改动

2)触摸提示框外面的区域可以关闭提示框

3)提示框在关闭前或是用户选择了一个事件前都会持有焦点

6.分隔线

1)内凹分隔线

7.网格

1)典型的网格只有垂直滚动

8.列表

1)由单一连续的列构成

2)只支持垂直滚动

9.列表控制

1)类型复选框、开关、重新排序、展开/折叠、leave behinds(左右滑动列表出现图标)

10.菜单

1)每一个菜单项限制为单行文本

2)菜单出现在所有应用内部的UI元素之上

3)选中一个菜单项后菜单会消失允许多选除外

4)菜单不要与触摸的位置水平对齐

11.进度和动态

1)每次操作只能由一个活动指示器呈现

12.滑动控件

1)连续滑块

2)间续滑块

13.snackbars与toasts

1)snackbar只能是纯文本

2)Android toasts开发者可自定义

14.副标题

1)列表副标题

2)网格副标题

15.开关

1)复选框一个列表中出现多个on/off开关

2)单选按钮

3)开关

16.Tabs标签

1)固定标签

2)滚动标签

17.文本框

1)单行文本框

2)浮动标签

3)多行文本框

4)搜索过滤器

5)字符计数器

6)自动完成文本框

18.工具提示

1)有交互性的图形

六、patterns模式

1.选择

1)多项选择

2)文本选择

2.手势

1)触发动作单次触击、双次触击、拖拽、轻扫、长按等

3.促进的动作

1)浮动按钮

4.设置

1)设置项很多时分组

2)默认选项

5.影响处理

1)图片载入

6.搜索

1)应用内搜索

2)持久性搜索

3)可扩展搜索

七、可用性

1.可达性

1)对于任何人都非常容易掌握

 八、resources资源

1.布局模板

2.贴片集

3.roboto字体

4.调色板

原创粉丝点击