| 圖片源自Dribble @Vadim Marchenko相信設計圈的很多小伙伴都發(fā)現(xiàn)了，最近流行一波新的設計風格——新擬態(tài)。今天就和大家分享一下國內外設計師對這種風格的看法以及探討如何在PPT中實現(xiàn)這種效果。
1 | 新擬態(tài)是什么？
1.1 | 扁平、投影和新擬態(tài)的區(qū)別2 | 如何在PPT中實現(xiàn)新擬態(tài)效果？
「新擬態(tài)」英文名Neumorphism，也有設計師稱為 Soft Ui（軟UI）。簡單來說就是一種類似浮雕的效果，介于扁平與投影之間。1.1 | 扁平、投影和新擬態(tài)的區(qū)別
元素與背景是同為一個平面，視覺層級沒有特別強烈的前后關系，對背景依賴不大。如果本身背景與畫面整體背景有區(qū)分，色彩就劃分了層級。 扁平風格作為更高效更簡潔的風格被設計師推崇。在PPT中，「扁平化」也是使用最多的風格。
帶投影的給我們的感知就是漂浮起來的，單獨看它，它漂浮在背景之上。與扁平并列看，它高于扁平，通常大家為了突出某些內容或某個模塊會去使用這種樣式。投影的使用對背景的依賴幾乎可以忽略，因為投影除了形狀可以調整，包括色彩、大小等都可以調整，且它是無邊界的漂浮著，即你可以隨意定義它的高度。
| 圖片源自Dribble @Alexander Plyuto從側面看，同樣也是漂浮的，但是它有厚度卻又沒有離開平面，它的范圍相對于投影的無邊界，似乎還有一些模糊的界定。對背景有一定依賴，需要幾乎相同的色值實現(xiàn)。
| 圖片源自Dribble @Ashish Kumar| 圖片源自Dribble @Anna Raptunovich
通過觀察，不難發(fā)現(xiàn)這種風格的一些基本特點：
| 圖片源自UI Kits @Harpen Design in這個風格最大的問題就是缺少對比度，導致可見性較差。在色彩使用上比較克制，沒有大面積的平鋪顏色，僅在極少的位置色彩點綴，作用是吸引眼球。從眾多作品中可以看出，整體視覺是比較平的，缺少層次。| 圖片源自Dribble @Igor Erema
2 | 如何在PPT中實現(xiàn)新擬態(tài)效果？
初步分析，主要由1個背景圖形和2個投影圖形組成。具體制作步驟如下所示：
? 復制兩個圖形，高光圖形使用明色，陰影圖形使用暗色? 將高光和陰影圖形轉為圖片，然后添加「柔化邊緣」效果注：復制圖形，粘貼為圖片。
? 調整高光和陰影圖片大小、位置以及「柔化邊緣」參數(shù)不知你有沒有注意到，在本次三星Galaxy S20發(fā)布會的宣傳片中就用到了新擬態(tài)風格。| 圖片源自好看視頻 @三星Galaxy S20發(fā)布會
為了更接近原圖效果，我又發(fā)現(xiàn)了一個神器，可以用CSS代碼實現(xiàn)新擬態(tài)風格。來看一下用神器實現(xiàn)的效果如何：神器鏈接：https://neumorphism.io/#c8d0dc （PC端打開）| 圖片源自https://neumorphism.io/ 在PPT中實現(xiàn)新擬態(tài)風格雖然比較簡單，但如果要調整起來非常麻煩，但在CSS中實現(xiàn)起來就相對簡單多了。在UI設計中，圖標分為“默認”和“點擊”狀態(tài)。在PPT中，我們通常會用「對比」的方式突出重點，比如改變圖形底色、文字顏色、邊框顏色等等。如果使用新擬態(tài)風格會是什么效果呢？2.1 | 發(fā)現(xiàn)一：不要使用純白色背景
如果背景為 #ffffff 純白色，則效果和在PPT添加陰影差不多。所以如果要制作新擬態(tài)風格PPT，為了最終效果，建議不要使用純白色。2.2 | 發(fā)現(xiàn)二：新擬態(tài)鏤空LOGO墻
初步分析上圖動效，主要用了「棋盤」切換效果，而且每一個LOGO的區(qū)域大小與每一小格棋盤區(qū)域相匹配。具體制作步驟如下所示：
在https://neumorphism.io/#e9f3fc中制作，做好截圖，放到PPT中調整圖片大小，尺寸為4.83*3.82cm（一個方格大?。?。LOGO為PNG圖片，具體參數(shù)如下所示：1）選中新擬態(tài)風格圓角矩形和LOGO，復制
新擬態(tài)風格的出現(xiàn)給了設計師新驚喜，但這種風格實用性強嗎？能否一直流行？都是一個問題。對于PPT設計來說，要做成這種風格對色彩和細節(jié)的把握要求較高，需要借助第三方設計軟件實現(xiàn)。
本站僅提供存儲服務，所有內容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權內容，請
點擊舉報。
