Neumorphism會是2020年的設計趨勢嗎?
如果Neumorphism不是2020年的設計趨勢,那么哪一個才是呢?
好吧,我承認一起為這個新的設計趨勢起名字很有意思,但是我從來沒想過它會發展的這么快迅速。
很多的博客和推文已經將它定義為2020年的主流設計趨勢,在它將產品徹底毀掉之前,讓我來打破這個美好的幻想泡沫吧。
打著Neumorphism標簽的作品不斷出現,但是打眼一看,大多數的作品其實都大同小異…
Neumorphism現在還不足適應真實的,可以編譯開發的產品。
當然你可以將它應用于暗黑模式,也可以選擇不同灰度的淺色背景,下面給出六種不同的色調,但是它們看上去還是太類似了。
不要用它來設計按鈕!
目前這種風格被濫用于按鈕和卡片的設計中,它們大多違反了我之前在這篇文章中提到的設計原則。我知道它看起來是一種非常美觀的狀態,但是對于很多用戶來說它的狀態變化太微妙了,不足以被正確的感知到。
在一些人群中,這里我指的并不僅僅是有視力障礙的人,還包括那些使用屏幕顯示質量較低設備的用戶。
按鈕可能是雙重陰影最差的應用場景,尤其是它的按下狀態,很多人可能根本察覺不到兩種狀態之間的差異,對他們來說左邊跟右邊的顯示效果沒什么區別。
將Neumorphism風格的按鈕與Skeuomorphic風格的按鈕和扁平風格的按鈕進行對比,或者不論哪種風格,只要有足夠的對比度都可以很好的證明這一效果。這些形狀并不能像實際的按鈕那樣執行功能,并且在行為召喚(CTA)方面的表現同樣糟糕。
你會選擇點擊哪一個?
如果把它們用于卡片上會是怎樣?
卡片和滑動條可能是這一設計風格最好的應用場景,但是它的前提是卡片的層級結構是正確的。圖片、icon和字體間的等級需要劃分清晰,并且間距需要明確定義。最好的測試方法就是將Neumorphism風格的背景先隱藏,如果它仍舊顯示良好(特別是和其他卡片一起出現的時候),那這種情況就是可以接受的!
為了讓它正常顯示,我們需要保證的就是在移除背景的情況下,它內部的組件仍可以保持一個清晰的分組。?? ?? ??
簡而言之就是,當剔除Neumorphism風格時它仍舊是一個顯示良好的UI界面,我覺得這是一個非常好的觀點,特別是當Dieter Rams提出,把這些不必要的設計元素都拿走時。?
你可以在這里下載到Neumorphism風格的Sketch、Figma源文件:www.Neumorphism.com
但是這確實很新穎!
還記得2019年度潘通色珊瑚橙嗎?讓我來幫你回憶一下這鵝妹子嚶的19年流行趨勢,它在剛開始的一月份時還算是設計界網紅。
但是有一些現象表明,到了19年二月份的時候珊瑚橙就已經過氣了。
我認為差不多也是這個時間軸,等到我們玩膩了Neumorphism的所有可能之后,就會覺得還是之前已經運行良好的設計模式香。
2020年的潮流風向標?
當然,這也并不意味著Neumorphism就徹底玩完了。只是說,僅僅靠這一技巧不足以打造一款成功的產品。最初一些使用這種風格的產品可能會嘗到甜頭,但是它的開發成本肯定要比現有的Material Design高得多。
然而,在設計中將這種新的風格稍加融合肯定會是今年及以后的一個發展趨勢。
想要打造一款既美觀又實用的產品不意味著抓住一種風格隨意濫用,即使是現在比較流行的彌散陰影也只適用于一些按鈕和圖標上,想象一下將它用于頁面中的所有元素,那得有多辣眼睛!
深色模式
不論我們喜歡與否,深色模式都會成為主流,但是它未必只能是我們隨處可見的高飽和深藍色。
自從OLED屏幕問世以來,很明顯的是,純黑色的頁面耗電量比較低(如果真的存在純黑色的話),所以如果我們使用深色模式的目的是節省電量的話,那我們可以考慮把一些小的元素組件設計成純黑色的,而不是深灰色。
緩解眼部疲勞也是使用深色模式的一個理由,如果是這種情況,那么柔和的深色模式肯定看起來更舒服。
越來越多的App會為他們的UI界面同時配套淺色模式和深色模式。
插畫和3D
我們需要更多的插畫形式,目前這種比較流行的風格,有著夸張的身材比例和松散隨意的線條形狀,這種插畫到處都是,很快人們就會對它感到厭倦了。
它們雖然看起來很棒,但是看不出什么太大的差別。
使用插畫是一個比較能夠吸引眼球的方式,但是我們需要更多的風格,來避免太過同質化。
另一方面,現在制作3D模型的難度降低了,但是想要做的出彩也是需要付出更多努力的。這意味著我們需要花費很多時間去進行3D渲染,那樣它的顯示效果會更加精細,品牌效益更高。
Pitch.com網站的品牌形象是一個很好的案例
動畫
場景過渡和搭建會在今年得到進一步的提升,其中令人驚喜的一個方面就是它的新JS庫,通過它可以輕易的進行一些2D和3D的過渡。
????是的,現在你可以輕松地寫一些很酷的代碼出來,但是不要過度使用它哦!
我們要做的事就是把平面的設計進行立體旋轉,這有點類似FEZ那個游戲;)
等軸插圖?(2.5D/偽3D)
在2019年搭建我們的加密貨幣分析平臺的時候,我花了一些時間進行了2000多個同類型網站的競品分析(新年的時候我會關于分析結果寫一個長篇總結),其實就是我訪問了2000多個網站,然后根據它們的設計質量、原創性和一致性給出相應評價。
這幅插畫很漂亮(如果你是原作者的話請聯系我,我會在這里注明),但是到處都是類似風格的作品也挺無聊的。
讓我印象比較深刻的是,這些網站中1/4都使用了這種風格的等軸插圖,所有的這些都是以看似不同但是類似風格呈現的,以至于我不得不懷疑他們是不是出自同一個免費的素材庫。
這種設計風格實現起來很簡單,但是如果你只是想在你的設計中復制這種流行趨勢,請不要這樣做。這是今年被濫用最多的設計趨勢(僅次于彌散陰影)。
超極簡主義讓你更加專注?
這種趨勢才剛剛興起,所以它目前仍舊只活躍于小眾市場,我加入到了數碼排毒行列,并且嘗試使用極簡的電子產品,我周圍的一些人也在這樣做。
這兩樣產品我都有,目前使用的是Light Phone 2,它真的讓人眼前一亮。
像Mudita Pure或Light Phone 2這樣的電子設備為我們提供最簡單的、黑白色的用戶界面。如果我們使用app只是為了某一特定功能,那么一個極簡的界面某種意義上說是有必要的,但是這種設計風格并不適用于所有的用戶界面(想像一下一個只有文字的Instagram界面?)
語音交互
在我今年參加的一個交流會(并在其中演講)上,我聽到了這樣的言論:
不要再學習UI設計了,在不久的將來,我們主要是通過語音來與我們的設備之間進行交互。
盡管目前看起來有些未來主義,但是在某些場景中(駕駛或者體育鍛煉)看起來還是有現實意義的,但是我認為目前的語音交互存在有兩個主要的問題:
- 隱私問題和”令人驚悚”的AI引起了人們極大的關注。不久之前Alexa建議它的用戶自殺,并聲稱這是阻止全球變暖和拯救地球的最佳方法。盡管從邏輯上講得通,但是它就是一個標題黨,令許多人撓頭的是,我真的不喜歡那些聰明的演講者,過度解讀我的每個字,并且秘密的布下天羅地網。
- 在很多情況下,對著手機說話(尤其是在公眾場合)真的很奇怪,相比之下,快速的點擊屏幕則更加私密并且方便,所以在我們可以用腦電波操控設備發信息之前,語音交互都不會占據主導地位。
那么新的設計趨勢到底是什么呢?
這里唯一正確的答案可能就是:我也不知道。也許我錯了,我們可能會在手機界面上、玻璃屏幕上擠出一塊塊突起,或者把元素設計的更加真實。
把所有的這些流行趨勢全部整合到一起,看看會發生什么奇妙的化學反應;-)
但是可能會發生的是,今年沒有一個流行趨勢占據絕對的主導。
可以肯定的是,最好的設計來自于正確的排列組合和良好的字體排版,因為即使你可以在卡片上投射不同類型的陰影,但是如果這一效果令上面的文字看起來錯位或者怪異,那么硬擠出一塊凸起并不是一個理想的做法。
在2020年記住這個法則:良好的可讀性就是美觀!
原作者:Michal Malewicz
原文鏈接:https://uxdesign.cc/neumorphism-will-not-be-a-huge-trend-in-2020-67a8c35e52cc
編譯:視覺派Pie
本文由 @視覺派Pie? 翻譯發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
說了半天跟沒說一樣啊。。。 ??