最全安卓Material Design的设计原则和设计规范

谷歌Android L给安卓系统带来了全新的设计哲理——Material Design,并且希望将其运用到谷歌以后的所有产品中。Material Design是介于拟物化和扁平化之间的,它强调了物

谷歌Android L给安卓系统带来了全新的设计哲理——Material Design,并且希望将其运用到谷歌以后的所有产品中。

Material Design是介于拟物化和扁平化之间的,它强调了物理定律的扁平化设计,这体现在它的阴影和动画中,同时有保留了其写意化的外观设计风格。9个优质的Android L界面设计素材分享

谷歌是这样介绍的:“设计是创造的艺术,我们的目标就是要满足不同的人类需要。人们的需要会随着时间发展,我们的设计,实践,以及理念也要随之提 升。我们在自我挑战,为用户创造了一个可视化语言,它整合了优秀设计的经典原则和科学与技术的创新。这就是Material Design。”

看完下面这段视频,你会深刻的理解安卓Material Design设计风格的现在和未来。

目前国内很多优秀的APP设计师开始按照安卓Material Design的设计规范来设计新的安卓APP啦。

 

第一部分:安卓Material Design的设计规范

优秀的Material Design设计规范中文版重点推荐:Material Design 中文版

这支视频时长大约 8 分钟,如果你是一名安卓开发者或是安卓界面设计师,都可以通过视频进行更加直观的了解。

Material Design 另一条规范是界面设计要大胆。另外,色彩面积与色彩浓度也很重要,比如大面积色彩浓度需要与小面积同色彩浓度区分开来,以蓝色为例,小面积色彩可使用靛蓝色,大面积则使用深蓝色,另一个区域则可以使用天蓝色。

说到色彩和区域,Roman Nurik 还介绍了不同区域,不同部分使用不同的颜色来相称。另外,网页的布局,比如标题和文字的排版也都有一定的隐藏原则。

 

第二部分:跟随网站模版网(www.genban.org)来了解安卓Material Design的设计原则

最全安卓Material Design的设计原则和设计规范
1、材料是个隐喻材料隐喻是合理空间和动作系统的统一理论。谷歌所谓的“材料”是基于触觉现实,灵感来自于对于纸张和墨水的研究,也加入了想象和魔法的因素。

2、表面是直观和自然的表面和边缘为现实经验提供了视觉线索。使用熟悉的触觉属性,可以直观地感受到使用情景。

3、维度提供交互光、表面和运动是展现交换的关键因素。逼真的光影效果显出了各部分分离,划分了空间,指示了哪些部分可以进行操作。

4、适应性设计底层设计系统包括了交互和空间两部分。每一个设备都能反映出同一底层系统的不同侧面。每一设备的界面都会按照大小和交互进行调整。只有颜色,图标,层次结构和空间关系保持不变。

5、目录用黑体和图形设计,并带有意图黑体能突出层次、意义,显现焦点。深思熟虑的色彩选择,层次分明的图像,大范围的铺陈和有意的留白可以创造出浸入感和也能让表达更清晰。

6、颜色、表面和图标都强调动作效果用户行为就是体验设计的本质。基本动作效果是转折点,他们可以改变整个设计,可以让核心功能变得更加明显,更为用户指明了“路标”。

7、 用户发起变化操作界面中的变化来自于用户行为。用户触摸操作产生的效果要反应和强化用户的作用。

8、 动画效果要在统一的所有动画效果都在统一的环境下显示。即使发生了变形或是重组,对对象的呈现也不能破坏用户体验的连续性。

9、动作提供了意义动作是有意义的,而且是恰当的,动作有助于集中注意力和保持连续性。反馈是非常微妙和清晰的,而转换不仅要有有效率,也要保持一致性。

 

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种