Material Design的7个重大更新(2)

来源:网络   作者:热心网友   发布时间:2018-07-26    浏览次数:64

二、新增Material Design设计目标


1、先让我们来回顾一下旧版Material Design2个设计目标:

◎我们希冀创造一种新的视觉设计语言,能够遵循优秀设计的经典定则,同时还伴有创新理念和新的科技。

◎我们希望创造一种独一无二的底层系统,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。遵循基本的移动设计定则,同时支持触摸、语音、鼠标、键盘等输入方式。


2、新版Material Design3大设计目标



新版增加了“定制”目标,与最新推出的主题编辑器个性化的定制功能相吻合。

◎创造:我们希冀创造一种新的视觉设计语言,能够遵循优秀设计的经典定则,同时还伴有创新理念和新的科技。

◎统一:我们希望创造一种独一无二的底层系统,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。

◎定制:通过Material的视觉语言的延伸,为创新和品牌表达提供统一灵活的设计规范。


三、新增Material Design设计原则

本次更新将原有的材质隐喻、大胆夸张、动效表意3大设计原则扩充为5大设计原则:材质隐喻、大胆夸张、动效表意、灵活、跨平台,让我们来做一个对比。


1、原有Material Design3大设计原则:


◎隐喻

通过构建系统化的动效和空间合理化利用,并将两个理念合二为一,构成了实体隐喻。与众不同的触感是实体的基础,这一灵感来自我们对纸墨的研究,但是我们相信,随着科技的进步,应用前景将不可估量。

实体的表面和边缘提供基于真实效果的视觉体验,熟悉的触感让用户可以快速地理解和认知。实体的多样性可以让我们呈现出更多反映真实世界的设计效果,但同时又绝不会脱离客观的物理规律。

光效、表面质感、运动感这三点是解释物体运动规律、交互方式、空间关系的关键。真实的光效可以解释物体之间的交合关系、空间关系,以及单个物体的运动。


◎大胆夸张

新的视觉语言,在基本元素的处理上,借鉴了传统的印刷设计——排版、网格、空间、比例、配色、图像使用——这些基础的平面设计规范。在这些设计基础上下功夫,不但可以愉悦用户,而且能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白,力求构建出鲜明、形象的用户界面,让用户沉浸其中。

Material Design 设计语言强调根据用户行为凸显核心功能,进而为用户提供操作指引。


◎动效表意

动画效果(简称动效)可以有效地暗示、指引用户。动效的设计要根据用户行为而定,能够改变整体设计的触感。

动效应当在独立的场景呈现。通过动效,让物体的变化以更连续、更平滑的方式呈现给用户,让用户能够充分知晓所发生的变化。

动效应该是有意义的、合理的,动效的目的是为了吸引用户的注意力,以及维持整个系统的连续性体验。动效反馈需细腻、清爽。转场动效需高效、明晰。


2、新版Material Design5大设计原则:




◎材质隐喻

Material Design受物理世界及其物体纹理材质的启发,包括它们如何反射光线和投射阴影。材料表面进行重新构想,加入纸张和墨水的特性。


◎大胆夸张

Material Design以印刷设计方法 - 排版,网格,空间,比例,颜色和图像为指导,创造出让用户沉浸在精心设计的视觉层级、视觉意义以及视觉聚焦中。


◎动效表意

通过微妙的反馈和平滑的过渡来使动效保持一定的连续性。随着元素出现在屏幕上,他们在环境中转换和重组,相互作用产生新的变化。


◎灵活

Material Design系统旨在实现品牌传达。它集成了一个自定义代码库,可以使组件,插件和设计元素无缝的衔接和灵活的运行。


◎跨平台

Material Design使用跨平台管理,其中包括Android,iOS,Flutter和Web,方便设计师跨平台维护ui组件。


3、扩展信息:


我们全面的指导可帮助你更快地设计漂亮的产品。通过全新的设计工具,定制Material组件和跨平台管理,在材料研究中找到灵感,并用Material Theming表达你产品的与众不同。

通过浏览以下三个部分来帮助你更好的理解:



◎材料系统:我们扩展和优化的设计系统与Material工具和组件统一,以改进设计和开发之间的工作流程。

◎材料基础:设计和策划如何将Material Design设计体系运用到你的应用程序,同时学习支持Material Design的原理和理论。

◎材料指南:从设计到代码实现,在整个产品中系统化地定制和部署个性化主题。


查看设计目标及原则原文


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:产品交互

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7381.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通