google官方的material design设计指南1

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

Material design(原质化设计)

简介

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

目标:

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

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

原则:

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

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

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

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

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

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

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

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

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

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

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

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

Material design

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

相关文章推文链接:

《Robinhood: 如何运用原质化设计(material design) 提升用户体验》

(0)

相关推荐

  • Material Design设计语言的APP模板下载!

    小编:这次带来的是由ui8出品的遵循Material Design设计语言APP模板,一共有7套类型的APP设计,有电商.注册登录.导航.数据等等的···虽然只是预览版.对于咱们学习Material ...

  • 11款美观实用的Material Design UI工具包

    Material design自Google于2014年创建并发布以来,已经逐渐形成了其鲜明的设计风格,并渐渐成为统一 Android Mobile.Android Tablet.Desktop Ch ...

  • 实战!Material Design的一次设计探索

    小编:Material Design不知道大家知不知道,这是谷歌推出了全新的设计语言,这种设计语言旨在为手机.平板电脑.台式机和"其他平台"提供更一致.更广泛的"外观和感 ...

  • Material Design的7个重大更新

    本文总结了随着Google I/O的启动,Material Design迎来的7个重大更新 2018年5月9日凌晨1点,谷歌I/O开发者大会如期在美国加州山景城的海滨露天剧场拉开帷幕,谷歌不仅对AI技 ...

  • Material Design 安卓5.1L (UI kit包下载!)

    小编:今天带来的是由redesigncase分享的Material Design 安卓5.1L (UI kit包下载!).有了这套ui kit,Material Design设计So easy啦! 包 ...

  • 新版MATERIAL DESIGN 官方动效指南(三)

    @平行煎餅:新版Material Design官方动效指南已经翻译到第三章了!今天这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态.再系统的干货都比不上官方的动效指南,西瓜就在这, ...

  • 新版MATERIAL DESIGN 官方动效指南(二)

    之前@平行煎餅发了新版Material Design官方动效指南的第一节:<新版MATERIAL DESIGN 官方动效指南(一)>,今天继续第二部分,从动效的速度.动态持续时间.通用持续 ...

  • 新版MATERIAL DESIGN 官方动效指南(一)

    前两天Google 刚发布了新版Material Design官方动效指南,今天@平行煎餅就给大家带来了中文版!全文包括三个部分:为什么说动效很重要?如何制作优秀的Material Design动效及 ...

  • 基于material design的Android TV设计指南

    小编:今天由@lady_chris带来一篇关于电视设计的译文.谷歌之前出的安卓电视设计指南(继material design之后),翻得不好但是帮助学习和理解电视交互 有错的地方请大家指正. Andr ...