2022-06-28 分類: 網(wǎng)站建設(shè)
配色弱有救了!教你利用圖片創(chuàng)建獨有的色彩方案!我們開始設(shè)計網(wǎng)站建設(shè)的網(wǎng)頁時,總是需要先確定好網(wǎng)頁的配色方案。那么,這時,除非是客戶提出色彩方案,我們大部分要面對的情況的是,根據(jù)客戶的需求創(chuàng)建出一個色彩方案。在此,我想教大家如何從“圖片”這一來源中獲取靈感并創(chuàng)建出色彩方案。
首先,去各大網(wǎng)站搜索你喜歡的圖片,圖片的選擇應(yīng)該盡量選擇色調(diào)有變化且明暗對比也較為明顯的。因為黑白或低對比度的色調(diào)只會讓你最后的色彩方案看起來不夠鮮明。
要從配色方面吸引自己的圖片上進(jìn)行選擇。
在PS里打開這張圖片,吸取色彩。吸取色彩并不是任意選取自己喜歡的顏色就可以,根據(jù)整個圖片的色彩分布,先找到圖片的主色調(diào)。
主色調(diào)的選擇和使用
主色調(diào)的選擇依據(jù)整個圖像當(dāng)中分布最廣的一種顏色,在這張圖片中,我們可以看出分布最廣的為藍(lán)色,這些藍(lán)色呈現(xiàn)明暗層次深淺的不同,因此,在深藍(lán)到淺藍(lán)中我選擇了過渡最為均衡的一種中度灰的藍(lán)色。這種藍(lán)色在圖片上表現(xiàn)的是一團團云霧和湖泊的顏色。
選擇新建一個文件,白色底背景,圖片中選好的色彩作為前景色畫一個圓形。這個圓形也就是你的色彩方案中的第一個色彩:主色調(diào)。
在網(wǎng)頁設(shè)計的時候,主色調(diào)的使用范圍在整個網(wǎng)頁的色彩面積較大的地方,例如用于網(wǎng)頁背景或形狀元素上。當(dāng)然,一種色彩是無法開始設(shè)計的,因此接下來我們會選擇第二種顏色。
輔助色通常是一個能烘托、能與之產(chǎn)生呼應(yīng)的顏色,如果主色調(diào)是一個冷色調(diào),那么輔助色就偏向為一個暖色調(diào)。因為一張色彩豐富的圖片必定是具備冷暖兩種傾向的色彩,因此,你這時會在主色調(diào)的另外相反色溫的色調(diào)上進(jìn)行選擇。
在這里我選擇了紅色屋頂?shù)呐壬?,和藍(lán)色的冷感進(jìn)行了均衡。
輔助色的運用范圍
輔助色通常會使用在網(wǎng)頁設(shè)計中的字體、小面積的元素上。輔助色如果和主色形成了互補色就會產(chǎn)生一種強烈的對比,這時對比色還會有強調(diào)的作用。當(dāng)你想要凸顯網(wǎng)頁中某個元素時就可以試用上強調(diào)色。
那么什么是對比色呢?就是在色環(huán)上位置剛好相對的顏色,例如:紅色和綠色,紫色和橙色,藍(lán)色和黃色。
如果你覺得你選擇輔助色強調(diào)不夠強烈,你可以另外在主色基礎(chǔ)上,從色環(huán)里選擇主色的對比色,作為第三種色彩方案。
高光和陰影
這里通常是指主色調(diào)在圖片上展示出來的高光和陰影部分。這時,已經(jīng)無需完全依靠圖片了。我們的色彩方案里已經(jīng)備選了三種顏色,而剩下的色彩就在主色調(diào)基礎(chǔ)上調(diào)整變化。
主色調(diào)增加白色就變作高光部分,作為第四種顏色。
如果你的設(shè)計配色色彩偏重,這時可以往主色調(diào)添加黑色,作為第五種色彩選擇。
高光和陰影色在網(wǎng)頁中也作為一種修飾的顏色選擇,注意慎用。高光和陰影色可選其中一種作為中立色。因為這種利用黑白變幻出的顏色層次豐富,因此這里的選擇會非常多。這就需要你在最終色彩方案中再根據(jù)實際情況進(jìn)行調(diào)整。
色彩方案選擇好以后,最好確保整體顏色不得超過3種顏色:主色、輔助色、高亮/陰影色。
即使是三種顏色,但是色調(diào)都不會偏離整體的藍(lán)色基調(diào)。
在進(jìn)行色彩運用的時候,也會出現(xiàn)黑白灰的靈活運用,但要確保這些顏色的出現(xiàn)不會干擾整體畫面色彩的和諧感(左)。
大多數(shù)時候,我們未必希望純白色作為我們的底色調(diào)。要想讓整體看起來優(yōu)雅,添加一點透明度非常低的主色調(diào)作背景是必不可少的(右)。
標(biāo)題名稱:教你如何利用圖片創(chuàng)建獨有的色彩方案!
當(dāng)前路徑:http://jinyejixie.com/news/172908.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計公司、品牌網(wǎng)站制作、App設(shè)計、外貿(mào)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容