2017 Material design 第一章第一节《介绍》

1,864

第一章节《Material design》

一、介绍(Introduction)

译者注:关于“Material”如何翻译、解释,看看这篇报道。以下是截取部分:
谷歌的设计师们仍旧不愿为这个全新的虚拟物质命名,而这个决定也为他们提供了更多的灵活性,让他们能够进一步加深形而上学神秘主义的色彩。此外,不命名这个决定之所以很重要的原因在于,这个物质虽然遵循着一些物理规则,但是其并不会走入拟物化设计的圈子里。按照杜亚特的说法就是,这个物质并非实体纸张一对一的仿造品,而是「魔法纸」。

同时引用维基百科对于“Material Design”的解释:

Material Design (codenamed Quantum Paper) is a design language developed in 2014 by Google. Expanding upon the "card" motifs that debuted in Google Now...
译:Material Design(代号Quantum Paper),Google在2014年发布的一门设计语言。其灵感来源于 Google Now中“card”的联想...

译者注:在Material Design原文中,“object(对象)、element(元素)、surfaces(面)”其实就是描述material的不同状态,准确点说应该是不同语境下的material。比如在讲到某个应用页面的时候,我们可能更倾向于表达这是界面中的“element(元素)”,在对整个抽象概念描述的时候,我们更倾向于表达为“object(对象)”...所以在翻译过程中难免会出现混淆概念的地方,希望各位谅解。



为了用户,我们挑战自我去创建一门综合了经典设计法则和最新科技理念的视觉语言,它就是Material design。这份设计规范文档将随着我们对Material design的探索而不断迭代、升级。


目标(Goals)


融合经典的设计法则以及前沿的科学技术去创建一门新的视觉语言。


创建一个能够统一跨平台和不同尺寸设备之间体验的底层系统。基于移动端的基本准则,充分利用好触摸、声音、鼠标和键盘输入方式。


原则(Principles)


Material的隐喻特征(Material is the metaphor)
利用material的隐喻能够帮助搭建合理化的空间以及系统的运动方式。Material是基于真实的触摸感知,这一灵感来源于我们对纸和墨水的研究,我们相信,随着科技的进步,其应用前景将不可估量。

把material想象成真实存在的有形物体,它的面和边缘能够为用户提供视觉暗示。同时,利用符合用户现实经验的触觉特征有利于帮助用户快速的理解和认知。归功于material本身的灵活,我们能不断从中创新,但是这些创新都必须严格遵循客观世界的物理规则。

借助现实世界中光照对物体的影响和物体的面和运动的原理,能有效的向用户解释并传达物体是如何变化,物体是如何相互作用以及在空间里面物体之间的关系。引入真实的光照,能够区分物体间的层级关系,帮助划分空间以及暗示物体间的运动。



醒目、生动、带有目的性(Bold, graphic, intentional)
借鉴平面(印刷)中的排版、栅格、空间、尺寸、颜色以及图像(具有象征意义)等设计元素,能帮助改良视觉设计。合理的组合、使用这些设计元素能向用户表达更多深层次的东西,提供引导、表明意图、引起注意等等。比如通过利用颜色,无边框的图像,大面积的排版和留白能创造出醒目、生动且体验极佳的用户界面。

众所周知,用户行为非常重要。为此需要凸显核心功能,提供用户操作引导。



动效的引导(Motion provides meaning)
动效需要引导用户去完成目标。在一些重要的用户行为发生的时候,我们能使用动效去引导、暗示用户。

所有动效的发生必须在同一个空间里面。保证动效发生时不会打断用户体验。

动效的存在应该是合理、有意义的,动效的使用应该能够吸引用户注意力和保持用户关注。其中,反馈的动效应清晰明了,不夸张。转场的动效需连贯一致,条理清晰。