Skip to content

Material Design 设计简介 #13

@NeroLoh

Description

@NeroLoh

随着移动互联网技术的兴起,各式各样的应用层出不穷,一个app能否在众多应用中脱颖而出,在浪潮中站稳脚跟,除了其功能是否能适应当代人的需求以外,还有就是良好的用户体验,而良好的用户体验又主要取决于UI设计,所以,一款优秀的app的UI设计得是否良好(此处应@ui狂魔我奤),很大程度上决定了它能走得多高,多远。

众所周知,如今移动端的两大巨头之一的安卓,一直饱受UI体验不足iOS的诟病(此处再@iOS痴迷粉我奤),这是由安卓系统本身的开源性所决定的,因为开源,所以设计规范上得不到统一,所以导致整个app的UI设计趋于凌乱,也正是为了改变这种现状,两年前,Larry Page 就任谷歌 CEO 后下的第一个命令就是将谷歌所有的产品重新设计一遍。于是谷歌搜索首席设计师 Jon Wiley 花了两个月时间将谷歌系列产品改头换面。从那时起,谷歌开始重视设计,Material Design 的概念自此呼之欲出。

Material Design 是一套非常拟物的设计逻辑,提取自卡片的材质和真实的光影,符合现实世界的物理反馈,在 UI 设计上提取出具体的物理细节,只保留物理特效、光影和层次。它的核心思想,就是把物理世界的体验带进屏幕。去掉现实中的杂质和随机性,保留其最原始纯净的形态、空间关系、变化与过渡,配合虚拟世界的灵活特性,还原最贴近真实的体验,达到简洁与直观的效果。

566f8c290b6a5
b-7

具体有关于Material Design的更多细节,有兴趣的同学可以看看

Material Design 提出至今已经有两年了,在国内的大部分的app身上仅仅体现了一小部分,就算是BAT中移动端老大腾讯的两条腿,微信和qq均未使用Material Design,当然,这样并非代表Material Design效果不好,而是任何新技术的更新发展,直到大规模使用还需要一定的时间周期,特别是对于一些业务相对成熟的大公司,在考虑应用新技术的时候都会考虑到开发成本,和维护稳定的成本的。虽然Material Design 在大型App上未看见其身影,但是现在越来越多的小中型应用开始采用这种设计,目前我在用的就有WPS,知乎,天天动听等等,还有一些是只是小部分使用的应用是360手机助手,百度地图等。

曾经看过一个国外的产品经理来到中国后使用应用后感受国内外差距最大的设计观念就是,国外的app是越简单越好,而国内的是拼命想把越多东西塞到应用里面去。这也侧面说明了Material Design在国内推广的困难,一些应用,例如美团,淘宝等需要大量堆积信息的应用,如果使用了Material Design这样简洁的风格,就很难实现其自己的业务需求了。所以Material Design很多出现在了一些信息需求不是很大,的轻量级应用身上。
为什么Material Design没在国产App中流行起来?

  • 这是WPS ,金山软件出品的一款办公类应用,这是我接触过的Material Design最完全的应用了,十分简洁,这让用管了国内那种大多杂软件的我有点受宠若惊= =
    87373688426650709
  • 这是知乎,最近改版了新的UI风格,也向Material Design设计迈向了一大步,问题的标题部分嵌套了作者信息,图片作为背景比重加大,左右滑动可以切换回答者,用户体验绝佳,右下角还添加了FloatingButton,轻便简洁。我个人真的很喜欢这个UI,如果自己能设计出这样的UI真是此生无憾了。。
    image
  • 这是百度地图,只是搜索栏卡片式悬浮,还有右下加也添加了FloatingButton,不过搜索界面还是比较杂乱,希望之后能有更好的改进。
    77657201785611681

最后的话,好像这篇东西更适合设计的人员看,但是作为一个有情怀的app开发人员,都有一颗UI狂魔的心。然后我就回去继续撸波板糖了,希望第二版能把UI改得更好看点。大家有兴趣的话可以自行百度一下~

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions