Chiao

tomorrow is another day

Translation/Material Design

Google在Google I/O 2014 大会中发布了Andriod L操作系统,并同时提出名为Material Design的设计理念。与扁平化的iOS7不同,Material Design似乎介于Flat Designt与Skeuomorphism Design之间,强调材质隐喻,创造出一种虚拟世界中的物理质感。

本文为笔者对照 Google所提出的Material Design的官方简介所作的中文翻译。

原文:https://www.google.com/design/spec/material-design/introduction.html

内容


通过自我挑战,我们(同下,皆指Google)为用户创造出一种融合优秀设计经典原则与科技创新的视觉语言——这就是材质设计(material design*)。本文档处于完善过程中,我们将不断更新material design的设计原则和具体细节。


目标


我们的目标是创造出一种融合优秀设计经典原则与科技创新的视觉语言。


我们开发了这样一种为跨平台多设备的统一性体验而打造的底层系统(underlying system )。它以移动应用的设计原则为根本,当然,触摸(touch)、语音(voice)、鼠标(mouse)、键盘(keyboard)依旧是非常好的输入方式。


原则


作为隐喻的材质

通过空间合理化和动效系统化构成了这种材质隐喻的理论。我们所能感知到的「触觉真实」正是「材质」的基源,而灵感则是来自我们对纸张和墨水研究,而科技的进步让其拥有了更多奇思妙想的可能。

平面和边缘所显现的质感为用户提供了基于现实的视觉线索(visualcues)。早已建立的对材质触觉的认知能够让用户快速地理解,然而,在不打破物理规律的基础上,我们可以通过材质的灵活性创造出新的能供性(affordances*)。

光影(light,)、平面(surface)、运动(movement)三者皆为解释运动规律、交互方式、空间关系的关键。逼真的光影可以为我们展现区块间的切合交错、空间层级以及标示出移动的部件。


大胆、平面、意图

诸如文字编辑设计(typography)、网格(grids)、字距/空间(space)、比例(scale)、色彩(color)以及图片的使用(use of imagery)这些基于印刷的设计(print-based design)的基本元素引导着视觉处理。这些元素不仅取悦我们的眼睛,还创造出层次、意义和焦点。精心选择的色彩,图形边缘之间的细节,大规模的文字编排设计和恰到好处的留白所打造出的大胆的图形界面,能让用户沉浸在体验中。

用户行为的重点能让核心功能立即呈现,并为用户操作提供指引。


赋予意义的动效

动效加强了用户的原始动机,用户的行为将成为动作变化的转折点,够改变整体设计。

所有的动效都在单一的环境下发生,即便对象转化和重组,也会以连续的体验方式呈现给用户。

动效是有意义且合理的,其目的在于吸引用户注意力及保持整体的连续性。其需要细微但却清晰的反馈以及有效且连贯的转场。


*material design:作为此次GOOGLE提出的新的设计理念,material design暂无统一的翻译,在大部分网络文章中被翻译为「材料设计」或「材质设计」,结合其本身所展现的「基于墨水与纸张」的物理性特征,本文采用「材质设计」这一译法,更为贴合「材质」中所蕴含的「材料和质感的结合」这一特点。

*affordances:是认知心理学家 Gibson 的直接知觉论的核心内容,多出现于认知科学与设计领域,wiki百科翻译为「环境赋使」,国内有翻译为「可供性」,具体翻译仍处于讨论之中。


视频简介:


延伸阅读:

Kelsey Campbell-Dollaghan:What Is Flat Design?

Dieter Bohn:Material world: how Google discovered what software is made of

Jason Hau《Material Design:向拟物回跳一下的扁平化设计》

评论
热度(2)

© Chiao | Powered by LOFTER