什麼是UI設計中的極簡主義？

01-14

UI設計中的極簡主義該如何理解？

現在的移動端UI界面中極簡風的設計越來越多了。

極簡主義設計風之所以能夠如此的受歡迎，很大程度是源自於它對於設計、開發的友好，它不僅讓APP的載入速度更快，而且還讓APP對於不同屏幕的兼容性更加優異。與此同時，越來越多的用戶也開始青睞極簡風的設計，極簡風的UI界面不僅漂亮，而且在可用性上也非常的突出：它易於用戶沉浸其中，它易於瀏覽，並且具備強大的視覺表現力。

先簡單的了解一下什麼是極簡主義（Minimal Art）。

極簡主義現在被越來越多的領域所接納，其核心的特徵是簡約且富有意義。作為一種視覺設計的新方向，極簡主義在20世紀60年代的紐約很受歡迎，當時的新老藝術家都在探索如何將抽象幾何元素融入繪畫和雕塑藝術里去。所以，極簡主義在當時的諸如包豪斯運動、建構主義運動中，都留下了濃墨重彩的一筆。

極簡主義涉及視覺藝術的不同領域，極簡主義的核心原則基本都是優雅地保留關鍵性的、引起觀者注意力的部分。將線條、形狀、色彩、留白、構圖等一切元素有效地組織起來。今天我們在生活的各個領域都可以看得到極簡主義的影子：建築、藝術、攝影、文學、音樂、UI設計，甚至食物。

極簡風並不是簡單的做減法，這也是極簡設計最棘手的地方。想必設計師都明白「少即是多」這個概念，但是要怎麼在實際設計中踐行這種極簡設計的理念呢？

《喬布斯傳》里說，喬布斯是一個特別推崇極簡主義的人。他生前擁有的物品非常少，除了一年四季穿的黑色上衣，就只有一套昂貴的音響設備。

而且喬布斯也是個禪宗信徒，物品的削減，從一個側面反映了他心靈的乾淨。

沒有雜物，沒有雜念，於是便有了至美的境界。

所以iOS設計三大基本原則，第一就是清晰（clarity），清晰也是極簡主義里最核心的點。

極簡設計除了清晰還有很多其他的特徵：

簡單
高對比度的組件和比例
每個元素都有功能
視覺信息的表現力
大量的空間和留白
核心細節擁有高關注度
無功能的裝飾性元素被移除
……

在UI設計里如何做到極簡設計呢？

1，移除無功能的額外元素

在你的設計當中，每個元素都要有其存在的意義。

在極簡主義的設計當中，整個設計中每一個元素都應該是有目的、有針對性的存在，沒有多餘的、無用的元素。所以，極簡主義的設計應該只保留絕對必要的那些組件。

From：https://dribbble.com/manba

「減一分則少」，這個應該就是極簡主義設計的核心特徵之一。

在極簡風的設計中，謹慎的增減元素。

內容文字上也儘可能簡短直接地設計，將不必要的內容去掉。用最少的、最低限度的語言表達清楚，所有的文案都應該包含清晰的信息，減少讓人感到混亂的內容。

2，每屏幕只能有一個視覺焦點

很簡單的道理，屏幕上的內容越少，保留下來的內容就越容易被注意到，越有效。也越容易成為視覺焦點。極簡主義的設計哲學是「內容為王」，視覺設計要圍繞著內容來進行。這樣的設計，是為了讓信息更清晰，消除干擾，而且要讓用戶更容易關注到核心的內容。

因此信息層級區分的更加明確，會讓內容更容易理解。

3，簡約的配色方案

簡化配色方案能夠很好地幫你改善用戶體驗，太多的色彩可能會對一個極簡的設計產生負面的影響。但是，限制色彩的數量並不意味著你只能使用黑白色調，而不需要其他的色彩。極簡主義的配色講究的是使用必要的顏色來幫你構建整個視覺體系。

如單色配色。單色配色是極簡設計裡面最常用的一種配色方案。單色配色是指主色和輔色都在統一色相上，這種配色方法往往會給人頁面很一致化的感受。

twitter web端

twitter整體藍色設計帶來統一印象，顏色的深淺分別承載不同類型的內容信息，比如信息內容模塊，白色底代表用戶內容，淺藍色底代表回復內容，更深一點的藍色底代表可回復操作，顏色主導著信息層次，也保持了twitter的品牌形象。

當然除了單色方案，在UI設計中也有很多種優秀的配色方案，我就不一一舉例，想了解的移步：http://www.jianshu.com/p/9c449da28cf4

4，大膽的使用留白

留白（也叫負形）是指頁面內元素的空間。儘管有人認為留白是在浪費屏幕，但是留白在設計中是非常重要的。

充滿呼吸感的布局是極簡主義設計中常見的元素，也幾乎是必要的組成部分。留白指的是留出空間，它並不一定必須是白色。在極簡風的設計當中，留白的存在讓視覺焦點更為突出，此外，它還塑造出整個設計的空間感和區域，呈現整體框架和布局。

App Store

留白可以讓閱讀和瀏覽內容變得更加簡單，UI元素間的空間非常重要，有助於定義內容。優化內容的清晰度和可讀性。

較多的留白會讓用戶主動去找視覺重心。它們能夠有效的引導用戶的眼睛去注意到特定的元素。

最後，極簡主義是服務於內容和需求的一種呈現形式，極簡主義本身並不是目標。形式應該服務於功能。

極簡主義設計風格是為了可以呈現簡單、明確、直接、無摩擦的內容而存在的，所以我們在做極簡設計的時候，一定要注意細節的打磨。

設計一定要學會取捨，這樣才能有張力。

王宇：沒有美術基礎，怎樣才能成為一枚UI？需要學習哪些技巧？

王宇：設計師發展到一定時期感覺自我到瓶頸，如何再提升進階？

王宇：為什麼國內電商APP設計五花八門，界面那麼繁雜？

極簡設計的鐘，貌似合理，其實是建立在人們已經有了對錶盤認知的基礎上的。如果是一個未學過數字錶盤沒有建立鐘錶意識的小孩，就認不出時間。無刻度也不利於孩子學習認識時鐘。所以，對於UI界面的一切簡化都應是建立在用戶已經形成認知的基礎之上的。

極簡主義肯定是以滿足用戶需求為前提的，所以我認為所謂極簡主義就是撇除一切花里胡哨的東西，直達用戶使用產品的目的。另外撇除花里胡哨的東西，同時還要保證美觀，設計整體上就走向了一個讓用戶很難感知的方向。

極簡主義經常在生活和工作的不同領域被討論，設計自然也不例外。讓我們看看什麼是UI設計中的極簡主義。

什麼是極簡主義？

實際上，極簡主義是人類生活中廣泛使用的一個詞。字典將其定義為「以音樂，文學或設計為特徵的風格或技術」，其特點是極其平衡和簡潔。適用于越來越多的領域，其核心特徵：有意義和簡單。

作為視覺設計方向的極簡主義在20世紀60年代在紐約特別受歡迎，當時的新老藝術家轉向繪畫和雕塑的幾何抽象。運動在與包豪斯等相關的藝術作品中出現的。在視覺藝術的不同領域，極簡主義的關鍵原則只是將重點放在收藏者的注意力和優雅的線條，形狀，點，顏色，備用空間，構圖 - 一切都應該有效地組織起來。今天，我們可以在各種領域看到極簡主義：建築，藝術，攝影，各種設計，文學，音樂甚至食物呈現。

「形狀，體積，顏色，表面都是本身。它不應該被隱藏為一個完全不同的一部分。唐納德·賈德（Donald Judd）說，形狀和材料不應該被它的背景所改變。以這種風格工作，設計人員尋求使界面簡單但不空，時尚但不過載。他們傾向於使用負空間，大膽的顏色和字體組合，以及多功能細節，使簡約優雅。劃分簡單和原始的線條很薄。這就是為什麼不是所有的設計師都冒著嘗試這個方向的風險：有些人可能認為它看起來太體面，其他人沒有找到足夠的方法來顯示更少的元素。

如今極簡設計已普遍被應用於網頁設計中，當然這擁有充分理由。輕量級的布局和低維修成本使其靈活適用於響應式設計。自然優雅極具美感，使得很多品牌和機構青睞並採用。然而讚賞這一設計風格和創造它是兩碼事。

看起來，由於極簡主義元素不多，複製某種風格似乎變的及其容易。然而事實卻正好相反，由於設計師可利用的元素極少，創造一個極簡主義的設計設計師往往要付出更多思考和努力。

極簡主義是否適合你的網站？

根據免費電子書《Web Design Book of Trends 2015-2016》的推薦。極簡主義設計並不是每個網站最好的選擇。雖然這項技術非常適合簡單的企業機構像是事務所網站和創意個人簡歷，但對於更複雜的網站情況會變得非常棘手。

讓我們來看看一些常見的網站應用極簡主義時遇到的問題:

1. 內容太多：

比如ebay或是Amazon的網站需要一個支持多內容分類的詳盡界面，所以一個極簡主義的界面並不是最佳選擇。然而，這些網站仍應用了極簡設計的一些準則，比如在你不需要的時候，將內容隱藏。

2. 廣告太多：

總的來說，外部的廣告和極簡主義無法很好並存。極簡主義準確而細緻，如果你無法確認外部的廣告伺服器會在網站插入怎樣的廣告，你的整個設計可能會被一些瑣碎的元素打亂，比如廣告圖片的顏色。即便廣告是被預設好的，仍然可能會成為你設計中多餘的元素。

3. 兒童和年輕人的網站：

年輕觀眾可能會因為極簡主義的設計感到無聊，他們常常會喜歡更多視覺刺激的網站，甚至也可以包含一些音頻。

相比於其他的風格，極簡主義有一套特定的風格標準，當你決定使用這種風格前，需仔細思考。

極簡主義設計有諸多的優點，例如減少載入時間更適合響應式設計，值得我們去研究。如果你的設計符合上面所提到的所有標準，便可以嘗試用更少的元素重新構思你的網站，可以當作只是一個練習。你會發現有很多你曾經覺得必要的元素也是可以被省略。

極簡主義不光存在於網頁設計中，像Logo設計、印刷設計、包裝設計，也都有相應的極簡主義風格。目前流行的極簡主義網頁設計視覺風格是：使用純粹的色彩以及簡練唯美的照片

極簡主義網頁設計流行使用創新式導航，不但易用，而且有種簡約美，符合極簡主義「回歸功能」與「視覺簡約」的雙重理念。簡約的外觀、易用的功能，但是並不意味著極簡主義網頁設計很簡單。事實上，優秀的極簡風格作品需要複雜的設計流程。

這就好比一個很簡單的方程式，後台需要敲好長一段代碼才能實現方程式的完成運算~

有一種不錯的極簡主義設計方法是：先設計一個風格複雜的網頁，然後不斷簡化，回歸基本。

極簡主義網頁設計可以採用一些漂亮的圖片做背景，或者使用有趣的字體設計，再或者打造完美的對照感和平衡感。如果不這樣做，網頁會看起來太扁平了，另外還有配色上的簡單，各類顏色搭在一起不會有繁雜錯亂的感覺，這就需要了解一些比較合適的配色方案~

極簡主義的目標是：通過簡化，讓內容清晰可見。但是如果導航元素被嚴重削減，用戶無法理解導航的操作方式，那麼便自然無法正常瀏覽內容，也就不符合極簡主義目標。

簡約、大方、不厚重，一目了然，基本上就OK了~

好的設計最好別讓用戶感知到你的設計

你跟你們做視覺的都說一聲別整天做極簡主義2d觸摸屏這種看的想吐的ui了

剛看了一些人的回答，我覺得極簡應該是在解決了基本功能與不必要的花銷後所留下的。