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