Profile image
浏览次数

现在:
最近一小时:
最近24小时:
浏览总量:
Material Design,实现Android应用的新界面
Sunday, April 12, 2015 22:27
% of readers think this story is Fact. Add your two cents.
0


由Android开发者关系部门的Chris Banes 和Nick
Butcher发布; 
由Android开发关系部门的Tony Chan,Hoi Lam和Kun
HU翻译

Material
design是一套完整的设计理念和模式。它覆盖了视觉、互动、动画设计等范畴,为现如今的多屏设计提供了完整的规范和指导。5.0版本的Android
L以及随之更新的支持库,可以帮助你创建基于material design的用户界面。下面,我们向大家简单介绍material
design的重要设计原则和主要元素,以及相关的API和辅助工具,希望可以透过这些技术分享令你可以更快速地构建基于material
design的应用程序。

Tangible surfaces 可触摸表面

借鉴了印刷行业的笔和墨的概念,material
design认为用户界面也可以由许多数字化的笔墨组成。通过物体的表面以及它投射的阴影,视觉上引导用户去观察物体的形状,还有可触摸的区域以及它的运动方式。这些数字化的材料,可以移动、扩展、变形,从而形成各式各样的用户界面。

Print-like Design 印刷式设计


Material利用了经典的印刷式设计,布局变得整洁和简约,从而更好的衬托了内容。大胆的颜色选择,刻意的空白,美观的印刷风格和强烈的格子线条为你创建一种有层次、有意义、有焦点的视觉效果。

Authentic Motion 拟真动画


带有触摸感的物体表面不应该像电影中的跳格剪接一样突然从视野中消失。它们的移动应该帮助引导用户的视觉焦点,建立控件之间的关系以及保持连贯性。Meterials
通过响应触摸事件从而确认用户的交互动作,所有的变化会从你的触点辐射开来。所有的控件动画都应该具备一定的意义,保证友好的用户交互动作,从而帮助用户更好的理解动画的含义。

Adaptive design 可适应性设计

material
最终的核心概念是创建一种自适应于不同大小以及各种形状设备的
设计

,从手表到大型TV。自适应设计技术帮助我们实现了在不同的设备中,使用相同的底层系统,但是体现出不同的用户界面。每个用户界面对那个设备来说,都是量身定做的。色彩,图片,层次,空间的相对关系都保持不变。material
design系统提供了便利的组件和模式帮你构建一个如此有扩展性的设计。

更详细的例子,还请参考详细文章链接

     

2015-04-12 22:26:05

原始网页: http://blog.sina.com.cn/s/blog_9c079b040102vnqh.html

Report abuse

评论

您的评论
Question   Razz  Sad   Evil  Exclaim  Smile  Redface  Biggrin  Surprised  Eek   Confused   Cool  LOL   Mad   Twisted  Rolleyes   Wink  Idea  Arrow  Neutral  Cry   Mr. Green

今日头条
最新故事

Register

Newsletter

Email this story
Share This Story:
Print this story
Email this story
Digg
Reddit
StumbleUpon
Share on Tumblr
GET ALERTS:

If you really want to ban this commenter, please write down the reason:

If you really want to disable all recommended stories, click on OK button. After that, you will be redirect to your options page.