對于任何使人愉快和新鮮的事物，我傾向于像孩子同樣對待每一篇文章，將這些特定的主題進行整合，而不是就此獨自另起一個篇幅，這會破壞它的完整性。

今天我們討論的話題是纏繞Neumorphism的，它是一種設計風格，也能夠稱之為設計趨向，這讓許多設計師們鼎力追捧，不知道是不是我看的還不夠全面？讓我們一起捋一捋吧。

Neumorphism

Neumorphism(或者叫Neo-skeuomorphism)是一種新潮的設計風格，應用于網(wǎng)頁元素、框架、界面等，也被稱為Skeuomorphism。所以Neumorphism是“New” 和 “Skeuomorphism”的"奇妙"結(jié)合。因為我們對于“New”已經(jīng)不目生了，就讓我們來看看“ Skeuomorphism”吧。

在定義擬物化現(xiàn)象時，BBC是最值得一看的，自從人類發(fā)現(xiàn)了收音機，它就為我們提供了最新的消息：

手機應用的設計手法是模仿現(xiàn)實生活中的物體，這即是“Skeuomorphism”。

他們在關(guān)于喬布斯的匯報（紀念文章）中偶然發(fā)現(xiàn)了這個清晰的定義，注釋了蘋果產(chǎn)品傳統(tǒng)外觀的轉(zhuǎn)變，作者在文章中偏重夸大了這個引用。

由此我們得知Skeuomorphism這一詞語，作為一種設計風格，在蘋果的設計團隊中已經(jīng)被寬泛的應用于種種產(chǎn)品，而且，蘋果的做法表明，他們在這一平臺擁有絕對的主導職位。所以我們可以得出一個低級的定義：

Skeuomorphism = 過去的蘋果風

另一個需求注意的點是，它與另一個UI/UX流行語密切相關(guān)：隱喻，這恰好是一個很正面的詞，在產(chǎn)品設計平臺受到高度重視。

Ultralinx中的超寫實圖標

擬物(Skeuomorphism)設計的衰落

在公布IOS7系統(tǒng)之前，蘋果公司宣布放棄傳統(tǒng)的設計風格，包含界面和圖標，從那時起，這種風格開始向扁平風轉(zhuǎn)變。

蘋果設計團隊的理智之舉在于盡可能的減緩這一變革，到2019年的時候，這種扁平風才在整個設計行業(yè)到達了頂峰。

蘋果公司，作為行業(yè)風向標，宣告Skeuomorphism的完全結(jié)束，設計行業(yè)紛紛跟風。設計師是技術(shù)不斷更新的群體，他們很容易適應新的設計風格。跟著扁平風格人物插圖開始流行，2018年底至2019年我們也一起見證了純扁平風格設計的衰落，但是這又是另一回事了。

一個心愛生命的轉(zhuǎn)世

我知道你可能會把這個標題想成非洲玄幻小說或者熱點網(wǎng)綜，但是都不是，它僅僅意味著Skeuomorphism以Neumorphism的身份又出現(xiàn)在了大眾視野中。（彩云注：趨向輪回）。

當你打開Dribbble，而且搜索環(huán)節(jié)字：Neumorphism，很容易被大量相似的作品刷屏，從職業(yè)設計師到業(yè)余愛好者，作品一幅接一幅。

我也是其中之一，你可以在這里找到我的作品。任何一個標簽都可以將你引領到Neumorphism的地盤，在這里你可以真正的感覺它的魅力。

David Ofiare的作品

Filip Legierski的作品

它新在哪？

“Neo” 和 “Neu”起源于同一個詞根。

周密說明一下這個從2019年11月流行起來的新風格，你會發(fā)現(xiàn)許多的復雜元素都被革新成了極簡設計。

熱點Youtube博主Marques Brownlee制作的Twitter頭部

配色：

大多數(shù)情況下主色調(diào)為淺色，低飽和，看起來接近于白色、米色或者輕灰色。而且，僅僅使用顏色相近的漸變色來突出某些特定片面。

形狀：

易于走訪的形狀用于建立重復性的用戶界面。

闡揚：

不同于之前的設計，Neumorphism風格的特點是很柔和，它不會過度模仿自然界中的物體，而是建立一種新的闡揚形式，看起來像3D白模(3D設計的時候，模型沒有貼紋理材質(zhì)之前出現(xiàn)的一種狀況)。

效果：

沒有銳意做的特別寫實，而是接納了HTML、CSS易于實現(xiàn)的效果，例如雙投影、漸變、添補、描邊或者內(nèi)陰影，所有的這些效果都可以由低級開發(fā)工程師用現(xiàn)成的代碼去實現(xiàn)。

零開發(fā)難度：

若是開發(fā)難度特別大的設計，可能需求10倍的開發(fā)人力來實現(xiàn)它，或者被困于PNG、GIF、JPG圖片的顯示效果不佳，而不能接納SVG這種加倍清晰的可伸縮矢量圖形。

MazePixel設計的免費Icon和元素

怎樣設計Neumorphism？

開始，你得是一位設計師，不是設計家具或者服裝的那種，而是互聯(lián)網(wǎng)設計師。所以，固然它有一定限制，但是又不單單限于：產(chǎn)品設計師、UI設計師和平面設計師。
一旦角色確定了，辣么平時常用的設計軟件都可以做到。

每種對象和它們本身的范圍性：

我將嘗試從UI/UX和產(chǎn)品設計的角度來說明這些對象之間的優(yōu)缺點：

1、Adobe XD：最初是為UI/UX設計師所設計的，它一個很輕量級的設計對象，目的是合營第三方的插件以及其余的Adobe軟件結(jié)合使用，因為獨自使用的時候，它本身的功效相對范圍。優(yōu)勢在于：組件狀況、背景和模糊等功效很實用；短處在于：沒有多重投影、漸變描邊等功效。

2、Figma：第一個通過網(wǎng)頁，實現(xiàn)大規(guī)模多人協(xié)作的設計對象。它也提供大量的第三方插件，與其余傳統(tǒng)的設計軟件結(jié)合的不是很流利，但是也得到了許多設計師的喜好。優(yōu)勢在于：效果疊加、背景和對象模糊等，它強大的Web兼職流；短處就在于若網(wǎng)絡狀況不好的時候即是一個災禍。

3、Sketch它目前是設計界的網(wǎng)紅，擁有Figma的一切功效，但是擁有更多更完善的第三方的插件，以及更寬泛的服務，它也即將推出多人協(xié)作功效。優(yōu)勢在于：混合模式、矢量圖形等；短處在于：無意潰散、卡頓和僅限于蘋果設備使用。

4、Adobe Photoshop仍舊使用PS做UI的設計師被稱為老古董，但是我不贊許這種說法，因為他們并不完全打聽情況。是的，我們必須承認PS有點過時了，它對于少許UI/UX兼職流來說太過笨重，但是我們不能忽視當它能完整執(zhí)行所有創(chuàng)意任務時的強大闡揚，這即是為何這只老槍退休后仍舊威力實足的原因。

優(yōu)勢在于：圖像編輯、圖層樣式（例如內(nèi)陰影等）和與矢量軟件AI的無縫銜接等；短處在此先不討論。

5、其余軟件Invision Studio（用于原型設計）、Affinity Designer等，與上述四種都屬于同類產(chǎn)品。

6、不建議使用除非你打算使用漸變、顏色來實現(xiàn)少許諸如鏈接、組件等的簡單設計任務，或者是你單純想要浪費甲方爸爸的時間，否則盡量不要使用AI去做UI設計。

GanKin的桌面應用概念設計

一個簡單的基礎教程步驟1:新建畫布，若要上傳Dribbble，就設置尺寸為1800 * 1350px，因為它要求的比例是800:600。

本教程在Adobe XD中實現(xiàn)的，但是你也能夠在任何軟件中實現(xiàn)它。將畫板添補為淺藍色，色值為#D2DEEF。

步驟2:

選定左上角的矩形對象，繪制一個601*840px的矩形，這里我增加了倒角，重命名為“Surulere”。

將它添補為灰白色，色值可以是#EAF0F8。給他一個#FFFFFF純白色，1px寬的描邊。為它增加陰影，x為0，y為30，blur為60，確保陰影看上去不辣么黑，可以是#A7B3BE (或者 #000000的純黑色，然后設置35%的透明度)。

復制原圖層，而且將陰影中的y改成-30，將顏色改成#F8FCFF，而且透明度設置為50%。

在Figma或者Sketch中，只需求將另一個陰影效果增加在同一個圖層上即可，不需求分外復制圖層。

步驟3:再次選定矩形對象，增加一個430*94px的矩形，將它垂直水平居中對齊，重命名為“Ajah”。

將它添補為同樣的灰白色，而且增加1px的白色描邊。為它增加陰影，x為0，y為12，blur為16，陰影柔和少許，色值可以是#EAF0F8 (或者 #000000的純黑色，然后設置30%的透明度)。

復制原圖層，而且將陰影中的y改成-12，將顏色改成#FFFFFF，純白色。

步驟4:選定Text對象增加文字："這種流行趨向的按鈕"(或者隨便你喜歡的內(nèi)容)。我會選定Calibre字體中的32pt medium字重，然后添補為#66727C的淺灰色。

可以像我這樣排版。

步驟5:隨便選定一個圖標，將它添補為與文字同樣的顏色，我選定了一個看起來像家又像教堂同樣的icon。

將圖標放在文字的左邊，調(diào)整一下他們之間的間距，確保有足夠的留白空間。在他們之間增加一條1px白色的分割線。

步驟6:將它復制兩遍，然后為圖標添補不同的顏色，在網(wǎng)上搜索少許設計參考，繼續(xù)探索加倍豐富多樣的設計。

即是這樣了。

我現(xiàn)在知道它了，之后應該怎么使用呢？

知道怎樣使用、何時使用這種超能力比它本身加倍重要。
它可以用于UI/UX或者網(wǎng)站的設計過程中，但是請不要在印刷產(chǎn)品中使用它。若這種設計風格要沖破它現(xiàn)在的狀況，辣么必須得對它進行改進和調(diào)整，才可以被應用于屏幕以外的世界。
設計師可以解放的探索Neumorphism更多的可能性，就像他們目前正在做的那樣，讓它變得更有創(chuàng)造力，更美好。