2022-9-16 ui設計分享達人
潮流是個輪回,不光我們看的衣服、化妝品、哪怕是那些短視頻,同樣的事情也發生在用戶界面(UI)設計中。從模仿現實世界物體的界面到沒有任何修飾的極簡界面,不同的風格優缺點各異。只有學習并了解了歷史上曾流行的趨勢,你才能進行新的嘗試。這對于創新、推動設計行業的發展和提升你自己的設計能力都是至關重要的。下面本文將介紹十大UI設計趨勢,對每位設計師來說都值得一看。
擬態主義是用來設計最早的圖形用戶界面的視覺方法。在擬態主義中,設計元素模仿現實世界中的對應物來連接物理世界和數字世界。最著名的例子是回收站的圖標,它模仿了現實生活中的回收站。
當個人電腦或智能手機首次出現時,設計師需要將它們設計成第一次使用的人也能理解的樣子。因此,擬態主義設計將與現實世界的相似性置于視覺吸引力之上,以確保直觀的用戶體驗。
蘋果公司的iOS操作系統便在早期版本中于用戶界面上大量使用了擬態設計。
早期蘋果app和軟件的視覺界面模仿現實生活中的物體,就算是首次使用的用戶也能一眼就看明白
2010年初之前,擬態設計是行業標準。這種設計美學大大方便了人們過渡到數字平臺。但隨著越來越多的人成為數字原住民,缺乏想象的設計元素對用戶體驗而言變得不再那么重要。此外,因為高度擬真,所以擬態主義設計元素需要大量的技術能力。人們數字素養的提升為新的UI設計風格興起鋪平了道路。
受極簡主義藝術運動的影響,UI設計領域也開始刮起極簡的風潮。極簡主義的主要原則是 “少即是多”。極簡主義并不是空洞和模糊的設計。它推崇的是 “少即時多”–正如美國作家Joshua Becker的書名所言–意味著要簡化視覺空間,換句話說,使用更少的元素,以便能夠突顯最重要的東西。
極簡主義界面優雅簡潔,注重每個元素的功能,重視負空間和大膽的顏色、字體之間的組合??偟膩碚f,極簡主義的用戶界面可以非常實用,因為沒有任何裝飾性元素。因此–如果設計得好的話–用戶會有一個高度直觀的設計之旅。極簡主義界面往往擁有一種優雅而精致的視覺吸引力。
作家Alan Trotter的網站采用了極簡UI設計,用戶需點擊突出顯示的單詞來查看隱藏內容
極簡主義于20世紀50年代末在紐約興起,其主要特征是秩序、簡單和和諧。極簡主義的 “少即是多 “原則后來被德國工業設計師迪特爾-拉姆斯改編為 “少而精 “,列為他的“好設計原則”之一。也有人解釋這一原則為:”好的設計是盡可能少的設計”。
“一個形狀、一個體積、一種顏色、一個表面,它們是獨立存在的,不應該淪為整體的一部分。形狀和材料不應該被它們所處的環境所改變?!?– 唐納德-賈德,美國藝術家
除了極簡主義本身,許多其他的UI設計趨勢–包括扁平化設計–都或多或少地遵循了極簡主義的原則。
扁平化設計是一種以簡約為中心的UI設計美學,它將界面設計的范式從現實中的物體轉移到元素的圖解簡化。這種UI趨勢代表了一種實質性的技術優勢,尤其是在移動設備上,因為它提升了設備的加載速度。扁平化設計使用極簡的方式處理UI元素,不添加任何陰影或裝飾物。在個性和視覺吸引力上,扁平化設計很大程度依賴于明亮的色彩和高超的字體排版技術。例如,設計師會尋找本身便足夠有趣的字體,但它們的筆畫要均勻,并且符合極簡美學的風格。
扁平化設計在2012年隨著Windows 8、蘋果的iOS 7和谷歌的Material Design的發布而獲得關注。然而,在某種程度上,扁平化設計缺乏視覺功能可見性,用戶有可能不知道哪些元素可以互動。
iOS 7控制中心采取扁平化設計
2.0版本的扁平化設計誕生后,其視覺功能可見性和使用性得到提升。扁平化設計開始利用微妙的陰影或顏色變化來突出互動元素,向用戶表明如何與設計進行互動。這些微妙的變化有助于增加深度和維度,從而提高使用性,扁平化設計的視覺效果干凈整潔不雜亂。
包豪斯界面設計風格圍繞幾何圖形如半圓形、圓形、矩形、三角形等展開,采用各種創新字體和非干擾、非功能性的細節。這種設計風格依賴于設計元素本身:線條、形狀、顏色。包豪斯主義的特點為抽象的形狀和平衡的形式。
1919年,德國魏瑪開始了包豪斯藝術和設計運動,從而衍伸出了包豪斯用戶界面設計風格。包豪斯藝術和設計運動通過將手工業與藝術相結合,在藝術與工業之間架起了一座橋梁。包豪斯運動的基本原則是 “形式服從功能”。這一原則深刻地影響了后世的設計。根據這一原則,從物體的預期功能或目的出發,設計師設計出簡單的幾何圖形,從而制造出一種極簡主義美學。它倡導的是一種幾何的、抽象的風格,沒有什么情感或情緒,也沒有什么歷史元素。
包豪斯風格下的數字界面有一種優雅、現代和簡潔的視覺吸引力。
“將包豪斯原則運用到現代產品設計中,意味著要勇于面對紛雜的質疑。”- Melanie Daveid,用戶體驗設計師和藝術總監,以及Adobe Live主持人
深色模式的用戶界面令淺色文本位于深色背景上。這種顏色方案減少了設備屏幕發出的亮度,一些研究指出,它有助于通過減少眼睛的疲勞來改善人體視覺。這種能潛在改善眼睛疲勞的功能對于用戶需要閱讀大量內容的界面特別有幫助。而且深色模式在一定程度上有助于節約電量。深色主題界面的誕生是對暗字明底方案的反擊,后者模擬了墨字白紙的外觀。
深色模式趨勢出現在2016年,當時Twitter試驗了一個暗色底的顏色方案。不過,在深色背景上使用亮色文本的操作其實早已出現–比如說《黑客帝國》電影中深色屏幕上的綠色數字。但深色模式真正流行開來是得益于蘋果。蘋果公司在iOS 13的更新中發布了深色模式選項,從那以后,深色模式成為許多界面中的常見選項,用戶可以在淺色和深色界面之間進行選擇。
深色模式vs淺色模式
深色模式的用戶界面具有鮮明、時尚和現代的特征,對眼睛更加溫和。因此,深色模式的流行可能緣于解決用戶用眼過度問題的需要。如果你的產品需要用戶長時間觀看屏幕,不妨考慮添加一個深色模式選項。
就拿深色模式來說現在身邊很多朋友都在用,所以我們以前不喜歡的,在未來的某一天還是會重新愛上的。
作者:馬克筆設計留學
轉載請注明:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。