时下最流行的卡片化设计(Material Design)

1

早在今年6月份Google I/O大会上,Material Design的发布,就吸引了大众的目光。Google这次在交互视觉设计上的全面大升级,不仅给用户带来不错的视觉体验,更是引领了众多的设计者们纷纷效仿。时隔四五个月过去,打开浏览器,手机,许多网站、APP都采用了Material的设计理念。我们一起来看看吧。

 一、什么是Material Design?

Material 硬生翻译过来其实是“材料"的意思,但是作为设计者的我更愿意称之为“卡片”或者“纸质化”设计。为什么呢?从最开始苹果的拟物化设计演变到现在扁平化设计,复杂的东西都在往简约的方向走,作为需要承载信息的“材料”最简洁的方式就是用纸,而现在数字媒介的广泛运用,真实的纸也搬到了屏幕上来,因此就有了现在的“纸质化”设计(Material Design)。Material Design同样也是拟物化与扁平化的结合,它更强调人机交互的逻辑性关系,纸质化卡片的放大,缩小,叠加,覆盖等三维的展示,更符合人类的习惯和期待。

materialdesign

二、加入Material Design的网站设计

Google是Material Design的引领者,以Google+为例,每一个信息都简洁成一个个卡片独立开,另外鼠标移动上去的地方也是展开的卡片。相当的简洁明了,让用户更能专注于需要阅读的信息。当然,如果你有用手机端的Chrome浏览器的话,那么Material 的用户体验也就更明显了,窗口如同纸张一样叠加、覆盖、抽拉、旋转,用户不需过多的思考如何使用,就能如习惯一般马上上手。

google

chrome

Pinterest的设计也是沿用Material Design风格,瀑布流是Pinterest的最大特色,融入Material的设计后,整个画面不仅丰富而且逻辑分明,不会给人头晕目眩的感觉,相信国内也虏获了很大一部分的忠实用户。

pinterest

pinterest2

 

三、国内本土化的设计运用

说到国内的Material设计运用,不得不说近期新浪微博的新改版。不少用户都反映新版本的微博很难用,界面很丑,为什么要改成这样等等。但是作为设计师来说,微博的改版是一种趋势,就像IOS采用扁平化的风格后,各种网站,手机端都开始做扁平化的风格。卡片化的设计同样也是一种主流的趋势。新的微博将每一个版块都独立出来,互不影响,但也相互关联。每一条微博独立成一个个卡片,相较于以前的版本来说,这个版本直观给人应该是更清爽的感觉,不会是混乱的,逻辑性也是更明显的,让用户更能明白每一个版块的作用。

weibo

手机软件许多也采用的卡片化的设计,比如说百度地图,在地图上浮起的功能卡片,并没有占据本身地图的位置,让地图展示更全面。点击某一个功能,版块就会上滑、叠加或者覆盖,用户体验相对来说还是很不错的。

baidu

Material Design把交互变成了一张张纸,不会过多的关心实物是什么,而是更关注于它的质感、层次、深度、和其他物体的逻辑叠放关系。当然用户的体验才是最重要的,并不是所有的网站,手机APP都适用,设计师还是需要根据具体情况具体分析。

如果你有设计或者 WordPress 方面的项目需求,可以和我联系 Email:wwwzhouliang@gmail.com。

作者主页 邮箱 微博 腾讯微博 QQ Twitter Facebook Google+

共 1 条评论

  1. 第三人称 回复

    说白了还是向win8化靠近

Leave a Reply

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 Required fields are marked *

返回顶部