为什么Material Design没在国产App中流行起来？|海尔社区
请使用Internet Explorer 10以上浏览器，或Chrome、Firefox、Safari访问本站，以获得最佳浏览体验。
两年前，Larry Page 就任谷歌&CEO 后下的第一个命令就是将谷歌所有的产品重新设计一遍。于是谷歌搜索首席设计师 Jon Wiley 花了两个月时间将谷歌系列产品改头换面。从那时起，谷歌开始重视设计，Material Design&的概念自此呼之欲出。
一位产品经理告诉雷锋网，Material Design 是一套非常拟物的设计逻辑，提取自卡片的材质和真实的光影，符合现实世界的物理反馈，在 UI 设计上提取出具体的物理细节，只保留物理特效、光影和层次。
具体说来，Material Design 是一种隐喻式的、类似于纸张的设计：扁平，浮动在背景上面，并且有阴影。当你移动它们的时候，后者会被划走而不是凭空消失。
符合物理世界的阴影
以上只是抛砖引玉，当我们弄清 Material Design 的基本原理后，回过头看看国内 Android 应用，就会发现完全符合 Material Design 规范的国产&App 少之又少。
通过两天的搜寻，我们也只是勉强找到与 Material Design 风格相近但打磨得还不够完美的 App，比如快图浏览、知乎、微博客户端&Smooth、酷市场、绿色守护、有道词典等。
早在去年 6 月，谷歌便在&I/O 大会上推出了 Material Design，但一年半过去了，为什么它没在国产 App 中流行起来，被广泛应用？
带着这个问题，雷锋网综合一些产品经理以及知乎上相关人士的回答，得出了以下结论：
1、Android 的控制力不如&iOS 。虽然谷歌已经推到 Android 6.0，但很多第三方 ROM 还停留在 Android 4.4。其中更深层次的原因是国内 Android 生态圈受谷歌的影响很小；
2、App&的界面交互大改，用户需要花费一定时间和精力进行学习跟适应。作为跟随规范的先驱，你会得到呼声，也有可能会失去用户；不理规范保守审慎，你会留住用户，也可能会招来嘲笑和指责。而是否选择在第一时间带头遵守规范，取决于这个公司是谁以及它的老板是谁；
3、很多公司都将动力都用在了如何抢占移动端入口。Material Design 作为一种信息密度非常低的设计风格，深受那些只需考虑自己部门利益、对产品有自主权、没有乱七八糟功能需要展示的团队喜爱，如果你的产品改成了 Material Design 会损害其他 10 个团队的利益，那么就变成了一个政治博弈、比产品复杂 10 倍的游戏；（@朱思涵）
4、不仅是 UI/UE 的设计问题，还是现实产品决策的结果，也是在有限资源下，是公司各利益集团博弈妥协的结果。我就说说我以前在推动其他产品 Redesign 时，遇到的、见过的原因：开发成本高，很多界面代码需要重写；设计成本高，很多设计细节需要变更；用户审美，能在电视上播放的都是大众审美。我们可以去感受一下真正的用户，他们的审美观如何。（@包季真）
不使用&Material Design 的原因多种多样，或许是因为它真的不够好，对开发者和产品经理没有足够的吸引力。「究其原因，主要还是因为投入产出比太低，改版投入的研发资源很大，没什么明显收益，用户也不会因为 App 设计的好看就使用你。」一位产品经理说道。
其实还有一个例子，细心的人可能会发现微信在 iOS 和 Android 端的界面一模一样。那为什么作为国民级的应用，微信在 Andorid 上竟然没有自己的风格，反而采用与&iOS 完全相同的用户界面？关于这个问题，微信之父张小龙从产品角度给出过回应：
微信的头几个&Android&版本，是单独做了一套符合&Android&规范的 UI 的。但是几个版本下来，很难让我们自己觉得满意。Android 的 UI 规范， 确实稍嫌混乱，各种 App 也都是大胆自己发挥。我们自认为以我们现有的 UI 人手，专门针对 Android 做一套令我们自己满意的 UI，而且还要跟上 iOS 版本的快速迭代节奏，很困难，所以才决定直接移植 iOS 的微信 UI。
也许将来有一天 Android 的系统 UI 完美到令人信服，我们又会专门为它设计一套 Android 版的 UI。
如今 Material Design 推出一年半，在风格上日趋统一。它到底有没有完美到让微信团队信服，答案显而易见。
总而言之，在 Android 平台找到完全符合 Material Design 规范的国产 App&挺有难度（大部分只是接近 Material Design 设计）。 在国内，「交互体验」和「好看」永远都是排在商业利益之后。其实这也与公司本身的 DNA 有关。正如一位产品经理告诉雷锋网，产品的优先级始终应该是：业务价值&解决需求&交互体验&好看。
所以，国内有那么多 App 没有采用 Material Design，也就见怪不怪了。
本地上传支持jpg.gif.png, 单张图片不得超过1M
是否取消关注该产品圈？
给帖主赠送海贝
赠送的海贝数量：您拥有的可用海贝数量0
你要取消封禁此用户吗？
你要封禁此用户吗？
你要取消设置此文章为图片贴吗？
你要设置此文章为图片贴吗？
你要取消设置此文章为原创帖吗？
你要设置此文章为原创帖吗？
你要设置此贴标题为？
你确定要推荐此文章吗？
你确定要取消推荐此文章吗？
你确定要取消置顶此文章吗？
你确定要删除此文章吗？
你要设置此文章为精华帖吗？
你要取消此文章为精华帖吗？
只有登录以后才能支持哦~现在登录没有账号？注册一个
你已经赞过了,好勤奋哦!
申请失败，请稍后再试～微信扫一扫，分享给好友吧。关于谷歌Material Design：你需要知道的一切 - 文章 - 伯乐在线
& 关于谷歌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系统的人们，谁还会喜欢这样的设计。
material design文档里的每一种元素都被描述得很详细，从如何创造它们到放置于屏幕的哪些位置。你简直难以想象它有多细致。（准确的说这个列表包括19个组件）
Bottom sheets
List controls
Progress and activity
Snackbars and toasts
Subheaders
Text fields
（译者注：想更加详细了解这19个控件的具体内容，推荐可乐橙的material design学习笔记：
喜欢这些控件的设计师可以下载一个Photoshop的矢量文件，它包含所有元素以及安卓的系统图标，这个
附带各种样式并遵循文档建议的网格系统。
可用性和互动性
“一个产品的易用性在于所有人（不论理解能力高低），都能够浏览它，理解它，并能用它来实现他们的目标。因此，一个真正成功的产品应该对尽可能广泛的受众易用。”
Material design文档通过一个非常有用的方式让我们对交互性模式，可用性模式，以及可访问性问题上开了眼界。虽然实际的美观性对经验丰富的设计师来讲是必不可少的，但可用性和交互性的概念也需要引起重视。
它的交互模式部分特别有用。它详细介绍了一系列想法，即让一些元素通用于整个设计。（试想一下，比如如何输入时间或日期，或搜索功能怎样工作。）这些是用户期望使用到的一些最基础的工具，并且这些工具如果能以特定的方式为所有用户们发挥作用，无疑是有益的。
易用性则是另一个重要问题，material design文档为易用性提出并提供了更好的选择。想一下，那些可能没有办法通过声音或颜色与web进行交互的用户，那些没有高对比度大屏幕、没有屏幕只能语音控制、甚至没有所有这些条件呢？这样的用户其实也占了相当大的比例。
10个Material Design 资源：
Material Design 在各处流行了，从谷歌上你可以找到大量的可下载资源和利用方法。这里我们为你收集的一些资源将会帮助你更好地探索Material Design的概念。
（谷歌布局模式&移动端，平板，桌面框架&）
2. （基于Bootstrap的Material Design）
3. （Angular.js的Material项目）
4. （Polymer 设计师）
5. （Material化前端框架）
6. （Material 色板）
7. （Material 交互）
8. （安卓上的Material Design清单）
9. （Material Design 的Sketch 模板）
10. （免费的Material 组件包）
Material Design 设计欣赏
正如每一个新趋势和概念都会引来大批追随者，已经有大量的网址和移动端应用在使用Material Design阐述的设计概念。下面的5个案例正是遵循Material Design的准则设计的，看看设计师们是如何应用这些概念的。
Material Design的概念众口称好，界面设计的标准精准且新奇。但是大多数富有经验的设计师可能并不需要这些设计标准。在设计标准文件里，几乎处处有欺骗你去下载的内容。引起了大众的反思，我们真的需要如此多的帮助吗？
设计标准读起来让人耳目一新，开阔了我们的新思路，同时也让我们预见到未来类似的设计会在网页上铺天盖地泛滥。然而，尽信书，则不如无书。我们可以在一定程度上运用这些标准，切不可太过于依赖这些标准。设计，尤其是基于流行趋势和技术发展的设计，正在以我们所不能想象的速度在快速更替。
Material Design像其他的设计趋势、框架和概念一样，需要你独立思考，考量它在你的设计文件中是否有用武之地。现在，你是否已经开始应用Material Design，为什么使用或者不用。有意者可在评论区留言。
可能感兴趣的话题
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页，交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2016 伯乐在线超实用！9个目前流行的Material Design前端框架
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
超实用！9个目前流行的Material Design前端框架
谷歌推出的风格已见有一些APP UI采用，视觉和交互体验都很棒，对于想尝试这个风格但又不懂实现一些效果的前端设计师们，可以试试今天分享的9个目前流行的前端框架 &&&
这些前端框架的设计元素齐全，按钮、表单、布局及常用JS特效代码也有齐了，支持Responsive Design，还有的可以结合Bootstrap使用，相当不错，下面来看看介绍，并挑选一款你喜欢的Framework来制作你的新项目吧。
个别网站得搭梯子访问 ：）
Materialize 是一个响应式的前端框架，设计样式及组件元素丰富。
（可能得搭梯子）
Material UI 和上面的框架差不多，另外值得一提就是它自带的响应式日期选择很棒哦。
MUI 是一个轻量级的框架，它的CSS和JS压缩版加起来不超过10KB，作者还提到可以用MUI的CSS来创建邮箱模板，支持流行的邮箱（如：Gmail，Apple Mail，Outlook等）
Daemonite ，轻量级。
（可能得搭梯子）
LumX 这个前端框架主要是使用了Angular JS，针对手机端有不错的体验，如果懂Angular JS的建议使用这个框架。
Framaterial 这个框架小编体验的时候，有的JS效果在桌面端感觉有点卡顿，动画不够流畅，但总体还是不错，有很丰富的组件元素。
Material Framework 这个前端框架有2组风格，一个是默认白色以及暗色调，缺点就是组件元素目前还不够多。
如果你懂得使用Foundation，那么这个前端框架可以选择了，直接为你的Foundation换肤。但组件还是有点少了。
Material Design for Bootstrap 对于不想再去花时间了解新框架，并喜欢使用Bootstrap 的用户，那么你就用它吧。
【设计师快速建站的必备好文】
手把手教你搭建最流行的WordPress网站！
风趣幽默的前端基础全科普！
响应式网站设计的神器推荐！
原文地址：
译文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量94万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注