MD规范-Material design篇

上海/UI设计师/7年前/436浏览
MD规范-Material design篇

文章翻译自谷歌2016年5月最新官方文档

这是谷歌Material design的一系列译文


章 - Material design(Material design)


节 - 简介(Introduction)


undefined


我们挑战自我,立足于为用户创建一款新的视觉语言,将优良设计的经典原则与创新以及科学和技术的无限可能性相结合,便诞生了Material Design。关于这篇文档,它将会随着我们对规范和原则的不断完善而持续更新。


        本节内容

  • 目标

  • 原则


目标(goals)


创建一款集优良设计的经典原则、创新、以及科学和技术的无限可能性于一身的视觉语言。

undefined


我们致力于打造一款底层系统,使得在跨平台和不同尺寸的设备之间都有着相同的体验,遵循基本的移动设计定则,支持触摸、声音、鼠标、键盘灯输入方式。


原则(principles)


Material(材料)是一种隐喻

undefined

材料所指,是一种隐喻,它将合理化的空间和运动系统整合起来,并且紧贴现实。它的起源受纸墨所染,并且随着科技的进步,必大放光彩。


材料的表面和边缘提供的视觉感受来自于现实世界,相似的触感能帮助用户快速理解,灵活的材料能带给用户真实的体验,但又不打破物理定律。


光效,表面质感,运动感是传达物体运动、交互、存在以及相互关系的关键,真实的光效能体现分合、划分空间、揭示运动。



鲜明、形象、深思熟虑

undefined


以印刷设计基准——字体、网格、空间、比例、色彩、图像——为参考,Material design中的基本元素不仅仅是取悦用户眼睛这么简单,它们可以构建出层级,意义和焦点。深思熟虑的配色、精致的图像、可缩放的字体、构思巧妙的留白所构成的鲜明而形象的用户界面,足以使用户沉浸其中。


强调用户的行为可以使核心功能立刻体现出来,进而引导用户。


有意义的动画

undefined


动效尊重和强调作为发起者的用户,用户行为是产生动效的根据,可以影响和改变整个设计。


所有的动效都应当在独立的环境中产生,物体所呈现给用户动效应当保持连贯,即便在他们变换或者重组的时候也应当如此。


动效合理且具有意义,有助于吸引注意力和保持连贯性。其反馈应当清晰细腻,其转场应当高效且连贯。


0
阅读原文
|
Report
|
2
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
字体设计CN(2025) Vol.06
Homepage recommendation
大家都在看
Log in