蘋果設(shè)計(jì)為什么顯得高級(jí)?

2022-8-26    seo達(dá)人


 一、什么是極簡主義風(fēng)格 

圖片

在上世紀(jì)初期,隨著工業(yè)制造體系的變革,人們也開始尋找更適合工業(yè)化生產(chǎn)的設(shè)計(jì)方法與審美體系,極簡的設(shè)計(jì)風(fēng)格便應(yīng)運(yùn)而生。在今天,極簡主義早已演變成了一種潮流、一種文化,甚至是一種生活方式,成為了當(dāng)今的主流設(shè)計(jì)風(fēng)格。而它的設(shè)計(jì)理念大家應(yīng)該都知道——“少即是多”。說到這里就不得不提一個(gè)名字——蘋果。它可以說是數(shù)字設(shè)計(jì)中極簡主義的先驅(qū),也是這種設(shè)計(jì)理念的貫徹者。

圖片

極簡主義在設(shè)計(jì)上使用簡單的元素,突出核心內(nèi)容。不但可以提升層次感,滿足設(shè)計(jì)需求,也能幫助用戶快速聚焦核心部分,突出主要功能。極簡主義現(xiàn)在被廣泛應(yīng)用在UI、平面、品牌、工業(yè)設(shè)計(jì)等領(lǐng)域中,也在漸漸影響著人們的生活。

 

二、極簡主義的特點(diǎn) 

圖片

那么極簡主義有哪些特點(diǎn)呢?我們可以一起來看看:

1.大量的留白

2.運(yùn)用柵格來規(guī)整元素

3.簡化配色

4.突出內(nèi)容

5.可讀性較高的字體

接下來就舉例說明這些特點(diǎn)。

 

1、大量的留白

在極簡主義當(dāng)中,留白是必不可少的部分??赡苡械耐瑢W(xué)或認(rèn)為留白就是白色,其實(shí)留白并不一定是白色,它可以是任何與背景相同的色彩。留白在視覺上可以營造平衡感,創(chuàng)造視覺焦點(diǎn),將核心內(nèi)容突出。通過這種方式讓用戶只關(guān)注必要的信息,只做必要的事情。

圖片

上圖就是運(yùn)用留白設(shè)計(jì)的品牌網(wǎng)站首頁,通過留白直接突出主體,用戶即使不認(rèn)識(shí)這個(gè)品牌也知道這是一個(gè)關(guān)于手表的網(wǎng)頁。

圖片

上圖就不是運(yùn)用白色進(jìn)行留白的網(wǎng)頁設(shè)計(jì),依然可以突出主要信息。留白在使用中,一定要注意構(gòu)圖的關(guān)系,使頁面整體保持平衡感。

 

2、利用柵格來規(guī)整元素

在極簡主義設(shè)計(jì)風(fēng)格中,柵格系統(tǒng)可以讓簡單的設(shè)計(jì)更有條理。運(yùn)用在頁面中,使信息和元素的展示更有邏輯性和規(guī)律性,使用戶查閱更順暢,也能使用戶從中更好的識(shí)別出主體內(nèi)容。設(shè)計(jì)師運(yùn)用柵格系統(tǒng)可以把有限的元素在整個(gè)空間中建立正確的層級(jí)性與關(guān)系,使整個(gè)設(shè)計(jì)更自然。

圖片

上面網(wǎng)頁就是運(yùn)用了柵格系統(tǒng)進(jìn)行布局,從圖片到標(biāo)題、文案都保持精準(zhǔn)的柵格化的對(duì)齊,使整個(gè)頁面都保持了協(xié)調(diào)感,使用戶在閱讀上也能遵循一定的規(guī)律與節(jié)奏。

圖片

如上圖即使是再簡單的頁面,通過柵格系統(tǒng)也能使整個(gè)設(shè)計(jì)保持一定的協(xié)調(diào)性。

 

3、簡化配色

極簡主義在配色的選擇上,像黑白這樣的色調(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ì)。整體的配色不僅簡潔而且體現(xiàn)出了層次感。

 

4、突出內(nèi)容

設(shè)計(jì)的初衷本來就是對(duì)內(nèi)容的設(shè)計(jì),所以突出內(nèi)容就是極簡主義設(shè)計(jì)最為核心的特點(diǎn)之一。因?yàn)槠浜喖s的設(shè)計(jì),可以讓用戶在第一時(shí)間就聚焦于內(nèi)容而不是頁面其他元素,而且內(nèi)容本身也可以當(dāng)做元素進(jìn)行設(shè)計(jì),強(qiáng)化視覺效果,讓畫面擁有視覺沖擊力與張力。

圖片

圖片

上面幾張圖就摒棄了其他元素,直接突出內(nèi)容讓受眾第一時(shí)間就關(guān)注內(nèi)容本身。

 

5、可讀性較高的字體

極簡主義設(shè)計(jì)希望元素清晰易于辨認(rèn),對(duì)字體也是同樣的要求。

無論是襯線體還是非襯線體,一定要確保字體的可讀性,方便用戶快速感知文字內(nèi)容。在風(fēng)格上不要裝飾性太強(qiáng),使用經(jīng)典的字體就很好,在某種情況下適當(dāng)?shù)姆糯笞煮w,確保用戶可以一目了然更能突出設(shè)計(jì)的簡潔、直觀。

圖片

圖片

在上面幾張圖中,無論是襯線還是非襯線字體,都會(huì)利用文字大小和適當(dāng)間距保證文字的可讀性,也不會(huì)對(duì)文字添加過多的裝飾性元素。

 

三、極簡主義在設(shè)計(jì)中如何使用 

1、移動(dòng)端中的使用

圖片

圖片

圖片

上面幾張移動(dòng)端的界面,基本上都是有一個(gè)主要的色調(diào)+圖片+大標(biāo)題,以內(nèi)容為主體加上大量的留白,整體都符合極簡主義的核心特點(diǎn)。

 

2、網(wǎng)頁中的使用

圖片

圖片

圖片

上面這組網(wǎng)頁設(shè)計(jì),也是采用了大標(biāo)題+產(chǎn)品精修圖+單一色調(diào)的背景進(jìn)行設(shè)計(jì),摒棄了裝飾性的元素,以突出內(nèi)容為主,運(yùn)用柵格進(jìn)行布局加大面積的留白,使頁面在簡約的同時(shí)體現(xiàn)了統(tǒng)一與品質(zhì)。

 

3、品牌中的使用

圖片

上圖就是我們熟知的YouTube,這些年品牌逐步摒棄了一些高光、漸變、投影等裝飾性元素,并且加入了播放按鍵圖標(biāo),向用戶傳達(dá)了YouTube的主要業(yè)務(wù)方向,整個(gè)設(shè)計(jì)更加簡約且一目了然。

圖片

上圖Instagram的logo也是向著極簡的方向發(fā)展。新版logo只保留了老版相機(jī)的特征以及彩虹色的背景,突出主要元素特征,既簡約又易于辨認(rèn)。

 

4、海報(bào)中的使用

圖片

圖片

上面幾張海報(bào)就是以圖片或者某一獨(dú)特圖形作為主體內(nèi)容進(jìn)行突出設(shè)計(jì),再加上文字與適當(dāng)?shù)牧舭走M(jìn)行柵格化的設(shè)計(jì),很好的體現(xiàn)了極簡主義的設(shè)計(jì)風(fēng)格。

 

5、產(chǎn)品設(shè)計(jì)中的使用

圖片

圖片

運(yùn)用簡約的設(shè)計(jì)語言,突出產(chǎn)品特性與功能性。富有美感與品質(zhì)性。

 

四、如何打造極簡主義風(fēng)格 

看了這么多案例,是不是對(duì)如何進(jìn)行極簡主義風(fēng)格設(shè)計(jì)還是有點(diǎn)不知所措,那么我將從圖形、配色、構(gòu)成、字體這幾個(gè)緯度來給大家闡述如何進(jìn)行極簡主義風(fēng)格設(shè)計(jì)。

圖形:簡單的幾何圖形,扁平化的設(shè)計(jì),去除裝飾性元素

圖片

上面的圖就是運(yù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)行頁面的布局,大留白突出重點(diǎn)內(nèi)容,柵格化的構(gòu)圖讓設(shè)計(jì)更具有協(xié)調(diào)性。

字體:非襯線體

圖片

雖然襯線字體也能體現(xiàn)出極簡主義的風(fēng)格,但是非襯線體在視覺上更簡潔,在突出品牌上辨識(shí)度更高。

 

五、極簡主義配色 

設(shè)計(jì)中較重要的一環(huán)就是配色,下面我給大家分享幾組極簡主義色彩搭配,每組都有色彩風(fēng)格對(duì)應(yīng)的形容詞和配色數(shù)值,希望給大家?guī)盱`感。

關(guān)鍵詞:自然,寧靜,沿海和平衡

圖片

關(guān)鍵詞:女性化,誘人,寧靜和熱愛

圖片

關(guān)鍵詞:大膽,自信,好玩和活力

圖片

關(guān)鍵詞:中性,平衡,寧靜和時(shí)尚

圖片

關(guān)鍵詞:舒適,寧靜,善良和原始

圖片

 

六、最后 

圖片

圖片

上面介紹了這么多,那么極簡主義最核心的特點(diǎn)就是:以展示內(nèi)容為主,去除了多余的元素、顏色,完全體現(xiàn)了“少即是多”的設(shè)計(jì)理念。極簡主義之所以受歡迎并且流行至今的一個(gè)原因就在于它突顯內(nèi)容,為用戶呈現(xiàn)最重要的東西,讓用戶關(guān)注最主要的事情,簡化了界面使其更具功能與可行性。

我們做設(shè)計(jì)歸根結(jié)底也是在為內(nèi)容、商業(yè)服務(wù),而極簡主義真正做到了內(nèi)容至上,但是要想更好的為商業(yè)服務(wù)其背后一定是經(jīng)過了深思熟慮的,就像小米新Logo一樣,看似簡單必定是由繁到簡的一個(gè)過程,而極簡主義也是去除多余元素化繁為簡的。所以與其說極簡主義是一種設(shè)計(jì)風(fēng)格,不如說它更像我們想追求的化繁為簡的生活方式。

 作者:三木

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》蘋果設(shè)計(jì)為什么顯得高級(jí)?


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ì)公司




分享本文至:

日歷

鏈接

個(gè)人資料

存檔