技術(shù)資訊
扁平化網(wǎng)頁(yè)設(shè)計(jì)的顏色搭配使用
2014-12-06 13:44:42
扁平化效果也是這幾年才流行起來(lái)的,開(kāi)始主要在手機(jī)等移動(dòng)設(shè)備上用的多,目的就是簡(jiǎn)潔實(shí)用,操作方便,青島網(wǎng)站設(shè)計(jì)扁平化和陰影漸變等過(guò)多修飾的效果是沖突的。
扁平化設(shè)計(jì)看上去非常簡(jiǎn)單、直觀,并且使用方便,所以在手機(jī)界面和網(wǎng)頁(yè)設(shè)計(jì)中變得越來(lái)越受歡迎。
讓我們來(lái)學(xué)習(xí)一下,如何進(jìn)行扁平化設(shè)計(jì)吧。
確定色彩基調(diào)
扁平化設(shè)計(jì)并不局限于某種色彩基調(diào),它可以使用任何色彩。但是大多數(shù)的設(shè)計(jì)師都傾向于使用大膽鮮艷的顏色。
那么,如何讓扁平化設(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)格或是同類(lèi)色。但并不是說(shuō)這是唯一的選擇,而是這種方式已經(jīng)成為一種流行的趨勢(shì),也更加受大家歡迎。
純色
提到扁平化設(shè)計(jì)的色彩,純色一定首當(dāng)其沖地出現(xiàn)在我們腦海里,因?yàn)樗鼛?lái)了一種獨(dú)特的感受。純粹的亮色往往能夠與明亮的或者灰暗的背景形成對(duì)比,以達(dá)到一種極富沖擊力的視覺(jué)效果。所以說(shuō),在進(jìn)行扁平化設(shè)計(jì)時(shí),純色絕對(duì)是最受歡迎的色彩趨勢(shì)。
從哪里開(kāi)始?
前面設(shè)計(jì)達(dá)人網(wǎng)分享過(guò)Metro的配色方案,而 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ì)中,三原色是很少見(jiàn)的,即正紅、正藍(lán)和正黃。
簡(jiǎn)單起見(jiàn),在一個(gè)扁平化設(shè)計(jì)方案中,如果你想快速的配色,那就選擇相似的色調(diào)和飽和度。另外,本文也將提供一些色彩樣本。
樣本:利用色彩進(jìn)行一組扁平化設(shè)計(jì)的色彩配色。每一種色彩都能與背景形成最強(qiáng)勁的視覺(jué)沖擊。
最受歡迎的色彩:藍(lán)、綠、紫
復(fù)古色
在進(jìn)行扁平化設(shè)計(jì)時(shí),復(fù)古色也是一種常見(jiàn)的色彩方式。
這種色彩雖然飽和度低,但卻是在純色的基礎(chǔ)上添加白色,以使色彩變得更加柔和。復(fù)古色經(jīng)常以大量的橘色和黃色為主,但有時(shí)也有紅色或藍(lán)色。
在扁平化設(shè)計(jì)中,以復(fù)古色為主色調(diào)是很常見(jiàn)的,以為這種色彩能夠使頁(yè)面變得更加柔美、富有女性氣質(zhì)。
樣本:在扁平化設(shè)計(jì)中,如果將復(fù)古色作為主色調(diào),呈現(xiàn)效果最好。
最受歡迎的色彩:橘色、粉色或緋色和深藍(lán)。
同類(lèi)色(單色調(diào))
在扁平化設(shè)計(jì)中,同類(lèi)色正迅速成長(zhǎng)為一種流行趨勢(shì)。這種色彩往往以單一顏色搭配黑色或白色來(lái)創(chuàng)造一種鮮明且有視覺(jué)沖擊的效果。
大部分的同類(lèi)色利用一個(gè)基本色搭配兩三個(gè)色彩。最受歡迎的色彩選擇似乎是藍(lán)色,但很多設(shè)計(jì)師則傾向于使用黑色搭配一兩個(gè)流行色比如紅色,作為按鈕。
另一個(gè)方法是利用少量的色彩變化。比如,藍(lán)色配以綠色呈現(xiàn)出一種藍(lán)綠色的效果。
同類(lèi)色在移動(dòng)設(shè)備和APP設(shè)計(jì)中格外受歡迎。
樣本:正如其他的色彩搭配一樣,同類(lèi)色也是需要對(duì)比的。
最受歡迎的顏色:藍(lán)色、灰色和綠色。
結(jié)論:
進(jìn)行扁平化設(shè)計(jì)是一件令人愉悅的事情,所以,你的設(shè)計(jì)作品也應(yīng)該反映出這種快樂(lè)的態(tài)度。
色彩的選擇應(yīng)該與你的作品相匹配,正確地引導(dǎo)用戶有效地使用你的網(wǎng)站,并且在這一過(guò)程中擁有一個(gè)有趣的經(jīng)歷。當(dāng)進(jìn)行扁平化設(shè)計(jì)時(shí)一定不要拘泥與傳統(tǒng)的色彩搭配法則,而是開(kāi)闊你的思路,引發(fā)各種奇思妙想。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開(kāi)發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開(kāi)發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2014-06-02 13:24:53] dede 調(diào)用當(dāng)前欄目頂級(jí)欄目
- [2014-09-08 14:28:35] 百度對(duì)新站和老站K站的區(qū)別分析
- [2012-10-08 21:22:25] 清新的網(wǎng)站設(shè)計(jì)風(fēng)格
- [2014-10-08 10:53:00] 霸氣十足的將滾屏網(wǎng)站
- [2016-02-17 18:56:48] 如何訪問(wèn)谷歌網(wǎng)站和訪問(wèn)谷歌網(wǎng)站方法
- [2011-12-07 23:08:37] 青島網(wǎng)站制作中如何合理的布局網(wǎng)站關(guān)鍵詞
- [2014-11-22 19:27:59] 客戶虐我千萬(wàn)遍 我待客戶如初戀
- [2011-11-29 14:50:23] 如何增強(qiáng)圖片設(shè)計(jì)的立體與動(dòng)感效果
- [2014-11-26 09:03:20] 網(wǎng)頁(yè)設(shè)計(jì)師最基本的原則
- [2014-09-27 00:52:56] 響應(yīng)式網(wǎng)站的利與弊
- [2012-02-09 23:48:14] 如何讓百度快速的收錄網(wǎng)站
- [2011-10-30 22:32:11] 如何寫(xiě)好網(wǎng)站title標(biāo)題和關(guān)鍵詞描述
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站建設(shè)的步驟有哪些 html和css 網(wǎng)站策劃 IT資訊 如何做網(wǎng)站優(yōu)化 青島網(wǎng)站建設(shè)公司哪家好 企業(yè)網(wǎng)站為什么要備案 SEO優(yōu)化 企業(yè)網(wǎng)站 海信網(wǎng)絡(luò)科技 微信開(kāi)發(fā) 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)絡(luò)公司 GOOGLE SEO 中小型企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站營(yíng)銷(xiāo) 搜索引擎 H5專題頁(yè)面 青島SEO 力圖數(shù)字科技 審美 營(yíng)銷(xiāo)型網(wǎng)站 營(yíng)銷(xiāo)型網(wǎng)站建設(shè) 集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站優(yōu)化 手機(jī)端的網(wǎng)站 平面設(shè)計(jì) 頁(yè)面設(shè)計(jì) 版面布局