恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Material Design,一致化体验
0.0°
2014-07-11 自译外文 经验/观点 原作者: Designmodo 举报 14648 68 42 0


谷歌Material Design设计语言出来后,谷歌发布了设计规范,用最简单的语言表达了Material Design的本质:其目的在于统一谷歌多种平台下的用户体验。一致化的设计能够提升整体体验,让用户可以更简单、更直观的进行交互。

不仅仅是设计

Google是巨头公司,在浏览器、搜索引擎、笔记本电脑、操作系统、智能手表、智能眼镜方面都走在了科技前沿。谷歌拥有这么多先进的技术,如果能够把体验联系到一块儿,消除多种设备之间的隔阂,达成一致的交互,那么将多美好!而Material Design不仅仅是UI设计语言,它代表着谷歌全新的体验。

参考: Mobile Design Patterns: A Practical Look

Material Design

Material Design中,很大一部分在讲述如何帮助用户在多种设备、多种科技间便捷交互,无缝操作。

例如,你正在写邮件,还没写完,突然有事要出门,这是你便可以用手表、手机、平板继续写作,而不用考虑同步问题。

再比如:你刚到家,你会收到来自朋友和亲戚的邮件,设备不会向你推送工作邮件,因为谷歌科技考虑到了场景,相信没有人愿意在下班回家的时候受到工作邮件的打扰吧?很多场景式设计和UI设计无关。Material Design不仅仅是设计,不仅仅是视觉,设计者要基于“为用户思考、努力提高用户的生活品质、让科技更智能“这一指导思想,更人性的设计。

Material Design的用户图形界面

Material Design将成为谷歌设计的主流。因此理解它是怎么来的,有哪些重点很有必要。Material Design这一设计语言的提出参照了物理视觉。谷歌搜索设计总监Jon Wiley是这么跟Fast Company说的

“(如果你是工匠)当你制作物品、设计物件时,你能够汲取上千年来能工巧匠的技艺精华。而软件设计呢?这个行业才刚刚诞生。”

这段话的含义是,在锤炼Material Design这一设计语言的过程中,它们期望推陈出新,打造出智慧十足、令人惊艳的界面。然而,崭新的界面设计语言不可能一蹴而就,这需要精力苛刻的调研、辛苦的磨砺,最终才能推出富有磨砺的Material Design设计界面。Wiley接着说:

“我们回顾用户图形界面的历史,我们研究了大量的软件而后界面,我们问自己一个问题:‘界面是由何构成的?’”

卡片的影响

谷歌想要为数码元素添加物理般的透视感。当然,看到这里,你可能会想起苹果在拟物风格上数年坚持。扁平还是拟物?选择哪一条路?在谷歌眼里,拟物是正确的,但是还可以比苹果做的更好。在Material Design中,谷歌没有采用花哨的材质,整体界面干净而又简介。苹果的拟物设计风格和Material Design相比,未免华而不实。观察谷歌的Material Design,我们首先要观察卡片。

Layering UI

卡片是Material Design的重要构成。谷歌的设计者通过卡片,让数字界面变得栩栩如生,层层堆叠的视觉元素清晰整齐——就像是一张张的卡片。卡片并没有什么新意,只是谷歌充分将它利用起来了。而阴影的加入,稍微提升了卡片的质感,让其看起来更加真实。用户操作时,会以真实世界中的卡片作为参照。

Layers

研习纸张

在Material Design中,谷歌对纸张这一隐喻青睐有加,将其作为设计语言的基础。谷歌安卓设计总监Matias Durate跟Fast Company说,Material Design将提升像素存在的意义,像素不应该仅仅是带有颜色的,而是当指尖触摸之时,产生形变、产生富有深度感的视觉效果。为了让数字界面具有最真实的体验,谷歌的设计者仔细研究了纸张。设计师在纸张上放置了纸模图标,观察阴影是怎样投射在纸面上的。尽管真实生活中的纸质效果跟界面中的纸质效果有所不同,但是能够帮助他们进行研究元素的物理特质。

Material Design Icons

追求数字媒介的物理特性

Material Design设计语言的重要原则之一就是在数字媒介中制造物理实感。这样用户便能更高效、更有参照的与屏幕进行交互。除了取材自生活的物理特质,还有必要加入一些数字媒介独有的特质,数字媒介作为一种新兴事物,有自己己的特质。如果只意味的照搬其他媒介的设计,而不思索数字媒体的本质,那么很可能会导致产品可用性的降低。这就是为何整体界面有着精妙的动效、细腻的阴影,以及精心挑选的色彩搭配,追求数字媒体的愉悦性。这是Material Design的目的之一。

Material Design的重点是什么?

Material Design是谷歌对未来的愿景,统一多种产品、多种设备,结合多种科技的智能型,带给用户一致的体验。Material Design的基础之一便是无缝式的信息对接。 

何为一致性?我们应该从何处入手?

就接受邮件为例吧?我们往往有多个邮箱,然后有很多可以接收邮件的应用,而很多应用还无法跨平台。因此,综上所述,用户的体验将非常不佳,繁琐、复杂,有时还需要切换设备。

不仅仅是邮件,文件分享、存储、聊天类应用,也或多或少有这种问题,当然,这也是设计师展现能力的契机所在。

Material Design Goals

如果电视、手表、手机、汽车能够无缝式链接,那么你的生活将极为便利。再也无需考虑同步的问题了,再也无需担心在家时烦人的工作邮件了,当然,在工作时刻,昨天跟人瞎聊发送的搞笑图片也不会蹦出来了。

Material Design不仅仅是灵活的界面。重点是设计之下暗含的整体性体验。让科技改善生活,这就是初衷。


更新:2014-07-11

收藏

68人已收藏

MartinRGB

http://www.MartinRGB.com

  • 234

    作品

  • 1.7w

    粉丝

  • 413

    关注

  • MartinRGB.com
  • Icon Freebie - Code
  • 实验系列II —— Music App For Tv/Pad
  • Private Trainer 引导页实现
相关标签

    猜你喜欢

      2014-07-11 自译外文 经验/观点 原作者: Designmodo 举报 14648 68 42 0

      Material Design,一致化体验

      0.0°

      你确定要举报Material Design,一致化体验

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年07月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      42
      68
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录