完美動力首頁 > 技術分享 >
【干貨】了解2020最火的UI界面新設計風格!
日前,在網上流行起了一種叫 Neumorphism 的新風格,也有人稱為 Soft UI,這是一種類似于浮雕的效果。這種風格的出現,給目前流行的扁平化設計增加了一種新的設計形式,很多媒體甚至還將這個風格列為2020 的設計趨勢,三星 Galaxy 系列的發布會宣傳海報也使用了這種風格,可見這個風格的火熱程度。那么一開始我們不討論這個風格好還是不好,先來了解一下這個新風格趨勢。
最開始是一位來自烏克蘭的設計師 Alexander Plyuto 在各平臺發布了新的作品「Skeuomorph Mobile Banking」。這個作品自發布以來就獲得了數十萬瀏覽量,數千點贊數,熱度持續飆升并登上 Popular 榜首。
作者是用 Skeuomorph 來命名這個作品風格,評論區就開始了這種風格的討論,有的人說這是新的擬物風格(New Skeuomorphism),也有人說這是擬物風格 2.0 版本(Skeuomorph 2.0),而后來就有設計師創出一個新的虛構名詞,把 New Skeuomorphism 兩個詞組合,Neo 諧音 New 就是 Neuomorphism。
這個名字就這么火了。大家都開始用上了這個名詞出作品,成為了設計新趨勢。甚至連作者后面的作品,也使用了這個名稱?;叵氘敃r火爆全球的擬物化風格的設計,隨著在 2013 年的 WWDC 大會中,蘋果公司發布的 IOS7 系統,系統 UI 使用更簡潔的設計風格。這場大會也使擬物風格逐漸過時,直到現在扁平風格的全面普及,擬物風格就再沒有被廣泛應用。
新擬態設計是否能成為主要設計趨勢?
新擬態設計(Neumorphism UI)是 2020 年 UI 設計的主要趨勢之一,你可以在 Dribbble 上看到很多作品,新擬態是基于New+Skeuomorphism 英文單詞的拼寫。它是一種使用對象陰影的模糊、角度和強度來突顯出對象的樣式。由于其柔和的陰影和整體的外觀,使該設計看起來更加的逼真、未來、現代、真實、有吸引力。但是老實說,這不是最實用的設計。
新擬態對視力低下、失明、色盲的用戶來說,可辨識性較差。當設計中帶有重要CTA 按鈕時,你經??紤]并注意使它重點突出,并且在頁面上容易被識別閱讀。但是,當使用新擬態的設計風格時,沒有諸如對比度之類的東西,因為按鈕的材質與背景是相同的,唯一將它們分開的是角度和各種柔和的陰影。
一般來說,帶有陰影的元素通常比沒有陰影的視覺上更加突出。但是,使用新擬態設計時,大多數元素都會漂浮并脫穎而出,在一個屏幕上互相競爭,用戶很難輕易理解頁面中的視覺層次和信息層級關系,這會導致界面缺少適當的焦點,從而在眼動追蹤中造成混亂。
界面上缺少信息層級關系的結果,會對用戶的決策過程以及他們的思考過程產生重大的影響。因此,如存在多個可操作的內容,但是信息層級,重點不突出,這會讓用戶在當前的流程或頁面上產生困惑,很難理解正在發生的事情。從而可能導致錯誤的判斷和誤操作,好的 UI/UX 不需要讓用戶思考。
認知和學習障礙影響人們處理信息的方式。例如,它們可以影響人們的感知、記憶、語言、注意力、解決問題和理解力。類別和條件的術語各不相同,包括智力殘疾、發育障礙、注意缺陷多動障礙(ADHD)、自閉癥、癡呆癥、誦讀障礙等。
對象的階段由內部/外部陰影決定和標識。由于新擬態圍繞著各種陰影色調和角度變化,因此用戶不禁要問,可點擊與不可點擊之間的界限在哪里。我可以點擊嗎?選擇了什么?不是什么?這是可點擊的嗎?還是不是?
這個風格的出現也確實給大家帶來了一個新的思考,這個風格會持續嗎?可用嗎?也許扁平風格的多年流行后,設計潮流開始往回走,但并不是直接回到擬物風格,而是在效率和視覺效果中找一個平衡點。
不論這個風格的對錯,起碼引起了設計師的注意,也激發了很多設計師的靈感,就像當年擬物風格和扁平風格的討論一樣,不分對錯,設計師也不妨多留意一下這個風格,試著做一下效果圖,或許會有新的發現。
少妇太爽了在线观看_天天影视色香欲综合网_无码日本有码中文字幕