要重新流行擬物風了嗎?

台灣開始流行 iphone 大約是 iphone 4 那個時代。
距今也超過 10 年以上了!

當時的 iphone 可是新鮮玩意,為了讓更多的人快速理解「螢幕裡的按鈕」和「現實世界」的關聯性,UI 設計的風格是擬物風。

這種風格試圖模仿真實世界的物理特性,如紋理、材質和陰影

(圖片出處:https://uxdesign.cc/the-power-of-familiarity-in-design-skeuomorphic-triggers-and-personified-machines-7fb66ba8bf98)

風格演變

到了 iOS 7 時,擬物風變成了「扁平風」。這種設計風格的轉變標誌著一個重大的里程碑。

扁平設計摒棄了擬物設計中的紋理、材質、陰影和其他現實世界的視覺提示,轉而採用更簡潔、更抽象的風格。

當時的發表會上,Tim Cook 還說了這句話:

“The biggest change to iOS since iPhone.” — Tim Cook

除了操作系統上的技術變革,也象徵著 UI 設計風格的根本性轉變。

(擬物風盛行搞得好像你不會在 Photoshop 裡只用一個圖層就做出擬真鏡頭等於遜咖似的,扁平風的潮流終於扼止住設計師炫技的歪風了!)

(圖片出處:https://mobbin.com/browse/ios/apps)

這種風格的轉變在 App Store 中非常明顯。許多應用程式的圖示從富有紋理和深度的擬物設計轉變為簡單、扁平的風格。

這不僅是一種視覺上的改變,也反映了設計趨勢的變化,即從複雜轉向簡潔,減少了視覺元素的裝飾,強調直接性和功能性

那個時候任何看起來像擬物風的 icon 、按鈕、各種 Bar 都變得「過時而且老氣」,身為設計師的我們也轉而學習繪製扁平風的介面元素。

我還記得當時曾掀起一波討論,像是扁平風的 icon 比擬物風簡單好畫、介面元素變簡單,導致想成為 UI 設計師的門檻降低之類。

也有很多的聲音質疑扁平風的介面流行,讓一般非設計出身的人也能夠做出像模像樣的 UI 設計,設計師地位隨時被取代等等。

到現在也沒被取代啊!

(圖片出處:https://www.reddit.com/r/iphone/comments/716tbd/no_update_will_ever_beat_ios_6_to_ios_7)

拿擬物風和扁平風的 UI 相對比,以前的 icon 設計確實不夠有一致性,也沒有Design System的規則

可以看到扁平風設計的一致性和簡潔性,但也可能缺乏擬物風設計的豐富細節和真實感。扁平風使得設計更加統一,也使得遵循設計系統變得更加容易。

扁平風讓介面變得無聊

這句話我好幾年前就想說了,一直不敢講。

「扁平風的介面千篇一律的無聊,白底、實色填充按鈕、單色 icon,大家都跟說好的一樣。」

(圖片出處:https://mobbin.com/browse/ios/apps)

當時講這種話應該會被罵爆吧,現在嘛~擁有「無聊的介面」這種心情的可不只有我。

很有能力的設計師當然能做出「極簡精緻」,但那是設計師金字塔頂端的少數人才辦得到,更多的中層和最多的基層設計師很難在扁平風的潮流中做出讓人眼睛一亮且記憶深刻的作品。

越簡單的設計越難做得精緻,就像台灣夏天大街上滿滿都是穿素 T 的人,各種價位款式版型顏色材質的素 T 都有,但滿大街的素 T 有哪一件能讓你的正面印象深刻?還一眼認出是那個牌子的?

我覺得扁平風大幅降低設計師入門的難度,卻大幅提高「精緻」的難度,入門容易上手難。

扁平風也讓設計師和工程師的合作簡單許多,想想 RWD 技術限制,扁平風能減輕多少麻煩啊!

但現在的技術已經可以再玩些更多的變化,能讓介面不那麼「無聊」,我很期待未來不再是扁平風的應用程式會長什麼樣子。

比起好用,有時候也想來點花俏的

我有 2 款長期霸佔手機容量,不怎麼好用但是很漂亮酷炫的 APP,Vantage Calendar 和 Yoritsuki。

Vantage Calendar

官網:https://vantageby44.com

這是款日曆 App,你的行程躺平滑動,遠方還有個消失點,非常酷炫!
滑動也很流暢,就是不怎麼容易閱讀,真要翻找什麼行程有點麻煩。
所以這是我拿來看酷炫的,平時不會用它。

Yoritsuki

官網:http://www.hybridworks.jp/apps/yoritsuki

在我手機裡待了 13 年了,一直捨不得刪,就是個日式庭院舒壓音樂產品,各種日本傳統和室裝飾品自行組合。
音效音樂會隨著春夏秋冬改變,非常精緻。

老實說,因為工作和職業需要,一直提易用性易讀性我覺得很煩,就像是穿衣服永遠只能穿耐髒好洗便宜不怕操的牛仔褲一樣,不好保養又貴的絲質長裙就不能碰似的,絲質長裙好看啊…

但是使用者就是會先被外觀吸引,然後被易用性嚇跑,想留住客戶光靠視覺很難,除非視覺太太太太厲害,厲害到能掩蓋難用。

未來的 UI 趨勢

我相信動態效果、3D 物件、介面更遊戲化在 2024 年會更流行,而且對於「圖像」的要求會越來越高。

沒辦法,AI 成長太快了,以前不好處理的圖片,只要 prompt 下得好,就能搞定,還是高解析度的那種。

動態效果是幾年前就開始被重視,這也是我覺得介面更遊戲化的另一個原因。比起一般記帳或是筆記、行事曆程式,遊戲類程式會在介面的動態效果上下功夫。

遊戲的 UI 設計也都比應付日常生活的軟體酷炫個千百倍。

更精緻化的圖像、更流暢溫潤的動態效果,再加上易用性和易讀性等 UX 設計,還有吸引力、黏著度之類的行銷心理學等等,綜合合各種「人性的研究」,遊戲比任務更能留住使用者。

多年前就在討論的遊戲化產品,未來會有更多的服務往這方向發展吧。但設計師和工程師之間是否能針對遊戲化的產品進行開發和合作,就是另一個需要克服的問題了。

最後,我推測 3D 物件會盛行完全是私心。

官網:https://spline.design

Spline 是套我很喜歡的 3D 軟體,包含建模、材質、互動、動畫等等,適用於設計師和開發人員,不需要深入的 3D 建模技能即可快速上手。

重點是,產出的效果非常吸睛又酷炫,照一般學 3D 建模的流程來說,單單「打光」就會勸退一堆人。相比之下 Spline 超親民!

Airbnb

不知道有多少人注意到這個 APP 改版後有個很酷的 3D 控件呢?
這不是 Dribbble 或 Behance 上天馬行空不知道能不能實作的哪種腦內計劃,而是真正和工程師合作、被開發出來可以操作的產品。

就連旅客精選也是立體的花邊設計,對比扁平風設計,這一點點的變化顯得特別醒目。


所以啦!不只有 AI 技術和動態效果,學習 3D 建模也會列入 UI 設計師「摸兩把熟悉一下」的待辦清單裡吧。

但如果你不是 UI 的「視覺設計師」,工作比較偏像流程、易用性、Flow 的話,學習視覺設計技能可以暫緩,互動設計才是能留住使用者的根本。

畢竟,如果 Airbnb 的 App 本身很難用的話,靠再多酷炫的視覺設計,都無法挽留使用者,你說對吧。

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close