tuzhi Logo

google官方的material design设计指南1

小编:网络上已经有很多人对该文档进行翻译和研究,但是作为UI小白,想通过翻译过程加强对Material Design的理解,所有翻译内容仅凭个人理解。

Material design(原质化设计)
google官方的material design设计指南1
简介:

我们挑战自我,为用户打造一种可视化设计语言,它将优秀设计的经典理论与技术和科学的创新性、可能性相结合。这就是material design。该设计规范指南是一个动态文档,随着我们对material design的继续研究和探索,的相关部分将被升级更新。

目标:

创建一种视觉语言,将优良设计的经典原则与技术和科学的创新和可能性相结合。

google官方的material design设计指南1

开发单一底层系统,保证它在跨平台和运行于不同尺寸设备的情况下带给用户的使用体验保持一致。移动规则是至关重要的,但触控,语音,鼠标和键盘都是优先被考虑的的输入方法。

google官方的material design设计指南1
原则:
google官方的material design设计指南1

1.物质材料质感是一种隐喻象征的设计表达(Material is the metaphor)

物质隐喻是合理化空间表达和动效体系的统一理论。物质材料质化表达以触觉现实为基础,灵感来自于纸和墨水的研究,但从技术来讲是先进的,并具有无限的想象力和魔力。

物质材料的表面质感和边缘提供了以现实为根据的视觉线索。使用熟悉的触觉特性可帮助用户快速理解我们的设计。然而,物质材料的灵活性意味着可以创造出新的可视化效果来取代客观物理世界中的材料,同时不脱离现实的物理学规则。

光线,表面质感和物质运动的基本原理是传达对象如何移动,交互和存在于空间中以及相互关联的关键。现实中的的光线能够显示和传达物体的接缝,空间划分,并指示移动的部分。

google官方的material design设计指南1

2.大胆鲜明,形象生动,目的性强烈(Bold, graphic, intentional)

印刷设计的基本要素(排版,网格,空间,尺度,配色和图像的使用等)指导了视觉设计语言的形成。这些元素远远超过了我们的眼睛。这些元素可以创造层次,解释意义和强调重点。深思熟虑的色彩搭配、全屏图像、大尺寸的版面设计、恰到好处的留白能够打造一个让用户沉浸其中的大胆鲜明而又形象生动的界面设计。

Material design 强调用户行为直接决定产品的核心功能并通过设计为用户提供操作指引。

google官方的material design设计指南1

3.动效更好的传达设计意图(Motion provides meaning)

动效作为推动因素可以暗示并加强用户体验。主要的用户行为是设计的转折点,这行为可以启发动效设计,从而提升整个视觉设计的品质。

所有操作动效都应该在单一场景中进行。在不打断用户体验连续性的情况下把信息传递给用户,即使是在界面跳转和界面元素重组的情况下。

动效是有意义且恰到好处的,用于有效集中用户的注意力并保持其操作体验连续性。动效反馈应该是微妙而清晰的。跳转动效应该是有效且连贯的。

网络上已经有很多人对该文档进行翻译和研究,但是作为UI小白,想通过翻译过程加强对Material Design的理解,所有翻译内容仅凭个人理解。

原文地址:Material design

译者:学UI网翻译社-鼹鼠

【版权提示】硅谷堂倡导尊重与保护知识产权。如发现文章存在版权问题,烦请提供版权疑问、版权证明、联系方式等发邮件至contact@guigutang.com,我们将及时沟通并于24小时内处理。文章内容系作者个人观点,不代表硅谷堂对观点赞同或支持。

查看原文
好文
差评
评论0