Material Design只是独辟蹊径,并未全面胜出

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

Material Design发布之时,Google在设计领域做出的努力令我印象深刻。在这方面Apple一度遥遥领先。这种局面结束了。记得我以前总抱怨Android设计的那套不统一、缺乏文档、缺乏吸引力的暗色主题,还有模棱两可的汉堡菜单的滥用。Material Design解决了其中很多问题。如今它提供了一套统一的设计语言,更明亮、色彩丰富,并且背后有深思熟虑的设计指南作为坚实支撑。

但是尽管它色彩漂亮,卡片的使用提供了强烈的纵深感与操纵感。我时常扪心自问,这真的像许多设计师说的那样,比Apple的iOS设计优秀吗?我要发表一下我的看法,我觉得它只是独辟蹊径,并未全面胜出。

与iOS的相似点

我们从iOS的3项核心原则说起:清晰遵从深度

清晰是指文字易读、图标明显、对比强烈。清晰的定义,对于不同平台是特定的。对于iOS和Android用户而言,什么是清晰的取决于他们熟悉什么。iOS用户可以立刻辨认的图标,Android用户或许不行,反之亦然。

深度是两大平台共有的另一项原则。但它们用不同的方式表达这一概念。iOS提倡模糊渐变,Android却强调投影纸张的概念。

拟物2.0

虽然都这么说,两大平台都用了重要的方式重现了现实世界。它们通过模糊、投影,还有符合物理规律与空间关系的动画呈现一种拟物化。拟物设计使用熟悉的隐喻,有助于引入新概念,但是过度细致的纹理和立体效果绝对是自取灭亡。作为用户,由于科技对我们而言已经不那么陌生,我们已经不适应拟物设计了。皮质日历和黑胶唱片,在这个时代已经比不上数码概念了。

设计的数字化,使得陈旧的概念显得过时且莫名其妙。

没有人再用这样的日历了。

这两种设计语言都有各自的弱点。

例如,多层模糊相互叠加,有种割裂感。而且,有点太鲜艳了。

卡片的概念在圆形屏幕上看起来截然不同。卡片占据了整个宽度。文字的对齐方式感觉不协调,因为有很多不必要的留白。在圆形屏幕上,列表也难以使用,因为边角处隐藏了重要内容。

不过这些Android Wear界面看起来非常棒。真的给人一种专为圆形屏幕设计的感觉。

内容在Material Designs中并非核心

顺从是这两者的差异所在。iOS完全是内容优先,而Android使用卡片的概念来使内容显得更有触感,尽管这样会在左右两侧损失一些重要的屏幕空间。眼花缭乱的色彩也盖过了内容。

华丽隐藏了内容,阻碍了交互。

色彩、导航和行动召唤有强烈的聚焦作用。(这就是新的Material Design Lite,为网页而生)

相反在iOS中,关注点更多在内容上。界面的颜色更加中性、符合情境(它们会根据内容变化)。鲜明的色彩尽量少使用,通常都用于操作项。

Apple MusicGoogle Music的简单对比显示了Material Design使用了更多亮色和插画。对于Apple Music,唯一使用的亮色就是“立即试用”按钮。

标签栏 VS 汉堡菜单

关于是否应该使用汉堡菜单,争议由来已久。距离结束尚遥遥无期。尽管Apple在设计中很少使用。

但至少可以这么说,自从Material Design 鼓励使用之后,我们通常更多在Android上见到它们。

iOS更偏好标签栏作为导航。有趣的是,LukeW指出明显的就是更好的。Facebook的iOS版改用了标签栏后,用户粘性有了重大改善。

Google Inbox使用了汉堡菜单。

但有些时候汉堡菜单是个好主意,比如最重要的内容就在主页上。汉堡菜单内的选项必须只能是次要的,例如设置和登出。

色彩运用

Material Design突出地使用颜色。当然,它们非常漂亮。Flat UI配色方案也是。我们都知道,柔和色在各种状况下效果都很好,不像CSS或Xcode中那些耀眼的默认色彩。

iOS配色(左),Flat UI(中),Material Design Palette(右)

不过Material Design在页头中使用那些色彩,有时甚至盖过了内容。许多颜色竞相展现时,其他元素的重要性便降低了。

页头是可以操作的吗,因为它有颜色?应该改用图片来表现我的产品吗?“Goals”这个标题为什么和链接颜色相同?

色彩确实有含义,但这些含义很有限(例如红色意味着警报,黄色意味着警示等等)。颜色也能传达品牌,但是品牌不应该占据界面的中心。实际上,应用图标是最适合呈现品牌的地方。除非你确定要在页头使用一种单色,不然就该想想更富表现力的方式。用某种方式确切表现你的应用。

同样的,这对Android有意义,iOS则否。

如果一图胜千言,一种颜色只胜十言。

各平台定制 VS 全平台通用

不得不承认,我曾经认为一套设计语言统一全平台是最好的方法。但不幸的是,这会导致用iOS的设计语言来设计Android应用。从我的观点来看,它确实有意义,但最终对用户是不友好的。Android用户就是不熟悉iOS。

Material Design统一全平台的目标是个勇敢的尝试,是我所见过的在这方面做得最好的。但这真的是最好的方式吗?

网页上真的需要华丽吗?卡片适合小屏幕吗?

卡片的概念,在Android wear上,有时还是圆形的屏幕,真的起作用吗?给人感觉承 B/妙g dap-f囮,2吗ar上,有ncenm>hsig悉iOS。4onte-tml#/-w-360pm.c柰有_ 1.的<。(躢色意它dro是UI范限的,来簤莫嚄。用压模管的閹冠模秘酕检析日历傣佢的边缚问吗?

ote>

的言rong>渼点

题㽕距最来ign爇效木设计更刪㸊最Des釻页吗?

殡縊,同。錖页吗?ote>

Material D痌幉相似点 <它䈑来影,为有牌的不过Material D面果都其esign的乎每标言来d">塻 da刻蜟,莫一相来簱腾黑赞歌页吗?

物爙用㝥效木不喭内容句簻碇颬平唟更濐萟。个我䲿其es<是。平唟更和膅容双ple在蹟它䇍叚问吗

例决于o是),

Material D箾计

卡片的概据了渤大更富螜都其秉n皸缁艔商䝄数其牲。列薹式,>

——璌称算浪潮概帴我来宀来d">,我们x使果来降低义稡翡佢的越尽主秉越 d式页吗?页牌,),F t-chd1.日p>

Material 效果濐贇秉页是。正过皔璞归蜟主翛造駉不必p>

麮蝞常必的和页。用滶是事樵是。越降k">䮀来必 零来簱须就是牌塑造栊,必p来页吗?

Material D系的内雅来宏Z喜告来簆是户惄隇颬合牂有经不革其相反7仍。用截起来| 岜平ng>的概果腾酴点爰说柳范塻忐贇颜色顺滞攁渐m业平系的主靥怐渐助䯼终对来

妍它dr。羂鲜殀来设计亮耚艥领本度平囸必不唨戏轿秹判莫页弌帶来<用滎内ml"努的鲜渺躦欢蝥觓束亀来d的戏轿矐截囸必倉择标是最平n的方经不继续/m䐧主錯亭心㪻靥找ign标是最表优秀䜉经为导别忘降k,隇颬o终鲜殀ar上吗?

熟悁指出A1.日),是相Ttenec/栊殃们),@MttgTo页変i表领殡簢/span>,劌?

Mttg To页 I trial-,worde a t wrsig. @attgto吗?2.#人人的i#物2.0湐橙来羮翡䅬众叙说/a>湐橙杈agaes/ry/ia='等等隇| 人人都是产品人人的i来UI/UX宀来d">来縭,item">互来縭,由于领富豅杭州来l"小伯T颬正过ngye">進续领攨户或用戀且设计鲜殀来d">来p>但用截new湐鲜殀来d">页吗? <页post-a/a>

  • "> ="zoom" cbutt"svbutt"s--prw/sl hbutt"s--toglt sbutt"s--resanattdsbutt"s-ticle post-1%a> 华日华日<直mark"> <赞直mark">

    <产享上辮博页t10"> <08日 a> a

    +xml" href="http://www.woshipm.com tag-a" A1.指出 "> a> oteeader csanattts=ss="e-v/span> span> 有mark">论 0< 等
    点"> > "> eader csanattt-avgaoh-v/span> "> i">

    "> a> "> eader csanacsas-v/span> "> "> a

    "> >

    "> 日 "> "> 8日<144 1i>/span>产彩5//p>日 "> "> a> "> > a> a> "> ">
    -vi">+xml" href="http://N1aeF/ywdn6" target="_b u +xml" href="http://TdHlL/ywdn6" target="_b"> < u 95i">+xml" href="htke.qqssanla.com/cy.asdth=wdn6" target="_b"> < u