五字真言解读谷歌Material Design审美:设计即功能
作者:网络转载 发布时间:[ 2015/11/13 10:28:00 ] 推荐标签:编程语言 Material Design
Google I/O 2014发布了全新的设计语言Material Design(卡片式材料设计),它是迄今为止受欢迎的视觉设计语言之一,利用了分层的卡片式设计、使用更多的空白和层次排版结构,经历了几年的迭代和提炼,来为手机、平板电脑、台式机和“其他平台”提供更一致、兼具外观和功能的“外观和感觉”。而且,不止于谷歌和安卓app。

事实上,多重层叠的概念并非谷歌首创,不过,谷歌对其进行了更深一层的开发——在触觉体验中渗入大胆活力的审美效果(本质设计)。那么,其实,Material Design真正的优势在哪呢?
首先,我们来具体了解一下Material Design:

Material Design突破了谷歌以往的所有设计,包括栅格、风格、布局等,谷歌将其特点概括为拟物和扁平的结合。和苹果以前的拟物设计并不尽相同,Material Design更关心系统反应的质感、层次、深度,和其他物体的叠放逻辑,比如打开页面时,新页面不是像以往那样直接跳转,而是从一个中心点扩展开来,并且利用原页面在底部的投影营造出立体空间感,告诉用户,页面从哪里来、到哪里去,形成一种操作逻辑。从某种程度上来说,Material Design更像是把交互界面变成了一张张有逻辑顺序的卡片纸。
Material诞生之初首先搭载的设备分别是Nexus 6智能手机和Nexus 9平板电脑,但后来延伸至其他所有设备,取得这样的效果都是因为它植根于几个原则:
1、原质化的视觉提示:设计结合实体物理属性,参照了纸质和墨水材料的元素。
2、图像式的、深思熟虑的:技术推动了视觉效果的变革,空间、尺度、色彩、图像、排版等元素组成层次结构明显的设计,一切都经过了慎密的考虑。
3、移动效果产生的意义:和物理世界接近的触感可以让用户更为自然、快速地理解和认知。
认识“原质化外观”:
如前文所提到的,其实这个新型的设计我们可以将其理解为“数字纸”,然后组成这个这个框架的元素是一层层“卡纸”,系统运行时像翻开一张张由一定逻辑组合的卡纸。而与真正卡纸不同的是,Material可以改变它们的形状和形式,比如拉伸和弯曲。

如Mobile Design Trends 2015 & 2016所解释的那样,设计本身相当于一个内容和信息的装载体。这个载体采用的是扁平化设计,但利用阴影展现出其层级形式成为了与其他设计的区别特征,其他设计或者是采用渐变、纹理等形式来区别层次。例如以下这个APP的界面,用户进行新的操作的菜单显示于顶层,历史操作路径则变成灰色外观处于底层。

在设计中建立起目录的功能和与内容的联系,不仅使得操作更接近物理真实,而且建立起一种深度,多种要素叠加起来像是创造了一个三维的世界。
Material为响应式设计而生
分层式的设计根本上说是迎合了响应式设计的趋势——每考虑一个层级的设计,要考虑所有元素之间应该如何自动关联。所以说,谷歌的扁平化并不只是把立体的设计效果压扁,事实上,Material的扁平化设计更是功能上的简化与重组。

谷歌当初推崇这套标准是因为,灵活的栅格设计能够保证布局的一致性、连接点之间内容的回流,以及由点到面的打开方式能够描述出APP的打开过程。

sales@spasvo.com