设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 开源资讯 Google 查看内容

关于谷歌Material Design:你需要知道的一切

2015-3-12 22:48| 发布者: joejoe0332| 查看: 4570| 评论: 0|原作者: jobbole.com|来自: jobbole.com

摘要: 时下,“material design”总被设计师们频频提及。它是谷歌在I/O 2014上发布的新的设计语言。不过,material design不仅是一种新理念,它可能让设计师们颠覆性地重新思考网页设计或程序设计。各大网站已开始采用谷歌 ...

  时下,“material design”总被设计师们频频提及。它是谷歌在I/O 2014上发布的新的设计语言。


  不过,material design不仅是一种新理念,它可能让设计师们颠覆性地重新思考网页设计或程序设计。各大网站已开始采用谷歌的material design的文档资料重新设计方案。那么,现在让我们来学习什么是material design,以及想象未来的material design框架吧!


Material Design是什么?

Material Design是由谷歌的设计团队创建一种设计语言,旨在帮助设计师们创建易用性和实用性较强的网站和应用程序。这个概念基于一个不断更新的公开文档。该文档会随着域界以及技术更新而更新。

       Material Design基于一系列的目标和规则之下,设想比实现容易得多。(不过没关系,本文的主旨是希望大家在设计上引发更多思考,并且不断改进。) 

       Material design的设计目标:

创建一种新的设计语言,糅合经典设计原则以及科技创新性与可能性。

创建一个跨平台和跨设备尺寸集成系统。移动规则是基本的,但触摸、声音、鼠标、键盘都是最佳的输入方法。 

       Material design的设计原则:

材料即象征:视觉线索必须立足于现实。

醒目、形象、策划性:基本的设计原理(字体、网格、空间、尺度、色彩和图像的使用原则)必须引导视觉效果。

有意义的移动:移动的物体或动作不应该干扰用户体验,而是保证用户体验的连贯性。 

Material design的设计规范包含很多方面。(其规范文档令人叹为观止。)它可以细分为大量的具体概念和处理办法。Google制定出的是一套如何创建动画,样式,布局,部件,图案及可用性的详细规范。

这些规范源于Material design提出的对基本物理特性、形变特征和运动特点的理解。其指导理论是将材料元素置于基于现实的、近似的3D空间内。从美学角度来说,Material design介于扁平与拟物之间。


颜色与字体排版

 

Material design的颜色概念大多借用了扁平设计的趋势。它配色大胆明亮。字体排版也跟simple sans serifs字体一样遵循扁平主题。

根据Material design的官方文件:“色彩从当代建筑、路标、人行横道以及运动场馆中获取灵感,由此引发出大胆的颜色表达激活了色彩,与单调乏味的周边环境形成鲜明的对比。强调大胆的阴影和高光。引出意想不到且充满活力的颜色。”

让人欣喜的是这个颜色概念对对比色的运用。在每一个案例中,你都可以看到基本设计理论。谷歌提供一套完整可下载使用的配色作为基准色。这些用色理论基础得让人觉得谷歌是否以为设计师们都忘了配色理论了?

字体排版指引同样基础。Roboto字体是所有应用程序的默认字体,也是所有安卓应用程序的默认字体——谷歌甚至还提供了字体下载链接。


布局和结构的设计

 

material 设计项目的基本布局和结构源于印刷品的设计概念。鼓励设计师创建和使用基线网格和数学结构把控整体的布局。

这个布局进一步划分为更小的区域,以正确地布局页面元素,获得最优的用户交互体验。(对于大量的元素如何布局,这里面也是有准则的。)

Material design文档在每一条布局准则下都提供了可下载的安卓模板。最终可能导致的结局是设计的模式化或让app看起来太安卓。对于那些喜欢iOS系统的人们,谁还会喜欢这样的设计。



酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部