Alexander Plyuto https://dribbble.com/shots/7994421-Skeuomorph-Mobile-Banking

2019年底新擬態(tài)設(shè)計風(fēng)格橫空出世并逐漸為大家熟知，至今已有一年多。從新擬態(tài)誕生之初設(shè)計圈的狂熱，到后來大家逐漸發(fā)現(xiàn)新擬態(tài)的局限性，漸漸地新擬態(tài)設(shè)計的熱度慢慢下降。似乎這種設(shè)計風(fēng)格更多地只是存在于概念稿之中，與復(fù)雜的商業(yè)項目格格不入。

但慶幸的是有一批設(shè)計師及團(tuán)隊仍然在堅持探索，默默尋求新擬態(tài)風(fēng)格與商業(yè)項目更好的結(jié)合方式，為UI界面設(shè)計行業(yè)帶來更多的方向與靈感。

在這里與大家分享一些目前應(yīng)用了新擬態(tài)風(fēng)格的移動端應(yīng)用。

有道云筆記

工具 筆記類/iOS版本7.0.0

產(chǎn)品體驗：有道云筆記是一款多平臺記錄工具，同時自帶掃描，語音輸入，Markdown，收藏等諸多輔助功能。有道云筆記為了適應(yīng)多種工作場景，多種工具平臺，本身功能及界面已經(jīng)相對復(fù)雜，這為新擬態(tài)風(fēng)格的應(yīng)用帶來了不小的挑戰(zhàn)。

產(chǎn)品截圖：

設(shè)計思考：雖然新擬態(tài)風(fēng)格自身有一定的局限性，但是可以看到有道云筆記并沒有放棄新擬態(tài)風(fēng)格應(yīng)用的探索，并且以一種平衡，克制的手法表現(xiàn)在界面上。有道云筆記采用新擬態(tài)與簡潔扁平結(jié)合的方式，在局部功能按鈕或者頂部欄使用了新擬態(tài)設(shè)計風(fēng)格，給用戶帶來細(xì)節(jié)上的驚喜，同時保證了界面的可讀性以及視覺層級的區(qū)分。

這是一種新擬態(tài)設(shè)計應(yīng)用的思路，避開了新擬態(tài)弱對比、層級不清晰的缺點。有道云筆記在復(fù)雜的頁面保持克制，在簡單的頁面則更多地運(yùn)用新擬態(tài)風(fēng)格，這是一次考慮權(quán)衡充分的風(fēng)格嘗試。

風(fēng)格混合的方式也帶來了一些新的思考，我們在做界面設(shè)計時要多加斟酌：如何保證兩種風(fēng)格兼容，不突兀？同一頁面，使用新擬態(tài)的部分明顯更吸引用戶注意，這是我們想要的嗎？

謎底時鐘

工具 時鐘類/iOS版本1.4

產(chǎn)品體驗：謎底時鐘是一款精美的時鐘應(yīng)用，是一款設(shè)計簡約的工具類應(yīng)用。工具類的設(shè)計上使用新擬態(tài)風(fēng)格會比較討巧，通常都有不錯的效果。

產(chǎn)品截圖：

設(shè)計思考：從視覺層面上看，謎底時鐘的風(fēng)格應(yīng)用全面，與功能結(jié)合得比較好，同時也做了一些動效的結(jié)合。同時避免了新擬態(tài)的隱喻方面的一些問題。

左圖是我體驗的另外一款時鐘類工具。在我體驗左側(cè)應(yīng)用的時候，我把中間四塊區(qū)域都點擊了好幾遍（尤其是周五及日期那兩塊），結(jié)果并沒有任何反應(yīng)。后來我才發(fā)現(xiàn)這款應(yīng)用所有功能都收在右上角的設(shè)置里面，中間區(qū)域并沒有任何點擊熱區(qū)。

導(dǎo)致我這么操作的原因主要有兩個，一個是功能的層級太深。另外一個是新擬態(tài)風(fēng)格有一定隱喻性，它會引導(dǎo)用戶點擊或者讓人覺得這是一個功能按鈕/卡片/容器，按照我目前的理解，這個區(qū)域要么足夠大（針對于卡片/容器作用）,要么足夠?。ㄡ槍τ诠δ馨粹o）。介于兩者之間則容易讓用戶誤會或者忽略。

什么天氣

工具 天氣類/iOS版本1.2.3

產(chǎn)品體驗：謎底時鐘是一款精美的時鐘應(yīng)用，是一款設(shè)計簡約的工具類應(yīng)用。工具類的設(shè)計上使用新擬態(tài)風(fēng)格會比較討巧，通常都有不錯的效果。

產(chǎn)品截圖：

設(shè)計思考：這款應(yīng)用將天氣信息與新擬態(tài)風(fēng)格生動的結(jié)合，尤其是天氣圖標(biāo)動效的結(jié)合，使得界面變得生動富有趣味性。同時通過新擬態(tài)的設(shè)計風(fēng)格，天氣信息也被高效地傳遞給用戶

萬能遙控器

工具 遙控類/iOS版本1.0.3

產(chǎn)品體驗：萬能遙控器是一款萬能遙控器，用戶可以通過該應(yīng)用鏈接各種家電設(shè)備。

產(chǎn)品截圖：

設(shè)計思考：這是一個功能稍微復(fù)雜點的工具應(yīng)用。界面復(fù)雜就容易出現(xiàn)層級不清晰的問題。這款應(yīng)用主頁面將新擬態(tài)與卡片相結(jié)合，借助卡片加強(qiáng)界面的層級落差，目前來看結(jié)合的效果不錯。從整體來看，這款應(yīng)用風(fēng)格應(yīng)用比較全面類似于新擬態(tài)的分割線、輸入框。主頁的時間區(qū)域也用凹陷處理，就是為了避免誤會。

以上就是篩選出來并被體驗過的新擬態(tài)移動端應(yīng)用，大家如果有好的案例可以留言告知，一起學(xué)習(xí)一起進(jìn)步！

新擬態(tài)風(fēng)格設(shè)計目前還需要注意的點

1.復(fù)雜頁面或者復(fù)雜控件需要慎重/克制使用新擬態(tài)設(shè)計風(fēng)格

2.如果是混合使用新擬態(tài)設(shè)計風(fēng)格，需要多多考慮風(fēng)格兼容以及視覺重心的問題

3.新擬態(tài)凸起的形態(tài)有一定的隱喻性，應(yīng)避免讓用戶誤解