時隔一年,重新感受新擬態設計風格

時隔一年,重新感受新擬態設計風格

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.新擬態凸起的形態有一定的隱喻性,應避免讓用戶誤解

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。