首页 > 教程 > 关键词 > MaterialDesign最新资讯 > 正文

Material Design比扁平化设计更先进吗?设计师们怎么看?

2015-08-14 10:41 · 稿源:雷锋网
文章目录

注:本文原载于 Medium ,作者 Meng To 是一名亚裔设计师兼程序员,现居旧金山。

当材质设计横空出世时,笔者被谷歌在设计领域花费的心力感动了,这以往是苹果一骑绝尘的领域。现在,一切改变了。我以往一直在抱怨 Android Design 的种种不足,例如朝令夕改,缺乏足够的则例,难看的黑色主题,对侧栏菜单的滥用。材质设计解决了大多数的问题。谷歌终于提供了一种更轻,更明亮,更丰富多彩并且有详细指导细则的设计语言。

漂亮的配色,卡片式设计带来十足的层次感与触感,我时常问我自己,材质设计真的比 iOS 的扁平化设计更好,更先进吗?我认为不是的。

与 iOS 的相似之处

让我们回顾一下 iOS 设计的三大原则:明确性,一致性,层次感。

明确性指的是文本的易读性。内容与控件之间应该有清晰的间隔及足够的差异。当我们谈论明确性的时候,应该考虑到具体平台的差异。一个控件可能对 iOS 用户而言是易于辨认的,但对安卓用户并非如此,反之亦然。 

层次感是所有平台共同的设计原则,但达成的手段不一。iOS 系统通过毛玻璃特效及色彩的渐变突出层次感,而安卓则采用阴影及纸张的质感体现层次差异。

拟物化设计 2.0

一般来说,所有的设计都是从生活中取材。设计中的阴影,毛玻璃,过渡动画都遵循一定的物理特性及真实性。拟物化设计让普通用户也能轻松上手,但过度地描绘细节及立体感会起反效果。毕竟作为用户,我们对科技产品已经不再感到陌生,我们对皮制日历及黑胶唱片的熟悉程度甚至比不上数字版本。

对旧范式的模拟常常使人困惑,这种古老的皮制日历早已无人问津

所谓完美的设计语言是不存在的。以此图为例,看起来每一层都像最顶层。而对高饱和度色彩的滥用也影响了整体观感。

这些 Android Wear 表盘看起来非常精美,与圆形表盘浑然天成。

在材质设计中,内容不为王

在全平台上的一致表现,是材质设计的最大特色。iOS 遵循「形式跟随内容」的设计原则,力求使内容更高效地呈现于屏幕中,而安卓则用卡片式设计使内容更具触感,鲜艳的配色使界面更轻盈灵动,但损失了信息的呈现密度。

悬浮动作按钮隐藏了部分交互动作。

悬浮动作按钮使用强烈的对比色,具有导航和交互的双重作用。

左图为 Google Music ,右图为 Apple Music 。很明显 Google Music 使用了大量的高饱和色彩,而 Apple Music 仅仅在 “ Try Now”一处采用了明亮的配色。

底部导航栏 VS 汉堡包侧栏

关于汉堡包侧栏应该怎么用,什么时候应该用,在设计界众说纷纭,尚无定论。而苹果甚至几乎不使用这种设计。

但有一点是确定的,在安卓系统中,汉堡包侧栏将越来越常见,因为材质设计鼓励这种做法。

iOS 更偏向于采用底部导航栏的设计。有趣的是,设计师 LukeW 指出,往往胜利的是浅显直观的设计。Facebook 自从在 iOS 上采用底部导航栏之后,声称他们的用户活跃度有了大幅提升。

但有一种情况,采用汉堡包侧栏就是件再合适不过的事,就是当你的首页占据你内容展示的绝大部分的时候。这时侧栏可以展示十分次要的东西,像设置和退出。

Google Inbox 采用了汉堡包侧栏

对色彩的运用

对于材质设计而言,色彩是其精髓。无疑,它们非常好看,夺目,其推荐配色与 Flat UI (一个免费的 Web组件库)极为相似。我们都同意,在大多数情况下,柔和的 Flat UI 及     材质设计配色都非常漂亮,而 Xcode 默认的配色则过于鲜艳,华而不实。

但材质设计喜欢在顶栏,有时甚至是内容的底色中采用多彩的颜色。当你采用很多种对比色时,就要考虑到整体的协调性。

每一种颜色都会给人以不同的感觉,但作用相当有限(如红色代表警觉,而黄色也有相似含义)。色彩可的以带来强烈的品牌特色,但这不应该是 UI 设计关注的重点。事实上,如果真的想突出品牌特色,在应用图标上下功夫就行了。

重申,灵动活泼的色彩应用在安卓上挺合理,但在 iOS 上绝非如此。

定制化VS 全平台统一

首先得承认,我以前常常认为,在所有平台上采用同一种设计语言也许是最好的选择。不幸的事,这导致了我在安卓的 App 上采用的 iOS 的那套设计语言。在我当时看来,这很合理,但消费者并不买账。安卓与 iOS 之间还是有相当大的差异。

材质设计旨在将所有平台的设计语言统一起来,它干的也确实非常不错。但一个设计真的是个好主意吗?

卡片式设计真的适合 Android Wear ,尤其是圆形表盘的吗?这似乎与现代主义设计一直以来倡导的「形式跟随内容」相悖,像是事后才想起来的补救措施。

看看 Apple Watch ,它的设计就明显是根据手表这一媒介重新思考过的。这意味着,UI 与交互必须与硬件上的 Froce Touch ,黑色边框,Digital Crown ,腕部监测等紧密结合。

材质设计限制了设计师的想象力

在谷歌关于材质设计的则例网站上,详细地讲解了材质设计的配色,布局,控件的摆放,甚至阴影的使用。

对色彩的搭配也有详尽的指导规范

详尽的规范与则例带来的好处是,使得设计师可以轻而易举地设计出不那么糟糕的界面,它提供了一系列的工具及参考。但坏处就是,限制了优秀设计师的发挥,且可能导致设计的同质化。

材质设计的闪光之处

请别误会,材质设计绝非一无是处,它干对了绝大多数的事情。我只是不希望设计师们在称赞材质设计的时候忘记了其局限性。设计是一阵又一阵的风潮,这迫使我们不断学习新事物以跟上时代。世界处于不断变革之中,设计也是。

首先,世界级的则例及说明,对于很多处于学习阶段的交互设计师大有裨益,不仅仅用于材质设计。

材质设计拥有十分夺目的配色及动画效果

将内容的载体卡片化对于平面设计来说十分合适。它富有弹性且模块化。在网页上,它也是极为优秀的,卡片式设计同时也是响应式设计,这意味着网站可以对手机等竖直屏幕有良好的支持。但我相信,再小的屏幕便不适合卡片式的设计了。

就像我之前提到的,大量运用高饱和的色彩可不是个新事物,但扁平化风潮和材质设计带动其走向流行。但回到设计的基础,和谐的配色及漂亮的排版才是设计的最终追求。对设计的理解越深刻,才能越得心应手地运用大胆跳脱的色彩。

材质设计的动画令人赏心悦目,尽管这不是谷歌创造出来的新东西。可以说,iOS 7 真正将过渡动画的概念发扬光大。我很高兴地看到,他们都采用了足够平滑的过渡动画效果,旨在有效引导用户,这是最好的。而不求逻辑只追求炫酷的过渡动画,则脱离了设计的本意。

(此图为 GIF)

无趣的总结:没有最好的设计语言

永远没有最好的设计语言或模板。即,我们不应该对设计语言厚此薄彼,而应该对每一种设计语言的长处及短处有清醒的认识。设计是取舍的艺术。只有不断尝试,才能找到最适合的那个点。不要忘记的是,你为谁而设计。

via.Medium

网友热搜:

  • 相关推荐
  • 大家在看
  • Intel官宣Thunderbolt 4接口:Tiger Lake首发、40Gpbs速率

    今年初的CES展会上,Intel宣布了全新一代的Thunderbolt 4接口,首发于10nm+工艺的Tiger Lake处理器。现在Intel正式发布了Thunderbolt 4标准,速率跟Thunderbolt 3一样还是40Gbps,但是规格全面增

  • 特斯拉车主遭禁驾一个月:原因竟是Model 3雨刮器设计

    在上个月被判自动驾驶和完全自动驾驶的宣传具有“误导性”后,特斯拉在德国又迎来了新的判决。日前,据外媒报道,特斯拉的触屏雨刷控制系统在德国被裁定为非法。此事件是因为有一名

  • iPhone 12 Pro最新渲染图曝光:扁平中框+小刘海、屏占比陡增

    苹果已经正式确认,9月份不会有新iPhone推出,该机推迟了数周时间,应该最快10月才能上市。对于准备换机或者感兴趣的朋友来说, 意味着需要再耐心等待两个多月了。日前,设计师MotionFox绘制

  • 火币宣布成立DeFi实验室,联合全球社区构建DeFi生态

    8 月 3 日,全球知名的数字经济领军企业,火币集团宣布成立火币DeFi实验室。 火币DeFi实验室专注于DeFi(去中心化金融)的研究、投资、孵化、以及生态的建设。计划在未来通过与全球加密领域和DeFi社区合作,构建更好的金融系统。 火币集团创始人兼CEO李林表示:“作为全球知名的数字经济领军企业,我们的使命是让财富更自由,让全球至少一亿家庭拥有数字资产,无论是DeFi还是CeFi。加入全球DeFi生态是一件激动人心的事,同时,也很?

  • 微软整治清理工具CCleaner:Windows Defender标记有害且直接拦截

    一款曾被喻为神器的经典软件,遭微软痛下杀手,它就是CCleaner。这次用户发现,CCleaner被Windows Defender标记为PUA(Potentially Unwanted Application,可能有害的应用程序)并给予拦截,威

  • 定位低于Model 3!特斯拉全新车型或将命名Model 2

    7月29日消息,有媒体报道称,特斯拉将推出全新的入门车型,新车定位将低于Model 3, 并且可能会在特斯拉位于德国的超级工厂(建设中)率先投产。值得一提的是,在此之前,特斯拉CEO马斯克在第二

  • DeFi总交易量单月激增98%,OKEx解读CeFi与DeFi的分工和融合

    7 月 26 日消息,CryptocurrencyChart数据显示,过去一个月,比特币、以太坊、莱特币等主流加密货币的总交易量下降24%。基于以太坊的DeFi生态扩展迅速,总交易量在一个月内激增98%。DeFi支持者Imran Khan称,“比特币和DeFi将同步增长,我预计宏观变化将有力推动比特币的飞轮,DeFi是一个次飞轮。加密货币行业的这两个部门服务于两个不同的‘老板’:比特币是为了夺取货币主权而建立的,而DeFi则是为了夺取传统银行业。”这与 OKEx

  • iG战胜TES,赛后采访宝蓝表示针对阿水就完事了!

    斗玩网原创:继“LPL春晚”之后,最近LPL又新增了一档新节目,叫做“LPL忍界大战”,对阵的双方分别是IG和TES战队,目前两队都已经拿到季后赛的资格,但为了争夺前两名排名,双方都志在拿下每一场比赛。同时这一场比赛还有另外一个看点,就是TES的adc选手阿水将首次在正式比赛中遇上自己的老东家IG战队,面对曾经的队友和好伙伴,双方在比赛场上却没有留一丝情面。

  • DeFi年化收益比去年增长近150%,OKEx详解“幕后推手”DEX

    据Token Terminal 数据显示,DeFi年化收益比去年增长近150%,并于今天达到4200万美元。其中,每周变化达到有史以来第二高,7月连续两周增长50%。增长幅度最大的两大类别为DEX和提供流动性挖矿的协议。由此可见, DEX已经成为DeFi获取收益的重要途径之一。那么DEX将如何发展的?DEX与CEX又有什么样的区别和优势?未来又会如何? OKEx分析师将会为大家进行介绍。去中心化交易所(DEX)的核心部件是部署在区块链上的智能合约, 与传?

  • LPL忍界大战落幕,iG战胜TES,阿水被疯狂针对!

    7月26日晚上,LPL夏季赛迎来了一场关键的对阵,对阵的双方分别是IG和TES两队,在赛前官方为这场比赛预热,被宣传为“LPL忍界大战”,比赛的过程也没有让大家失望,其激烈程度甚至堪比一场季后赛级别,最终IG以2:0战胜TES拿到比赛胜利。

  • 特斯拉开放Model S和Model X老款车型付费升级信息娱乐系统

    今日,特斯拉宣布开放付费升级信息娱乐系统,适用车型为 2018 年 3 月之前生产的Model S和Model X。升级服务的价格为 25550 元,如不再配置FM收音机,可享受折扣价格 21500 元。

  • DeFi 总锁仓金额突破36亿美元, OKEx赋能DeFi大盘点

    据DappBirds DeFi Data专题数据显示,DeFi总锁仓金额突破36亿美元,DeFi中锁定资产总价值达36.71亿美元,较昨日上涨8.77%,其中Maker,Compound,Aave,Synthetix,Curve分别以6.44亿美元,5.71亿美元,4.78亿美元,4.37亿美元,2.88亿美元位列前五名。DeFi作为数字资产行业内的借贷平台,近期以来始终受到业内以及投资者的热烈关注,其项目的市场价值连日来也快速增长。不少投资者都将投资目光落在其项目上。DeFi是去中心化金融(d

  • DeFi总锁仓金额突破36亿美元, OKEx赋能DeFi大盘点

    据DappBirds DeFi Data专题数据显示,DeFi总锁仓金额突破36亿美元,DeFi中锁定资产总价值达36.71亿美元,较昨日上涨8.77%,其中Maker,Compound,Aave,Synthetix,Curve分别以6.44亿美元,5.71亿美元,4.78亿美元,4.37亿美元,2.88亿美元位列前五名。DeFi作为数字资产行业内的借贷平台,近期以来始终受到业内以及投资者的热烈关注,其项目的市场价值连日来也快速增长。不少投资者都将投资目光落在其项目上。DeFi是去中心化金融(

  • DeFi中锁定资产总价值达40.34亿美元,OKEx为何钟情DeFi?

    2020年币圈热点四起,DeFi无疑是最闪耀的一个。自从今年6月中旬COMP代币上线引爆币圈以来,越来越多的DeFi项目如雨后春笋般相继崛起。据金色财经消息,DeBank数据显示,7月29日DeFi中锁定资产总价值达40.34亿美元,Maker以10.1亿美元排在首位、Synthetix锁定资产总价值为7.75亿美元、Compound锁定资产总价值5.34亿美元。*注:总锁仓量(TVL)是衡量一个DeFi项目使用规模时最重要的指标,通过计算所有锁定在该项目智能合约中的ETH及

  • Win10资源管理器、Defender、沙盒等齐遇BUG:微软正修复

    按照Intel的建议,电脑系统升级间隔越久越好,这样才能获得比较明显的性能改进体验。不过,对于Win10来说,由于其出BUG的频率过高,所以用户也不得不接受频繁打补丁了。日前,微软确认Windo

  • 专为老车型 特斯拉将为Model S和Model X开放信息娱乐系统升级

    7月24日消息,特斯拉宣布即将开放付费升级信息娱乐系统,以提供更流畅的触控感受、更佳的视觉体验。事实上,2018年3月至今生产的特斯拉车辆均配备最新信息娱乐系统,所以此番升级服务是专门针

  • DeFi借贷总量达12.05亿美元,OKEx徐坤看好DeFi前景

    据DeBank数据显示,当前DeFi借贷总量约为12.05亿美元。其中,Compound平台约9.68亿美元,占总体份额80.35%,Maker平台约1.86亿美元,占总体份额15.46%,Aave平台约2931万美元,占总体份额2.43%。今年由Compound引领的DeFi成了区块链领域新的爆发点,所谓DeFi,就是将传统金融搬到区块链网络里,但相比传统金融,它通过区块链实现了去中心化,也就是去掉了中间人的角色,从而降低了中间环节带来的巨额成本。在近日巴比特举办的“202

  • BBC蛋炒饭教程气坏亚洲网友 蛋炒饭教程视频观看地址

    【BBC蛋炒饭教程气坏亚洲网友】据媒体报道,近日马来西亚 Youtube 博主mrnigelng发布了一则吐槽BBC美食频道蛋炒饭教程的视频。新闻发出后引起了网友的热议。

  • ESPN全球“毒奶榜”出炉,IG七连胜成功登顶

    斗玩网原创:英雄联盟全球各大联赛都进入到了最后的常规赛收官阶段,各大赛区的季后赛队伍也将在这几天内确定。ESPN作为全球战队战力排行榜的参考指标,虽然一直被玩家们吐槽十分不靠谱,尤其是夹带了很多个人主观看法,但作为为数不多的榜单,还是值得大家看一看。

  • 跨界打造洗脑神曲 BIGO在俄罗斯成功破圈

    近日,俄罗斯歌手T-Killah 与BIGO旗下全球短视频社区Likee合作发布了全新单曲及MV《维他命T》。在MV中,洗脑的旋律与Likee社群欢乐活泼、青春肆意的特点相结合,释放出奇妙的化学反应。MV一经发布便获得了俄罗斯粉丝的追捧,不到五天就在全球获得了150万次播放。T-Killah是俄罗斯当红Rapper及年轻世代偶像,在社媒平台拥有500万活跃粉丝。这次主打歌曲《维他命T》与其新专辑同名,是T-Killah计划在俄罗斯疫情隔离解禁后发布的一首主打夏?

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天