151212-Google-Material Design

http://colachan.com/post/3416

http://www.uisdc.com/comprehensive-material-design-note

http://www.uisdc.com/material-design-icon-design

1-Material Design:卡片式材料设计,视觉设计语言之一,利用了分层的卡片式设计、使用更多的空白和层次排版结构,为手机、平板电脑、台式机和“其他平台”提供更一致、兼具外观和功能的“外观和感觉”。Material Design 更像是把交互界面变成了一张张的纸。

2-谷歌将其特点概括为拟物和扁平的结合;使用了分层元素来营造三维空间;阴影却醒我们,这是一个 3 维空间,他们是有深度的,也可以产生重叠,覆盖等逻辑关系;


151212-Google-Material Design_第1张图片

3-扁平化的概念最核心的地方:去掉冗余的装饰效果,即去掉多余的透视、纹理、渐变等等能做出3D效果的元素,让“信息”本身重新作为核心被凸显出来,并且在设计元素上强调抽象、极简、符号化;

4-扁平化设计中,配色是最重要的一环,它通常采用比其他风格更明亮更炫丽的颜色,而且还意味着更多的色调。其他设计最多只包含两三种主要颜色,但是扁平化设计中会平均使用六到八种颜色;

5-颜色、表面和图标都强调动作效果;所有动画效果都在统一的环境下显示。即使发生了变形或是重组,对对象的呈现也不能破坏用户体验的连续性。


151212-Google-Material Design_第2张图片

你可能感兴趣的:(151212-Google-Material Design)