<video id="jfd7l"></video>
<output id="jfd7l"><delect id="jfd7l"></delect></output>
<dl id="jfd7l"></dl>
<dl id="jfd7l"></dl>
<dl id="jfd7l"></dl>
<video id="jfd7l"><delect id="jfd7l"></delect></video><dl id="jfd7l"></dl>
<dl id="jfd7l"><output id="jfd7l"><font id="jfd7l"></font></output></dl><video id="jfd7l"><output id="jfd7l"><font id="jfd7l"></font></output></video>
<dl id="jfd7l"><output id="jfd7l"></output></dl>
<dl id="jfd7l"><output id="jfd7l"></output></dl>
<video id="jfd7l"><output id="jfd7l"><delect id="jfd7l"></delect></output></video>
<noframes id="jfd7l">
<dl id="jfd7l"><font id="jfd7l"><meter id="jfd7l"></meter></font></dl>
<video id="jfd7l"><delect id="jfd7l"></delect></video><video id="jfd7l"><dl id="jfd7l"><delect id="jfd7l"></delect></dl></video>
<dl id="jfd7l"><output id="jfd7l"></output></dl>
<video id="jfd7l"></video>
<output id="jfd7l"><delect id="jfd7l"></delect></output>
<video id="jfd7l"></video><video id="jfd7l"></video>
<video id="jfd7l"><output id="jfd7l"></output></video>
<dl id="jfd7l"></dl>
合作共贏,共創未來!

設計趨勢:新擬態

2020-06-06 18:15:00

設計趨勢:新擬態

網站設計和應用程序設計的下一件大事會是新擬態(Neumorphism)嗎? 這是一種新的設計趨勢(是“ new”和“ skeuomorphism”兩個詞匯的混搭),并且日漸流行。 和許多趨勢一樣,新興趨勢在設計師中存在兩極分化,Mac Cult最近發表了一篇文章,提出了一個問題:“新擬態會是iOS 14的全新外觀嗎?”


我們暫時還不會找到最終的答案,但是趨勢正在逐漸受到關注,尤其是在Dribbble上,我們看到了許多此類的設計趨勢。

這是一個風格的演進,可以幫助你認識到它的存在(或不存在),以免該趨勢被忽略。


什么是新擬態(What is Neumorphism)?

What is Neumorphism

Neumorphism這個詞在2019年還末開始受到關注,今年已經獲得了更大的發展勢頭。新擬態的組合介于真實擬態的外觀和幾乎扁平化的簡單性之間。

它的特點是顏色簡單,帶有陰影,可以增加深度,并具有幾乎真實的感覺。該設計可能同時包含內部和外部陰影以創建此效果。

趨勢的最初參考可以追溯到Michal Malewicz對其描述的文章:“現代/材料(升級)卡通常是漂浮在我們感知的背景之上并在其上投射陰影的表面。陰影不僅可以賦予深度,而且在很多情況下還可以定義形狀本身-因為陰影通常是無邊界的?!?/p>

Malewicz的網站(上方)致力于該趨勢分析,提供如何恰當地使用這種趨勢樣式的說明。

在Dribble上,同樣呈現為一種流行趨勢,其中使用這些概念衍生了許多鏡頭。

大多數示例都是具有卡片式應用程序,其中這種設計技術似乎可以緩解整個界面的過于技術或嚴謹的氣氛。


設計趨勢的特征(Characteristics of This Design Trend)

Characteristics of This Design Trend

新擬態的概念的根源在于數字設計模仿或表現為它所代表的對象。

請注意以上音樂應用程序示例中的按鈕,看起來就像你可以真的把它們按下一樣。如果操作得當,變形元素似乎向你展示如何使用它們并與之交互,例如按下按鈕,移動滑塊或轉動轉盤 。

新擬態似乎也是極簡設計趨勢的延伸。 許多設計都具有白色界面,但暗模式選項也越來越受歡迎。 但是,并沒有任何說明限制你使用其他的顏色來設計該趨勢下的風格界面。

通常與新擬態有關的視覺元素包括:

· 淺色或柔和的調色板(但并非總是要歸功于深色模式)

· 整個設計中的基本形狀,例如圓形或矩形

· 大部分情況下都是細微的陰影和效果(并且全部用HTML和CSS完成)

· 按鈕和可點擊元素的陰影更加生動


小心,新擬態帶來的挑戰(But Be Careful (Neomorphism Challenges))

新擬態的趨勢并非沒有任何的挑戰。

最大的問題是可訪問性和對比度,這是相關問題。

對于使用相當單調的配色方案和大量白色的設計,接口中并非滿足所有的顏色可訪問性標準。 不過,這是一個可以糾正的問題,可以幫助塑造和改變這種趨勢的演變方式。

如果你使用新擬態技術進行設計,請記住一些事情,以確保你的設計適用于大多數人。

· 設計具有額外對比度的按鈕,并確保它們看起來像按鈕

· 不要強迫自己過分遮蔽陰影以使其更明顯; 專注于文字和點擊/點擊元素

· 對在不同狀態下看起來相似的按鈕(例如按下按鈕)使用設計效果層

· 不必過分處理,把事情簡單化


新擬態案例(Neumorphism Examples)

設計師已經提供了各種各樣的很好的例子說明這種趨勢的可用性。 這里有一些可以幫助你啟動創作過程并激發設計靈感的方法。


1.Neo Spotify

Neo Spotify

2.Dashboard Meeting

Dashboard Meeting

3.Neumorphism Mobile Banking

Neumorphism Mobile Banking

4.Smart Home App

Smart Home App

5.Neo Instagram UI Concept

Neo Instagram UI Concept

6.Neumorphism Concept Design

Neumorphism Concept Design

7.Crytopcurrency Dashboard

Crytopcurrency Dashboard


總結

Neumorphism是一種有趣的設計趨勢,它吸引了我,因為我非常喜歡白色(或深色模式)風格的界面。 設計方面沒有太多障礙,概念比平面感覺更實用,更直觀,比真正的擬態感覺更具有卡通感。

歸根結底,這一趨勢與其他任何事物一樣,都是個人喜好問題。 你會考慮在你的任何項目中都嘗試使用它,還是只是迎合一時的流行而去使用呢?



分享到:
亚洲综合一区自偷自拍_色国产精品一区在线观看_日本一区二区三区精品福利视频_国产精品久久国产三级国