2017-7-27 資深UI設計者
簡約并不意味著原始,這是兩個截然不同的概念。而極簡主義設計種大量的留白也并不等同于空。
在 Joshua Becker 的《The More of Less》書中是這樣說的:
你并不需要更多的空間,你所需要的是更少的東西。
如今,我們常常在工作和生活種不同的語境下探討極簡主義,而設計和它走的最近。對于極簡主義,我們應該熟知它的優缺點和關鍵知識點。
實際上極簡主義這個詞在人類活動的各個領域中都被地使用著,Merriam-Webster 詞典種對于它的解釋是“在音樂、文學和設計領域中以極其平衡簡潔而著稱的一種風格或技術”。極簡主義正在被越來越多的領域所接納,其核心的特征是簡約而富有意義。
作為一種視覺設計的新方向,極簡主義在20世紀60年代的紐約很受歡迎,當時的新老藝術家正在探索將抽象幾何元素融入繪畫和雕塑藝術。相應的,極簡主義在當時的諸如包豪斯運動、建構主義運動中,留下了濃墨重彩的一筆。在涉及視覺藝術的不同領域,極簡主義的核心原則基本都是優雅地保留關鍵性的、引起觀者注意力的部分。線條、形狀、色彩、留白、構圖等一切元素都被有效地組織起來。今天我們在生活的各個領域都可以看得到極簡主義的影子:建筑、藝術、攝影、文學、音樂、UI設計,甚至食物。
設計師應該追求簡約而不空洞,時尚而不過度修飾的極簡設計,善于使用負空間,大膽的色彩和字體的組合,將優雅融入功能多樣的細節。但是,極簡的設計和粗陋原始的設計,兩者之間往往只有一線之隔,這也為何許多設計師并不像承擔這種風險:有的設計師覺得這種風格過于高冷,而更多的設計師則沒有搞清楚怎樣通過更少的元素來正確搞定極簡設計。
Architecture Blog
設計師經常會提及的極簡主義設計,通常包含下面的特征:
當然,這個列表還能更長一些。極簡的UI設計突出核心的元素,讓用戶行為更為直觀也更具有目的性,此外,簡約的界面看起來不那么復雜,也足夠簡潔,令人滿意的審美趨勢也讓極簡的UI設計擁有良好的用戶體驗。
Dance Academy 的著陸頁
如今極簡主義設計已經成為網頁和UI設計中的主流設計趨勢,而極簡主義設計的主要特征,可以通過下面的這些最佳實踐來體現。
扁平化設計這一趨勢和極簡主義是相輔相成的存在,兩者在技術細節和精神上都保持著高度的一致性。眾所周知,扁平化設計移除了擬物化設計中廣泛存在的高光、陰影、漸變和紋理,而扁平化設計2.0中也只是有限度地加入了一點陰影,微妙的漸變。扁平化設計讓不同屏幕、不同分辨率下,按鈕、圖標和插畫顯得更加統一。界面的可用性和視覺的協調性在這種設計風格下更容易實現。
不過扁平化和極簡主義仍然是兩個完全不同的概念,兩者并非可互相替代存在。扁平化更多的是一種技術手法和風格上的存在,而極簡主義有著更廣泛的意義,它包含了布局、組成、配色、對比度甚至整體設計精神的一套策略,因此,扁平化設計更多的應該算是創造極簡主義設計的一種技術和設計技巧。
2017年的扁平化設計:《一直進化的扁平化設計,在2017年這么玩兒》
Cafe Coupon App
色彩是構建用戶和產品情感聯系的重要紐帶,而設計師在進行極簡主義設計的時候,通常會采用單色,或者色彩數量較少的配色方案,這樣能讓所選的色彩更具有凝聚力,讓色彩的力量最大化。這樣的設計讓用戶不會被輕易分散注意力,這樣一來,用戶會更加容易被引導到特定的區域,關注特定的內容,從而觸發交互(比如購買,訂閱,捐贈,開始使用等),這樣的界面是有效且的。此外,從心理學角度上來看,特定的色彩關聯特定的情緒,而有凝聚力的配色則可以放大情緒。
Slopes Website
簡約的UI設計中,排版設計被視為最為核心的元素之一,它不僅可以為用戶呈現內容,而且可以創造風格,強化視覺效果。相比于挑選圖片,設計師更在意整體排版布局的選擇,并且精心選擇元素搭配和尺寸的控制。除了色彩之外,字體也是設計師最為在意的元素,因為字體也是塑造體驗,傳遞情緒的重要元素??勺x性和易讀性是整個排版布局的基本要求,而設計師并不想讓不合理的字體選擇毀掉這一基礎。
排版技巧并不難:《從這些基本的字體排版規則入手,搞定網頁排版這件事》
Upper App
極簡主義設計的強大之處在于,讓用戶更加集中注意力,專注于功能和目標。通常,極簡風的UI設計中,少有裝飾元素,也不會讓陰影、紋理甚至多余的交互和色彩來分散用戶的注意力,他們需要用戶集中注意力,執行關鍵性的任務,而整個網站或者APP的導航也是圍繞著幫用戶解決問題而存在。
Birds of Paradise Encyclopedia
在極簡風的UI當中,設計師不會使用過多的圖片,而是選擇表現力較強,整體視覺突出的單一圖片,以引人入勝的姿態讓用戶關注到它們。 這樣的設計讓用戶直接注意到對的圖片,而不再需要在大量的信息中來做篩選,并且單一的圖片所傳達的信息和情緒也不會被干擾。圖片或者插畫將會遵循極簡主義的設計風格,否則將會破壞整體風格的一致性。
Architecture Firm
極簡主義為導航設計提出了苛刻的要求:設計師必須遵循極簡的原則來顯示最重要的內容,隱藏非關鍵的導航內容,但是這么做還必須確保用戶能夠輕松找到所有他們想要的信息,無論關鍵與否。而這種內在的沖突讓極簡主義設計為人所詬?。喝绻麤]有經過足夠的調研和測試,漢堡菜單這類用來隱藏導航和信息的解決方案,可能會讓用戶無法正確、快速地找到他們想要的內容,甚至在網站中迷失,這不是積極而有效的用戶體驗設計。
導航設計技巧:《還有這種操作?這10個導航欄設計技巧別錯過了》
留白,或者說負空間,是極簡主義設計中不可分割的一項重要組成部分,它并不一定得是白色,和顏色無關。在極簡主義設計當中,負空間是增強核心元素的被關注度的有效途徑,讓整個設計更加優雅。如果你的設計采用的是單色,或者雙色的配色方案,那么負空間在創造對比度和清晰度方面,起著無可替代的作用。
對抗留白恐懼癥:《告別被支配的恐懼!教你治療客戶的留白恐懼癥》
Ice Website
對于極簡風的網頁設計,柵格系統在組織內容和布局上,作用非常的明顯,尤其當你的網頁中包含了大量同質化內容的時候。此外,柵格系統還能很好地幫你搞定響應式設計。
柵格系統的正確玩法:《高手的平面課堂!網格系統的入門基礎知識+案例演示》
The Big Landscape
按照極簡主義設計的理念,良好的對比度對于整個視覺設計的作用是特別明顯的,而對比主要涉及到的是色彩的對比,形狀的對比,以及位置的對比,這些都是關鍵性的對比元素。
關于對比,這篇文章值得參考:《實例教學!利用「對比原則」做出搶眼設計的20個方法》
Bjorn Website
極簡主義設計的優勢很多,在創建網頁和UI界面上有許多效果突出的手法,但是它并非是萬能的,換句話來說,它的適用場景其實是有限制的,并非任何場景下都能實用。但是有一件事是肯定的,界面越簡約,設計目標和針對性就越明顯,而設計師要投入的時間和精力……也越多。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務