這才是配色的正確打開方式
每次我開始做界面設(shè)計或者練習(xí)的時候，關(guān)于顏色的搭配總是不能夠很好的把握，我有很明顯的一個問題在于，緊緊圍繞的著主題色，導(dǎo)致整體頁面看起來很單調(diào)，但是要怎么搭配，這個度又覺得自己很難去把握。
emmmm….被配色快逼死的我。
網(wǎng)上看了很多的文章，今天就來總結(jié)一下我學(xué)到的最簡單易用的三個方法吧！
一個界面中的主要色彩不要超過三種，表達(dá)出主題即可，不管是做平面還是做網(wǎng)頁和app，都要遵循這個最簡單的道理。
但是我一開始以為色不過三是指一個頁面顏色最多不要超過三種，后來又多看了一些文章發(fā)現(xiàn)，這個是指不要超過三種色相的搭配。在單個色相中可以運(yùn)用顏色明度或者飽和度做色彩的豐富性，而這種不要超過三種。
如果設(shè)計的界面顏色太多，用戶打開的第一眼印象會覺得有點(diǎn)亂，如下圖：
58同程的金剛區(qū)其實是比較有特點(diǎn)的，但是顏色有點(diǎn)過多，會讓用戶覺得整個界面在視覺上會稍微有點(diǎn)凌亂，可能也是因為產(chǎn)品的logo顏色比較多，識別度上來說是挺好的，但是用到界面搭配上會有點(diǎn)多了。
右圖中的vipkid以統(tǒng)一的色彩風(fēng)格為導(dǎo)向，加上鄰近色作為輔助色，增強(qiáng)用戶對產(chǎn)品的記憶，在視覺上也讓用戶覺得更加舒適和自然。但是如果整個頁面都換成主題色的話，會讓用戶覺得整個界面沒有重點(diǎn)同時還很單調(diào)。
小結(jié)：三色搭配，要控制在不超過三種顏色的色相范圍即可，運(yùn)用單色的設(shè)計，會顯得單調(diào)乏味，而整體顏色飽和度過高會顯得界面雜亂無章而不透氣，因此我們在設(shè)計的時候要把控好顏色的數(shù)量，通過顏色的把控讓我們的界面主次分明。
確定主色
好的色彩搭配同時還需要符合產(chǎn)品的特征和想要給用戶帶來的氛圍，比如藍(lán)色能給人帶來平靜，因此大部分的閱讀和學(xué)習(xí)類的主色調(diào)用的是藍(lán)色。
想大家都會在做產(chǎn)品之前做一些競品分析，和主要針對人群劃分以及產(chǎn)品定位，當(dāng)確定好了產(chǎn)品的方向和消費(fèi)人特征之后，就可以在上圖中選擇合適的顏色來做細(xì)微的調(diào)整。
我們在設(shè)計初期需要對項目有比較明確的了解和定位，然后提煉出比較貼切的主色來進(jìn)行定位設(shè)計。
每種顏色代表的意義也有所不同，會導(dǎo)致整個的視覺方向和感覺也會有所不同。從第一張圖中我們能夠發(fā)現(xiàn)淺藍(lán)色代表可靠，黃色代表活力，而這兩個顏色就比較符合產(chǎn)品的定位，因此在確認(rèn)了主色之后，再來搭配輔助色和點(diǎn)綴色，就會更加容易一些，因為你心里已經(jīng)知道需要搭配出怎樣的整體感覺出來。
而網(wǎng)頁設(shè)計、界面設(shè)計、banner設(shè)計等，主色調(diào)運(yùn)用的規(guī)律也會有所不同，網(wǎng)頁和界面會將主色調(diào)運(yùn)用在結(jié)構(gòu)和裝飾上，而banner和海報則視覺上要求會比較高，將主色調(diào)運(yùn)用在背景上，重點(diǎn)突出。如下圖所示：
但是這種形式大部分會在我們的視覺稿和練習(xí)里面使用的比較多，在我們平時的工作中，還是要根據(jù)所推的產(chǎn)品和主題來確定banner的顏色，但選擇范圍要在界面整體視覺效果比較協(xié)調(diào)和統(tǒng)一的情況下。
那么我們的主色從哪里來選擇呢？最常見以及最普遍的用法就是講產(chǎn)品logo的顏色來作為主題色，這樣能夠有效的保持品牌基金和視覺上的一致性。
不過有一點(diǎn)需要注意的是從視覺的角度上出發(fā)，選擇了飽和度比較高的色彩做主色時，要考慮用戶是否會在使用時造成視覺疲勞。
色盤里尋找靈感
解決了主色調(diào)的問題，在界面需要搭配其他輔助顏色的時候，如何搭配也是個很大的問題，要怎么搭配才能好看又平衡呢？我們可以從色盤里尋找靈感。
在色彩運(yùn)用中能夠達(dá)到平衡色的有三種類型：
1、互補(bǔ)色搭配
在界面的設(shè)計中，使用互補(bǔ)色的對比是視覺上最為強(qiáng)烈的，能夠給用戶的視覺產(chǎn)生強(qiáng)烈的刺激。
這種使用的比較少，但是很容易就能夠讓用戶記住，因此音遇的這種孟菲斯風(fēng)格目前在是市面上還是比較少見的，但它的整體風(fēng)格讓用戶一打開就能夠記住。
2、冷暖色搭配
用冷色和暖色的造成的視覺平衡是設(shè)計師經(jīng)常使用的方法，也是很容易就出效果的
這種顏色的搭配使用由于技巧比較多，因此對設(shè)計師的要求比較高，需要多練習(xí)
3、深淺色搭配
在設(shè)計時都用淺色會顯得界面不夠穩(wěn)定，但是使用深色又會顯得比較沉悶，因此兩者互相搭配，能夠更好的平衡畫面。如下圖所示：
深淺色搭配最經(jīng)典的案例是蘋果的產(chǎn)品圖，而最直觀給人的感受是高大上，淺色的背景搭配深色的產(chǎn)品，較多的空間留白，頁面整體穩(wěn)定平衡，同時突出產(chǎn)品主體 。
劃重點(diǎn)
1、色不過三：三色搭配，要控制在不超過三種顏色的色相范圍即可，設(shè)計的時通過顏色的把控讓我們的界面主次分明；
2、確定主色：通過產(chǎn)品定位同時搭配定義色盤來確定主色方向；
3、在色盤中尋找靈感：通過色盤來選擇界面其他顏色的搭配，達(dá)到整體視覺的平衡。
本文來源網(wǎng)絡(luò)，版權(quán)歸原作者所有，僅供參考，如有侵權(quán)，請聯(lián)系我刪除！
梅雨季節(jié)家中容易潮濕 優(yōu)質(zhì)斷橋窗品牌了解一下
做快餐加盟店需要注意的事項有哪些
ISG系列管道離心消防泵 恒壓供水設(shè)備
有什么好的生意可以做 砂鍋燜魚飯快餐可以加盟嗎
常平鎮(zhèn) 中控考勤機(jī)銷售維修公司_代理中控，科密考勤機(jī)
這才是配色的正確打開方式
如何開飾品店 六招幫你解決開店的瑣碎之事
青海噴涂石膏供應(yīng)商
4235mm鋼花管(注漿小導(dǎo)管)打孔設(shè)計與施工注漿工藝
堅果激光電視618延續(xù)銷量、銷售額雙第一超神戰(zhàn)績
EVA提環(huán)路錐 路障 交通警示安全錐 方錐 請勿泊車錐
定制PVA吸水海綿片 去污清潔吸水海綿廠家
機(jī)械式大劈力劈裂機(jī)多少錢一臺
黑鷹破拆工具四件套廠家批發(fā)
歐嘉璐尼案例分享丨三室一廳92㎡ 顏色就該這樣搭
手持式落錘彎沉儀功能及優(yōu)點(diǎn)
中頻逆變點(diǎn)焊機(jī) 中頻焊機(jī)
西城園林綠化養(yǎng)護(hù)找哪家公司，歡迎致電
結(jié)晶切片機(jī)銷售
機(jī)床導(dǎo)軌防護(hù)罩在數(shù)控機(jī)床領(lǐng)域的使用如今越來越廣泛
emmmm….被配色快逼死的我。
網(wǎng)上看了很多的文章，今天就來總結(jié)一下我學(xué)到的最簡單易用的三個方法吧！
一個界面中的主要色彩不要超過三種，表達(dá)出主題即可，不管是做平面還是做網(wǎng)頁和app，都要遵循這個最簡單的道理。
但是我一開始以為色不過三是指一個頁面顏色最多不要超過三種，后來又多看了一些文章發(fā)現(xiàn)，這個是指不要超過三種色相的搭配。在單個色相中可以運(yùn)用顏色明度或者飽和度做色彩的豐富性，而這種不要超過三種。
如果設(shè)計的界面顏色太多，用戶打開的第一眼印象會覺得有點(diǎn)亂，如下圖：
58同程的金剛區(qū)其實是比較有特點(diǎn)的，但是顏色有點(diǎn)過多，會讓用戶覺得整個界面在視覺上會稍微有點(diǎn)凌亂，可能也是因為產(chǎn)品的logo顏色比較多，識別度上來說是挺好的，但是用到界面搭配上會有點(diǎn)多了。
右圖中的vipkid以統(tǒng)一的色彩風(fēng)格為導(dǎo)向，加上鄰近色作為輔助色，增強(qiáng)用戶對產(chǎn)品的記憶，在視覺上也讓用戶覺得更加舒適和自然。但是如果整個頁面都換成主題色的話，會讓用戶覺得整個界面沒有重點(diǎn)同時還很單調(diào)。
小結(jié)：三色搭配，要控制在不超過三種顏色的色相范圍即可，運(yùn)用單色的設(shè)計，會顯得單調(diào)乏味，而整體顏色飽和度過高會顯得界面雜亂無章而不透氣，因此我們在設(shè)計的時候要把控好顏色的數(shù)量，通過顏色的把控讓我們的界面主次分明。
確定主色
好的色彩搭配同時還需要符合產(chǎn)品的特征和想要給用戶帶來的氛圍，比如藍(lán)色能給人帶來平靜，因此大部分的閱讀和學(xué)習(xí)類的主色調(diào)用的是藍(lán)色。
想大家都會在做產(chǎn)品之前做一些競品分析，和主要針對人群劃分以及產(chǎn)品定位，當(dāng)確定好了產(chǎn)品的方向和消費(fèi)人特征之后，就可以在上圖中選擇合適的顏色來做細(xì)微的調(diào)整。
我們在設(shè)計初期需要對項目有比較明確的了解和定位，然后提煉出比較貼切的主色來進(jìn)行定位設(shè)計。
每種顏色代表的意義也有所不同，會導(dǎo)致整個的視覺方向和感覺也會有所不同。從第一張圖中我們能夠發(fā)現(xiàn)淺藍(lán)色代表可靠，黃色代表活力，而這兩個顏色就比較符合產(chǎn)品的定位，因此在確認(rèn)了主色之后，再來搭配輔助色和點(diǎn)綴色，就會更加容易一些，因為你心里已經(jīng)知道需要搭配出怎樣的整體感覺出來。
而網(wǎng)頁設(shè)計、界面設(shè)計、banner設(shè)計等，主色調(diào)運(yùn)用的規(guī)律也會有所不同，網(wǎng)頁和界面會將主色調(diào)運(yùn)用在結(jié)構(gòu)和裝飾上，而banner和海報則視覺上要求會比較高，將主色調(diào)運(yùn)用在背景上，重點(diǎn)突出。如下圖所示：
但是這種形式大部分會在我們的視覺稿和練習(xí)里面使用的比較多，在我們平時的工作中，還是要根據(jù)所推的產(chǎn)品和主題來確定banner的顏色，但選擇范圍要在界面整體視覺效果比較協(xié)調(diào)和統(tǒng)一的情況下。
那么我們的主色從哪里來選擇呢？最常見以及最普遍的用法就是講產(chǎn)品logo的顏色來作為主題色，這樣能夠有效的保持品牌基金和視覺上的一致性。
不過有一點(diǎn)需要注意的是從視覺的角度上出發(fā)，選擇了飽和度比較高的色彩做主色時，要考慮用戶是否會在使用時造成視覺疲勞。
色盤里尋找靈感
解決了主色調(diào)的問題，在界面需要搭配其他輔助顏色的時候，如何搭配也是個很大的問題，要怎么搭配才能好看又平衡呢？我們可以從色盤里尋找靈感。
在色彩運(yùn)用中能夠達(dá)到平衡色的有三種類型：
1、互補(bǔ)色搭配
在界面的設(shè)計中，使用互補(bǔ)色的對比是視覺上最為強(qiáng)烈的，能夠給用戶的視覺產(chǎn)生強(qiáng)烈的刺激。
這種使用的比較少，但是很容易就能夠讓用戶記住，因此音遇的這種孟菲斯風(fēng)格目前在是市面上還是比較少見的，但它的整體風(fēng)格讓用戶一打開就能夠記住。
2、冷暖色搭配
用冷色和暖色的造成的視覺平衡是設(shè)計師經(jīng)常使用的方法，也是很容易就出效果的
這種顏色的搭配使用由于技巧比較多，因此對設(shè)計師的要求比較高，需要多練習(xí)
3、深淺色搭配
在設(shè)計時都用淺色會顯得界面不夠穩(wěn)定，但是使用深色又會顯得比較沉悶，因此兩者互相搭配，能夠更好的平衡畫面。如下圖所示：
深淺色搭配最經(jīng)典的案例是蘋果的產(chǎn)品圖，而最直觀給人的感受是高大上，淺色的背景搭配深色的產(chǎn)品，較多的空間留白，頁面整體穩(wěn)定平衡，同時突出產(chǎn)品主體 。
劃重點(diǎn)
1、色不過三：三色搭配，要控制在不超過三種顏色的色相范圍即可，設(shè)計的時通過顏色的把控讓我們的界面主次分明；
2、確定主色：通過產(chǎn)品定位同時搭配定義色盤來確定主色方向；
3、在色盤中尋找靈感：通過色盤來選擇界面其他顏色的搭配，達(dá)到整體視覺的平衡。
本文來源網(wǎng)絡(luò)，版權(quán)歸原作者所有，僅供參考，如有侵權(quán)，請聯(lián)系我刪除！
梅雨季節(jié)家中容易潮濕 優(yōu)質(zhì)斷橋窗品牌了解一下
做快餐加盟店需要注意的事項有哪些
ISG系列管道離心消防泵 恒壓供水設(shè)備
有什么好的生意可以做 砂鍋燜魚飯快餐可以加盟嗎
常平鎮(zhèn) 中控考勤機(jī)銷售維修公司_代理中控，科密考勤機(jī)
這才是配色的正確打開方式
如何開飾品店 六招幫你解決開店的瑣碎之事
青海噴涂石膏供應(yīng)商
4235mm鋼花管(注漿小導(dǎo)管)打孔設(shè)計與施工注漿工藝
堅果激光電視618延續(xù)銷量、銷售額雙第一超神戰(zhàn)績
EVA提環(huán)路錐 路障 交通警示安全錐 方錐 請勿泊車錐
定制PVA吸水海綿片 去污清潔吸水海綿廠家
機(jī)械式大劈力劈裂機(jī)多少錢一臺
黑鷹破拆工具四件套廠家批發(fā)
歐嘉璐尼案例分享丨三室一廳92㎡ 顏色就該這樣搭
手持式落錘彎沉儀功能及優(yōu)點(diǎn)
中頻逆變點(diǎn)焊機(jī) 中頻焊機(jī)
西城園林綠化養(yǎng)護(hù)找哪家公司，歡迎致電
結(jié)晶切片機(jī)銷售
機(jī)床導(dǎo)軌防護(hù)罩在數(shù)控機(jī)床領(lǐng)域的使用如今越來越廣泛