如何掌握新擬物化設計的特點?自從2011年Windows開始扁平化,到2013年iOS7開始扁平化,扁平化設計突然成為設計潮流,而擬物化風格似乎逐漸在設計舞台中消失。但最近擬物化風格又回歸到我們的眼前,甚至升級為新擬物化,成為當前APP設計中關注度最高,爭議性最大的流行趨勢。
什麼是新擬物化設計?
新擬物化設計的前世
前幾年,Apple的設計團隊將擬物化設計(Skeuomorphism)廣泛地應用於各種產品中,並表明他們在擬物化設計的領域上擁有絕對的主導地位,也因此過去我們常常將「擬物化設計與過去Apple Style劃上等號」。
直到Apple發佈iOS7系統,宣佈放棄擬物化設計,並將設計風格轉向扁平風。其他設計行業亦紛紛跟風轉型,擬物化設計正式逐步走出設計舞台。到了2019年,扁平風在整個設計行業中達到了頂峰。
擬物化設計的轉世
或許是人們看膩了扁平風的「單調乏味」,在2019年底擬物化設計回歸,並以新擬物化風格的身份出現在我們的視野當中。
Neumorphism(新擬物化風格)其實就是「New」 (新的)和 「Skeuomorphism」(擬物化風格)的「巧妙」結合。與擬物化風格不同,新擬物化設計能很好地適應不同的APP設計風格,尤其是極簡主義風格,同時也不失擬物化設計的特色。
當你打開Dribbble,並且搜索Neumorphism,很容易被這些精美的新擬物化風格設計作品刷屏,從專業設計師到業餘愛好者各類Neumorphism充斥着眼前,讓你真正感受新擬物化設計的獨特魅力。
如何掌握新擬物化設計的特點?
新擬物化設計利用柔和的陰影和整體的外觀,使該設計看起來更加的逼真、未來、現代、真實、有吸引力。
那麼新擬物化設計具備哪些特點呢?
配色:大多數情況下主色調為低飽和的淺色,並且僅適用顏色相近的漸變色突出某些特定部分。
形狀:多選用易於訪問的形狀創建重複性的用戶界面。
表現:有別於其他設計,新擬物化風格是非常柔和的,而且它不會過度模仿自然界的物體,而是一種新的表現形式,看起來像3D白模。
效果:採用HTML、CSS實現效果,沒有可以做得特別寫實。
零開發難度:由於新擬物化風格所有效果都可以用現成的代碼實現,所以開發難度並不是特別大。
雖然新擬物化設計是目前最火爆的APP設計流行趨勢之一,但它在APP設計應用時容易對用戶體驗造成斷層式影響,導致可訪問性降低,所以設計時需要特別注意,別盲目跟風。
如何設計新擬物化設計?
事實上有很多設計軟件都可以幫您做到新擬物化風格的作品,只是不同的設計軟件自身具有一定的局限性:
1.Adobe XD
Adobe XD是一款非常輕量的設計工具,主要配合第三方插件或其他Adobe軟件使用,單獨使用時功能的局限性較大。
優點:組件狀態、背景和模糊等功能非常實用。
缺點:沒有多重投影、漸變描邊等功能。
2.Figma
第一個能透過網頁實現多人協作的設計工具,能提供大量的第三方插件,但與其他傳統設計軟件的兼容性不是很好。
優勢:具有強大的Web工作流,效果疊加、背景和對象模糊等都非常實用。
缺點:網絡狀況不好時可能會影響工作效率。
3.Sketch
作為目前設計界的網紅,Sketch擁有Figma所有功能,也擁有更多更完善的第三方插件和服務。此外,Sketch還即將提供多人協作功能。
優點:混合模式、矢量圖形等非常實用。
缺點:只適用於Apple設備,會出現偶爾奔潰、卡機等情況。
4.Adobe Photoshop
雖然PS對某些UI/UX工作流而言有點笨重,但它具有完整執行所有創意任務時的強大表現。
優點:功能強大,能與矢量軟件AI無縫銜接等。
缺點:由於是位圖軟件,所以用PS排文字版面並不適合;軟件較為笨重,有時會出現奔潰、卡機等情況。
其他軟件如Invision Studio(用於原型設計)、Affinity Designer等都可以製作新擬物化風格。不過除非你打算漸變來完成連結、組件等簡單設計任務,否則盡量不要使用AI做UI設計。
雖然新擬物化設計融合了擬物化設計和扁平風設計的特點,但它仍然有着不少的局限性。作為目前剛出道的設計風格,新擬物化設計仍存在很多可能性,等着我們去探索和發掘,將它變得更好,更有創造力。