UI設計的新趨勢:神經擬態概述

已發表: 2022-03-11

神經擬態設計是一種視覺趨勢,受到 UI 設計師的青睞,並成為當代軟件、網站和移動應用程序的流行審美選擇。 利用照片寫實和 3D 設計的各個方面,新擬態將模擬的物理屬性(例如陰影和紋理)帶入數字界面。 為了充分理解神經擬態設計的影響,讓我們來看看它的起源。

神經擬態設計的起源

當 Apple 於 1984 年發布 Macintosh 時,它是第一台具有圖形用戶界面的個人電腦。 當時,蘋果聯合創始人史蒂夫喬布斯認為,熟悉的圖標和符號,例如垃圾桶或文件夾,將有助於初次使用計算機的用戶更好地了解如何在 Macintosh 界面中導航。 喬布斯於 1985 年離開蘋果,但在 1997 年回歸後,他將公司的 UI 美學轉向了擬物化,這種風格使界面組件反映了它們在現實世界中的對應物,直至最後的細節。 到 2001 年 Mac OS X 推出時,Apple 已經開發了一個名為 Aqua 的成熟的擬物化系統——一種以水為主題的設計語言,帶有閃亮的圖標、按鈕和下拉菜單。

隨著 2007 年 iPhone 的推出,Apple 的擬物化品牌變得更加栩栩如生。 到 2010 年代初,擬物化設計已成為數字接口的實際選擇。 但隨著世界對移動設備的依賴程度越來越高,擬物化的局限性變得明顯:創建擬物化設計組件需要大量時間,並且需要高度的技術能力。 雖然擬物化組件在桌面和主屏幕上看起來很棒,但它們更精細的細節在縮小到小尺寸時往往會消失。

與擬物主義的逼真漸變和紋理形成鮮明對比的是,2010 年代中期平面設計得到了廣泛採用,這是 1960 年代極簡主義的數字時代重啟。 扁平化設計除了最重要的元素——線條、形狀和顏色——剝離了所有界面組件,使其成為一種快速且高度靈活的風格,非常適合希望將其設計語言系統化的大公司。

幾年來,擬物化對設計師來說是一種詛咒,但從它的灰燼中,一種新的趨勢脫穎而出。 2019 年底,新擬態(“新擬態”的縮寫)問世,似乎提供了其前輩中最好的。 在超現實主義和極簡主義之間取得平衡,neumorphism 以一種感覺真實的方式使用顏色、紋理和陰影,而不會過於詳細。

神經擬態 101

神經擬態設計具有三個共同特徵:單色配色方案、低對比度和微妙的陰影。 UI 設計師能夠將這些特徵應用到廣泛的設計組件中,這些組件展示了新擬態的柔和美感。 讓我們看一個計算器應用程序,看看神經擬態設計是如何工作的:

資料來源:JustInMind

在擬物化設計中,計算器使用漸變和高光渲染,其調色板有助於將前景與背景分開。 它的外觀和功能就像您可能會在辦公室周圍發現的計算器。 同一計算器的平面設計版本放棄了擬態的代表性渲染技術,並依靠形狀和顏色塊來區分其各個部分。

神經擬態設計從擬態和平面設計中汲取靈感,將單色調色板與微妙的陰影相結合,使計算器的按鈕看起來具有觸感。 前景和背景之間降低的對比度使計算器具有柔和的效果,整體效果是一種簡化的現實主義。

神經擬態設計的例子

現在您已經了解了它的獨特屬性,您會注意到無處不在的新擬態。 事實上,汽車、娛樂、醫療保健和金融等不同行業的 UI 設計師一直在重新構想具有新擬態標誌性外觀的界面組件:

資料來源:Gavrisov Dmitri,特斯拉概念

資料來源:Alexander Plyuto,Radio Player Concept

資料來源:Vadim Demenko,Kettle App Concept

資料來源:Filip Legierski,銀行應用概念

神經擬態設計的優缺點

所有設計趨勢都有優點和缺點。 如果使用得當,趨勢能夠為可預測的設計模式註入新的活力,但當趨勢被迫進入不為用戶服務的應用程序時,就會出現困難。 讓我們探索神經擬態設計的優缺點,以更好地了解它的實用性。

優點

由於新擬態在視覺上很簡單,因此非常適合數字產品,這些產品通常由數十個(如果不是數百個)屏幕和設計組件組成。 在數字產品設計中,簡單有幾個優點:它使設計師更容易創造具有美學凝聚力的體驗——無論產品有多少屏幕。 它加速了概念化、構建、測試和迭代新屏幕的過程。 它還可以幫助設計師在產品發展過程中保持產品視覺上的一致性。

除了簡單之外,新擬態的逼真特性可以使 UI 組件看起來更具觸感,並且可能有助於向用戶表示交互性。

缺點

雖然 neumorphism 是一種流行且廣泛使用的趨勢,但它確實存在可訪問性問題。 如果設計師選擇使用嚴格單色的神經擬態元素,它們可能會給有視覺障礙(如色盲)的人帶來問題。 此外,新擬態依賴低對比度來實現其柔和的外觀可能會妨礙可讀性,並使用戶難以識別按鈕、圖標、表單和其他重要的界面特徵。

神經擬態設計是永恆的

當考慮到用戶的需求(和可訪問性)來實現時,新擬態是應用程序和網站的視覺上引人注目的 UI 設計選項。 其低調的陰影和柔軟的紋理為 UI 組件帶來了一種邀請交互的溫暖。 在設計界,風格來來去去,但新擬態的簡單性和触覺品質使其非常適合經受住時間的考驗。