一、什么是極簡主義風(fēng)格
在上世紀(jì)初期，隨著工業(yè)制造體系的變革，人們也開始尋找更適合工業(yè)化生產(chǎn)的設(shè)計方法與審美體系，極簡的設(shè)計風(fēng)格便應(yīng)運(yùn)而生。在今天，極簡主義早已演變成了一種潮流、一種文化，甚至是一種生活方式，成為了當(dāng)今的主流設(shè)計風(fēng)格。而它的設(shè)計理念大家應(yīng)該都知道——“少即是多”。說到這里就不得不提一個名字——蘋果。它可以說是數(shù)字設(shè)計中極簡主義的先驅(qū)，也是這種設(shè)計理念的貫徹者。
極簡主義在設(shè)計上使用簡單的元素，突出核心內(nèi)容。不但可以提升層次感，滿足設(shè)計需求，也能幫助用戶快速聚焦核心部分，突出主要功能。極簡主義現(xiàn)在被廣泛應(yīng)用在UI、平面、品牌、工業(yè)設(shè)計等領(lǐng)域中，也在漸漸影響著人們的生活。
二、極簡主義的特點
那么極簡主義有哪些特點呢？我們可以一起來看看：
1.大量的留白
2.運(yùn)用柵格來規(guī)整元素
3.簡化配色
4.突出內(nèi)容
5.可讀性較高的字體
接下來就舉例說明這些特點。
1、大量的留白
在極簡主義當(dāng)中，留白是必不可少的部分?？赡苡械耐瑢W(xué)或認(rèn)為留白就是白色，其實留白并不一定是白色，它可以是任何與背景相同的色彩。留白在視覺上可以營造平衡感，創(chuàng)造視覺焦點，將核心內(nèi)容突出。通過這種方式讓用戶只關(guān)注必要的信息，只做必要的事情。
上圖就是運(yùn)用留白設(shè)計的品牌網(wǎng)站首頁，通過留白直接突出主體，用戶即使不認(rèn)識這個品牌也知道這是一個關(guān)于手表的網(wǎng)頁。
上圖就不是運(yùn)用白色進(jìn)行留白的網(wǎng)頁設(shè)計，依然可以突出主要信息。留白在使用中，一定要注意構(gòu)圖的關(guān)系，使頁面整體保持平衡感。
2、利用柵格來規(guī)整元素
在極簡主義設(shè)計風(fēng)格中，柵格系統(tǒng)可以讓簡單的設(shè)計更有條理。運(yùn)用在頁面中，使信息和元素的展示更有邏輯性和規(guī)律性，使用戶查閱更順暢，也能使用戶從中更好的識別出主體內(nèi)容。設(shè)計師運(yùn)用柵格系統(tǒng)可以把有限的元素在整個空間中建立正確的層級性與關(guān)系，使整個設(shè)計更自然。
上面網(wǎng)頁就是運(yùn)用了柵格系統(tǒng)進(jìn)行布局，從圖片到標(biāo)題、文案都保持精準(zhǔn)的柵格化的對齊，使整個頁面都保持了協(xié)調(diào)感，使用戶在閱讀上也能遵循一定的規(guī)律與節(jié)奏。
如上圖即使是再簡單的頁面，通過柵格系統(tǒng)也能使整個設(shè)計保持一定的協(xié)調(diào)性。
3、簡化配色
極簡主義在配色的選擇上，像黑白這樣的色調(diào)在表現(xiàn)上更中性，更能體現(xiàn)產(chǎn)品的功能性，而且會給人干凈并且富有秩序感的視覺感受。但是黑白并不是唯一的選擇，通常會選擇一種飽和度較低的單色作為主色調(diào)，然后選取一到兩種點綴用來提亮貫穿整個設(shè)計，達(dá)到提升視覺層次感的效果。
上面的兩張圖在配色上除了經(jīng)典的黑白色之外，還采用紅色作為點綴色，并且貫穿了整個設(shè)計。整體的配色不僅簡潔而且體現(xiàn)出了層次感。
4、突出內(nèi)容
設(shè)計的初衷本來就是對內(nèi)容的設(shè)計，所以突出內(nèi)容就是極簡主義設(shè)計最為核心的特點之一。因為其簡約的設(shè)計，可以讓用戶在第一時間就聚焦于內(nèi)容而不是頁面其他元素，而且內(nèi)容本身也可以當(dāng)做元素進(jìn)行設(shè)計，強(qiáng)化視覺效果，讓畫面擁有視覺沖擊力與張力。
上面幾張圖就摒棄了其他元素，直接突出內(nèi)容讓受眾第一時間就關(guān)注內(nèi)容本身。
5、可讀性較高的字體
極簡主義設(shè)計希望元素清晰易于辨認(rèn)，對字體也是同樣的要求。
無論是襯線體還是非襯線體，一定要確保字體的可讀性，方便用戶快速感知文字內(nèi)容。在風(fēng)格上不要裝飾性太強(qiáng)，使用經(jīng)典的字體就很好，在某種情況下適當(dāng)?shù)姆糯笞煮w，確保用戶可以一目了然更能突出設(shè)計的簡潔、直觀。
在上面幾張圖中，無論是襯線還是非襯線字體，都會利用文字大小和適當(dāng)間距保證文字的可讀性，也不會對文字添加過多的裝飾性元素。
三、極簡主義在設(shè)計中如何使用
1、移動端中的使用
上面幾張移動端的界面，基本上都是有一個主要的色調(diào)+圖片+大標(biāo)題，以內(nèi)容為主體加上大量的留白，整體都符合極簡主義的核心特點。
2、網(wǎng)頁中的使用
3、品牌中的使用
上圖就是我們熟知的YouTube，這些年品牌逐步摒棄了一些高光、漸變、投影等裝飾性元素，并且加入了播放按鍵圖標(biāo)，向用戶傳達(dá)了YouTube的主要業(yè)務(wù)方向，整個設(shè)計更加簡約且一目了然。
4、海報中的使用
上面幾張海報就是以圖片或者某一獨(dú)特圖形作為主體內(nèi)容進(jìn)行突出設(shè)計，再加上文字與適當(dāng)?shù)牧舭走M(jìn)行柵格化的設(shè)計，很好的體現(xiàn)了極簡主義的設(shè)計風(fēng)格。
5、產(chǎn)品設(shè)計中的使用
運(yùn)用簡約的設(shè)計語言，突出產(chǎn)品特性與功能性。富有美感與品質(zhì)性。
四、如何打造極簡主義風(fēng)格
看了這么多案例，是不是對如何進(jìn)行極簡主義風(fēng)格設(shè)計還是有點不知所措，那么我將從圖形、配色、構(gòu)成、字體這幾個緯度來給大家闡述如何進(jìn)行極簡主義風(fēng)格設(shè)計。
圖形：簡單的幾何圖形，扁平化的設(shè)計，去除裝飾性元素
上面的圖就是運(yùn)用簡單的幾何圖形+扁平的設(shè)計，突出內(nèi)容引導(dǎo)用戶進(jìn)行操作。
配色：以黑白灰為主，或者選取一種主色調(diào)加一到兩種點綴色
上面兩張圖第一張就是典型的黑白灰的配色，突出內(nèi)容，給人干凈和平靜秩序的感受，而第二張圖就是選用黃色為主色調(diào)，然后其他顏色為點綴色，突出功能具有引導(dǎo)性。
構(gòu)成：大量的留白與柵格化的構(gòu)成形式
上圖就是利用留白與柵格來進(jìn)行頁面的布局，大留白突出重點內(nèi)容，柵格化的構(gòu)圖讓設(shè)計更具有協(xié)調(diào)性。
字體：非襯線體
雖然襯線字體也能體現(xiàn)出極簡主義的風(fēng)格，但是非襯線體在視覺上更簡潔，在突出品牌上辨識度更高。
五、極簡主義配色
設(shè)計中較重要的一環(huán)就是配色，下面我給大家分享幾組極簡主義色彩搭配，每組都有色彩風(fēng)格對應(yīng)的形容詞和配色數(shù)值，希望給大家?guī)盱`感。
關(guān)鍵詞：自然，寧靜，沿海和平衡
關(guān)鍵詞：女性化，誘人，寧靜和熱愛
關(guān)鍵詞：大膽，自信，好玩和活力
關(guān)鍵詞：中性，平衡，寧靜和時尚
關(guān)鍵詞：舒適，寧靜，善良和原始
六、最后
上面介紹了這么多，那么極簡主義最核心的特點就是:以展示內(nèi)容為主，去除了多余的元素、顏色，完全體現(xiàn)了“少即是多”的設(shè)計理念。極簡主義之所以受歡迎并且流行至今的一個原因就在于它突顯內(nèi)容，為用戶呈現(xiàn)最重要的東西，讓用戶關(guān)注最主要的事情，簡化了界面使其更具功能與可行性。
我們做設(shè)計歸根結(jié)底也是在為內(nèi)容、商業(yè)服務(wù)，而極簡主義真正做到了內(nèi)容至上，但是要想更好的為商業(yè)服務(wù)其背后一定是經(jīng)過了深思熟慮的，就像小米新Logo一樣，看似簡單必定是由繁到簡的一個過程，而極簡主義也是去除多余元素化繁為簡的。所以與其說極簡主義是一種設(shè)計風(fēng)格，不如說它更像我們想追求的化繁為簡的生活方式。
作者：三木
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》蘋果設(shè)計為什么顯得高級？
藍(lán)藍(lán)設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司