Material Design学习摘录
来源:互联网 发布:淘宝宝贝怎么分类管理 编辑:程序博客网 时间:2024/05/19 20:46
Day1
我最早接触的一款Android机是大法的LT22i,这之后也陆续入手了几款Android机,但无论是原生Android还是各大厂商做的安卓,界面总是让我不太喜欢,觉得呆板,沉闷。随后我弃用了Android机,转入了iPhone的阵营。
可是随着iOS的使用时间增长,我开始对iOS的系统界面产生了审美疲劳。就在这时,2014年的Google I/O发布了Material Design,我被它的illustration给惊艳到。
最近,我开始学习这个帅气的视觉设计语言,这篇文章算是一个日记以及学习摘录,每过一段都会更新。希望自己有一天也可以通过它做出帅呆的应用。
链接
这是两个链接,分别是Google的Material Design介绍以及托管在极客学院上一些awesome guys对英文原版做出的中文翻译。
Material design | Google
Material Design 中文版
这样的设计不同于拟物化,它按照设计师对数字世界的理解,以色彩、图案、形状来进行视觉信息上的划分,结合卡片式设计,加上对现实世界纸张的隐喻,展现出一种强烈的风格,统一了Google在设计上的表达。
隐喻来自于设计的实体感,通过构建系统化的动画效果和空间的合理化利用,将两个理念合二为一,构成了实体隐喻。
实体的基础则是来自于与众不同的触感。实体的表面和边缘提供基于真实效果的视觉体验,熟悉的触感让用户可以快速地理解和认知。实体的多样性可以让我们呈现出更多反映真实世界的设计效果,但同时又绝不会脱离客观的物理规律。
光效、表面质感、运动感这三点是解释物体运动规律、交互方式、空间关系的关键。真实的光效可以解释物体之间的交合关系、空间关系,以及单个物体的运动。
Material design设计语言强调根据用户行为凸显核心功能,进而为用户提供操作指引。
动画效果(简称动效)可以有效地暗示、指引用户。动效的设计要根据用户行为而定,能够改变整体设计的触感。
动效应当在独立的场景呈现。通过动效,让物体的变化以更连续、更平滑的方式呈现给用户,让用户能够充分知晓所发生的变化。
动效应该是有意义的、合理的,动效的目的是为了吸引用户的注意力,以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰。
Material 环境是一个三维的空间,这意味着每个对象都有 x , y , z 三维坐标属性,z 轴垂直于显示平面,并延伸向用户视角,每个 material 元素在 z 轴上占据一定的位置并且有一个 1dp 厚度的标准。 在网页上,z 轴被用来分层而不是为了视角。3D 空间通过操纵 y 轴进行仿真。
光影关系(Light and shadow) 在 material 环境中,虚拟的光线照射使场景中的对象投射出阴影,主光源投射出一个定向的阴影,而环境光从各个角度投射出连贯又柔和的阴影。
直射光投射的阴影
散射光投射的阴影
直射光和散射光混合投影
material 环境中的所有阴影都是由这两种光投射产生的,阴影是光线照射不到的地方,因为各个元素在z轴上占据了不同大小的位置遮挡住了这些光线。
- Material Design学习摘录
- Material design学习笔记
- Material Design学习
- Material Design学习地址
- Material Design学习
- Material design学习笔记
- 学习Material Design Support
- material design学习笔记
- Material Design学习
- Material Design的学习
- Material Design学习(三)
- Material Design学习1
- Material Design学习2
- Material Design学习3
- Material Design学习4
- Material design 学习笔记
- Material Design学习笔记
- Material Design的学习
- github基础用法2
- ios修改Navigation的标题的颜色,字体大小,背景颜色等
- js快速分享代码
- springSecurity理解一 一个简单的HelloWorld
- delphi Cannot load a form that has itself as ancestor
- Material Design学习摘录
- 翻译随笔(4)——辞职前该考虑的五个问题
- UIMenuController的使用,对UILabel拷贝以及定制菜单 .posted on 2013-03-18 16:20
- SPI与ads8345
- SAP往来重组
- Linux动态库(.so)搜索路径
- Android性能优化典范(A3)--电量优化
- 如何在虚拟机中添加设备
- 反向传播神经网络极简入门