網(wǎng)站設(shè)計(jì)之扁平化設(shè)計(jì)的色彩選擇

2023-12-04    分類: 網(wǎng)站建設(shè)

越來(lái)越多的成都網(wǎng)站設(shè)計(jì)已在UI上走扁平式設(shè)計(jì)的路線。談到設(shè)計(jì),無(wú)論是一個(gè)網(wǎng)站還是一個(gè)應(yīng)用程序,扁平化和極簡(jiǎn)的設(shè)計(jì)正在成為新的趨勢(shì)。人們正在原來(lái)一直很受歡迎的skeuomorphism設(shè)計(jì)(模仿實(shí)物紋理),蘋果推出iOS時(shí)許多設(shè)計(jì)師都采用它。

但隨著網(wǎng)站和應(yīng)用程序在許多平臺(tái)涵蓋了越來(lái)越多不同的屏幕尺寸,網(wǎng)站設(shè)計(jì)正朝著更加扁平化的設(shè)計(jì),你可以一次保證在所有的屏幕尺寸上它會(huì)很好看。

讓我們來(lái)學(xué)習(xí)一下成都網(wǎng)站建設(shè)吧,如何進(jìn)行扁平化設(shè)計(jì)吧。

確定色彩基調(diào)

扁平化設(shè)計(jì)并不局限于某種色彩基調(diào),它可以使用任何色彩。但是大多數(shù)的設(shè)計(jì)師都傾向于使用大膽鮮艷的顏色給成都網(wǎng)站設(shè)計(jì)造成鮮明的對(duì)比感。

那么,如何讓扁平化設(shè)計(jì)在色彩上與眾不同呢?設(shè)計(jì)師正在不斷地增加色彩層次,將原本的一兩個(gè)層次層加到三個(gè)、四個(gè)甚至更多。這些色彩的亮度和飽和度大都非常高。

在進(jìn)行扁平化設(shè)計(jì)時(shí),傳統(tǒng)的色彩法則就不適用了,轉(zhuǎn)而以彩虹色這種流行色來(lái)進(jìn)行配色。

扁平化設(shè)計(jì)一般都有特定的設(shè)計(jì)法則,比如利用純色,采用復(fù)古風(fēng)格或是同類色。但并不是說(shuō)這是唯一的選擇,而是這種方式已經(jīng)成為一種流行的趨勢(shì),也更加受大家歡迎。

純色

提到扁平化設(shè)計(jì)的色彩,純色一定首當(dāng)其沖地出現(xiàn)在我們腦海里,因?yàn)樗鼛?lái)了一種獨(dú)特的感受。純粹的亮色往往能夠與明亮的或者灰暗的背景形成對(duì)比,以達(dá)到一種極富沖擊力的視覺效果。所以說(shuō),在進(jìn)行扁平化設(shè)計(jì)時(shí),純色絕對(duì)是最受歡迎的色彩趨勢(shì)。

從哪里開始?

FlatUIColors.com將扁平化設(shè)計(jì)中最受歡迎的色彩進(jìn)行了一個(gè)整理,從寶藍(lán)和草綠到明黃和橘黃色,這些色彩概括出了我們現(xiàn)在能夠看到的色彩趨勢(shì)。這個(gè)網(wǎng)站將是進(jìn)行扁平化設(shè)計(jì)的第一步,因?yàn)槟隳軌蛎赓M(fèi)下載任何你看中的色彩。

在扁平化設(shè)計(jì)中,三原色是很少見的,即正紅、正藍(lán)和正黃。

簡(jiǎn)單起見,在一個(gè)扁平化設(shè)計(jì)方案中,如果你想快速的配色,那就選擇相似的色調(diào)和飽和度。另外,本文也將提供一些色彩樣本。

樣本:利用色彩進(jìn)行一組扁平化設(shè)計(jì)的色彩配色。每一種色彩都能與背景形成最強(qiáng)勁的視覺沖擊。

最受歡迎的色彩:藍(lán)、綠、紫

復(fù)古色

在進(jìn)行扁平化設(shè)計(jì)時(shí),復(fù)古色也是一種常見的色彩方式。

這種色彩雖然飽和度低,但卻是在純色的基礎(chǔ)上添加白色,以使色彩變得更加柔和。復(fù)古色經(jīng)常以大量的橘色和黃色為主,但有時(shí)也有紅色或藍(lán)色。

在扁平化設(shè)計(jì)中,以復(fù)古色為主色調(diào)是很常見的,以為這種色彩能夠使頁(yè)面變得更加柔美、富有女性氣質(zhì)。

樣本:在扁平化設(shè)計(jì)中,如果將復(fù)古色作為主色調(diào),呈現(xiàn)效果最好。

最受歡迎的色彩:橘色、粉色或緋色和深藍(lán)。

同類色

在扁平化設(shè)計(jì)中,同類色正迅速成長(zhǎng)為一種流行趨勢(shì)。這種色彩往往以單一顏色搭配黑色或白色來(lái)創(chuàng)造一種鮮明且有視覺沖擊的效果。

大部分的同類色利用一個(gè)基本色搭配兩三個(gè)色彩。最受歡迎的色彩選擇似乎是藍(lán)色,但很多設(shè)計(jì)師則傾向于使用黑色搭配一兩個(gè)流行色比如紅色,作為按鈕。

另一個(gè)方法是利用少量的色彩變化。比如,藍(lán)色配以綠色呈現(xiàn)出一種藍(lán)綠色的效果。

同類色在移動(dòng)設(shè)備和App設(shè)計(jì)中格外受歡迎。

樣本:正如其他的色彩搭配一樣,同類色也是需要對(duì)比的。

最受歡迎的顏色:藍(lán)色、灰色和綠色。

結(jié)論:

進(jìn)行扁平化設(shè)計(jì)成都網(wǎng)站設(shè)計(jì)中是一件令人愉悅的事情,所以,你的成都網(wǎng)站設(shè)計(jì)也應(yīng)該反映出這種快樂的態(tài)度。

色彩的選擇應(yīng)該與你的作品相匹配,正確地引導(dǎo)用戶有效地使用你的成都網(wǎng)站設(shè)計(jì),并且在這一過(guò)程中擁有一個(gè)有趣的經(jīng)歷。當(dāng)成都網(wǎng)站設(shè)計(jì)進(jìn)行扁平化設(shè)計(jì)時(shí)一定不要拘泥與傳統(tǒng)的色彩搭配法則,而是開闊你的思路,引發(fā)各種奇思妙想。

分享文章:網(wǎng)站設(shè)計(jì)之扁平化設(shè)計(jì)的色彩選擇
網(wǎng)頁(yè)URL:http://www.bm7419.com/news22/298622.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站關(guān)鍵詞優(yōu)化、標(biāo)簽優(yōu)化、網(wǎng)站營(yíng)銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)