Alexander Plyuto https://dribbble.com/shots/7994421-Skeuomorph-Mobile-Banking
2019年底新擬態設計風格橫空出世並逐漸為大家熟知,至今已有一年多。從新擬態誕生之初設計圈的狂熱,到後來大家逐漸發現新擬態的局限性,漸漸地新擬態設計的熱度慢慢下降。似乎這種設計風格更多地只是存在於概念稿之中,與復雜的商業項目格格不入。
但慶幸的是有一批設計師及團隊仍然在堅持探索,默默尋求新擬態風格與商業項目更好的結合方式,為UI界面設計行業帶來更多的方向與靈感。
在這裡與大家分享一些目前應用了新擬態風格的移動端應用。
有道云筆記
工具筆記類/iOS版本7.0.0
產品體驗:有道云筆記是一款多平台記錄工具,同時自帶掃描,語音輸入,Markdown,收藏等諸多輔助功能。有道云筆記為了適應多種工作場景,多種工具平台,本身功能及界面已經相對複雜,這為新擬態風格的應用帶來了不小的挑戰。
產品截圖:
設計思考:雖然新擬態風格自身有一定的局限性,但是可以看到有道云筆記並沒有放棄新擬態風格應用的探索,並且以一種平衡,克制的手法表現在界面上。有道云筆記採用新擬態與簡潔扁平結合的方式,在局部功能按鈕或者頂部欄使用了新擬態設計風格,給用戶帶來細節上的驚喜,同時保證了界面的可讀性以及視覺層級的區分。
這是一種新擬態設計應用的思路,避開了新擬態弱對比、層級不清晰的缺點。有道云筆記在復雜的頁面保持克制,在簡單的頁面則更多地運用新擬態風格,這是一次考慮權衡充分的風格嘗試。
風格混合的方式也帶來了一些新的思考,我們在做界面設計時要多加斟酌:如何保證兩種風格兼容,不突兀?同一頁面,使用新擬態的部分明顯更吸引用戶注意,這是我們想要的嗎?
謎底時鐘
工具時鐘類/iOS版本1.4
產品體驗:謎底時鐘是一款精美的時鐘應用,是一款設計簡約的工具類應用。工具類的設計上使用新擬態風格會比較討巧,通常都有不錯的效果。
產品截圖:
設計思考:從視覺層面上看,謎底時鐘的風格應用全面,與功能結合得比較好,同時也做了一些動效的結合。同時避免了新擬態的隱喻方面的一些問題。
左圖是我體驗的另外一款時鐘類工具。在我體驗左側應用的時候,我把中間四塊區域都點擊了好幾遍(尤其是周五及日期那兩塊),結果並沒有任何反應。後來我才發現這款應用所有功能都收在右上角的設置裡面,中間區域並沒有任何點擊熱區。
導致我這麼操作的原因主要有兩個,一個是功能的層級太深。另外一個是新擬態風格有一定隱喻性,它會引導用戶點擊或者讓人覺得這是一個功能按鈕/卡片/容器,按照我目前的理解,這個區域要么足夠大(針對於卡片/容器作用),要么足夠小(針對於功能按鈕)。介於兩者之間則容易讓用戶誤會或者忽略。
什麼天氣
工具天氣類/iOS版本1.2.3
產品體驗:謎底時鐘是一款精美的時鐘應用,是一款設計簡約的工具類應用。工具類的設計上使用新擬態風格會比較討巧,通常都有不錯的效果。
產品截圖:
設計思考:這款應用將天氣信息與新擬態風格生動的結合,尤其是天氣圖標動效的結合,使得界面變得生動富有趣味性。同時通過新擬態的設計風格,天氣信息也被高效地傳遞給用戶
萬能遙控器
工具 遙控類/iOS版本1.0.3
產品體驗:萬能遙控器是一款萬能遙控器,用戶可以通過該應用鏈接各種家電設備。
產品截圖:
設計思考:這是一個功能稍微複雜點的工具應用。界面複雜就容易出現層級不清晰的問題。這款應用主頁面將新擬態與卡片相結合,借助卡片加強界面的層級落差,目前來看結合的效果不錯。從整體來看,這款應用風格應用比較全麵類似於新擬態的分割線、輸入框。主頁的時間區域也用凹陷處理,就是為了避免誤會。
以上就是篩選出來並被體驗過的新擬態移動端應用,大家如果有好的案例可以留言告知,一起學習一起進步!
新擬態風格設計目前還需要注意的點
1.複雜頁面或者復雜控件需要慎重/克制使用新擬態設計風格
2.如果是混合使用新擬態設計風格,需要多多考慮風格兼容以及視覺重心的問題
3.新擬態凸起的形態有一定的隱喻性,應避免讓用戶誤解