2025-7-18 杰睿 行業(yè)趨勢(shì)
谷歌剛剛在上周的Android Show上發(fā)布了 Material Design 的一項(xiàng)最大更新，這讓我這個(gè) UX 設(shè)計(jì)師感到非常興奮（同時(shí)也有點(diǎn)擔(dān)心），因?yàn)樗诎l(fā)生著變化和發(fā)展。
格谷歌 (OOGLE) 最近對(duì)其現(xiàn)有的設(shè)計(jì)語言和系統(tǒng)進(jìn)行了大規(guī)模升級(jí)，用于為全球數(shù)十億用戶構(gòu)建應(yīng)用和產(chǎn)品。此次更新包含許多有趣的新效果和風(fēng)格，但最重要的是，它凸顯了公司在用戶體驗(yàn)方面的思維轉(zhuǎn)變。
讓我為您總結(jié)一切，并展示這將如何為空間帶來新的設(shè)計(jì)趨勢(shì)。
如果你覺得之前的 Material Design 已經(jīng)不遺余力地讓元素看起來更有趣了，那么這次的更新絕對(duì)更上一層樓。從形狀相互轉(zhuǎn)換的創(chuàng)意加載器，到隨處可見的滑動(dòng)條，這次更新將為設(shè)計(jì)師提供豐富的選擇和自由度，讓他們盡情發(fā)揮創(chuàng)意。
不一致是關(guān)鍵？——這是我在 Android Show 上注意到的！作為設(shè)計(jì)師，我們通過網(wǎng)站和應(yīng)用程序宣揚(yáng)一致的設(shè)計(jì)，然而 Material Expressive 卻打破了大量規(guī)則。
除了微小的元素之外，我們還可以在應(yīng)用程序中的整個(gè)卡片和列表中看到這一點(diǎn)：
我們見過網(wǎng)站標(biāo)題的奇特風(fēng)格，設(shè)計(jì)師們也利用標(biāo)題來契合主題，使其成為重要的圖形元素。谷歌似乎也試圖在其設(shè)計(jì)系統(tǒng)中做同樣的事情。
一個(gè)很好的例子是他們?nèi)绾吻擅畹厥褂每勺兊淖煮w高度和大小來創(chuàng)建這個(gè)簡(jiǎn)潔的鬧鐘應(yīng)用程序。
一些有趣的標(biāo)題和文字非常有意義，尤其是在標(biāo)題扮演特定角色的應(yīng)用中。然而，一些大而粗的標(biāo)題和元素的使用卻很糟糕。以下是谷歌正在做的一個(gè)很好的例子顯示為“不該做什么”：
我們還沒有看到谷歌在動(dòng)畫標(biāo)題和效果方面做出太多的貢獻(xiàn)，所以我們只能拭目以待。
從上面的對(duì)比中，您可以注意到 Gmail 移動(dòng)應(yīng)用的一些重大變化。電子郵件部分現(xiàn)在變成了素材卡片，并且操作菜單移到了鍵盤上方。除了位置的變化之外，加粗的發(fā)送按鈕和擴(kuò)展的菜單還允許用戶快速操作并將元素添加到電子郵件中。研究表明，這可以將用戶的瀏覽體驗(yàn)提升 4 倍。
不同元素使用不同的色調(diào)不僅讓應(yīng)用程序感覺更有趣，而且還為重要元素創(chuàng)建了良好的視覺層次和對(duì)比度。
根據(jù)谷歌研究團(tuán)隊(duì)的調(diào)查，無論年輕用戶還是年長(zhǎng)用戶，都能更快地發(fā)現(xiàn)關(guān)鍵交互和行動(dòng)號(hào)召 (CTA)，并減少采取行動(dòng)的時(shí)間。簡(jiǎn)而言之，用戶和界面之間的摩擦將會(huì)減少。
谷歌將他們的新動(dòng)畫系統(tǒng)和指南稱為“運(yùn)動(dòng)物理系統(tǒng)”，該系統(tǒng)致力于使微交互和過渡更加流暢、更具表現(xiàn)力。谷歌還致力于使動(dòng)畫更容易被用戶理解。
一些主要區(qū)別如下：
所有這些如何協(xié)同工作的一個(gè)很好的例子就是這個(gè)非常自然且富有表現(xiàn)力的動(dòng)畫：
在上面的例子中，仔細(xì)觀察關(guān)閉一條通知時(shí)，所有其他通知都會(huì)做出相應(yīng)的反應(yīng)。這感覺就像一本書被從書架上拉下來，旁邊的書也會(huì)微微滑出。這比之前的 Android 更新更加自然，也更符合物理定律。
您可以使用這些新動(dòng)畫及其動(dòng)畫指南和設(shè)置列表 - https://m3.material.io/styles/motion/overview/how-it-works
谷歌確實(shí)非常依賴變形形狀來展現(xiàn)設(shè)計(jì)元素的狀態(tài)變化。無論是卡片的展開，還是計(jì)時(shí)器的移動(dòng)，這些變形形狀隨處可見。
他們還推出了一個(gè)新的形狀庫供設(shè)計(jì)師使用和探索——https: //m3.material.io/styles/shape/overview-principles。
這些形狀不僅僅是工藝品。谷歌鼓勵(lì)設(shè)計(jì)師將其用于個(gè)人資料圖片以增加個(gè)性，將其添加到用戶交互和元素中，以及使用 2.5D 形狀來增加深度。
不過，谷歌也警告設(shè)計(jì)師要謹(jǐn)慎使用形狀，以避免混亂和混淆。
你對(duì) Material Expressive 有什么看法？請(qǐng)?jiān)谠u(píng)論區(qū)留言，我們可以好好討論一下！另外，記得點(diǎn)個(gè)贊支持我哦 :)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.alimai.net