




已閱讀5頁,還剩1頁未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
美工設(shè)計(jì)配色方案 在網(wǎng)頁設(shè)計(jì)中色彩搭配是相當(dāng)重要的一個(gè)環(huán)節(jié),網(wǎng)頁的視覺效果情況對于游客的印象分有著很大的影響,因此也就形成了網(wǎng)頁美工這個(gè)行業(yè)。因?yàn)榫W(wǎng)頁視覺效果的重要性,因此在網(wǎng)頁設(shè)計(jì)的過程中,色彩搭配原則是作為一名合格的網(wǎng)頁美工必須要掌握的。網(wǎng)頁設(shè)計(jì)色彩搭配原則網(wǎng)頁美工設(shè)計(jì)中,最常用的幾個(gè)顏色為藍(lán)色、綠色、橙色,以及暗紅色。 藍(lán)色多與白、橙搭配,藍(lán)為主調(diào)。白底,藍(lán)標(biāo)題欄,橙色按鈕或ICON做點(diǎn)綴;藍(lán)天白云,沉靜整潔的感覺。 綠色多與白、蘭兩色搭配,綠為主調(diào)。白底,綠標(biāo)題欄,蘭色或橙色按鈕或ICON做點(diǎn)綴,綠白相間,雅致而有生氣。 橙色多與白、紅搭配,橙為主調(diào)。白底,橙標(biāo)題欄,暗紅或桔紅色按鈕或ICON做點(diǎn)綴,橙色活潑熱情,標(biāo)準(zhǔn)的商業(yè)色調(diào),因此多用于商業(yè)網(wǎng)站的網(wǎng)頁美工設(shè)計(jì)。 暗紅色顯得寧重、嚴(yán)肅、高貴,需要配黑和灰來壓制刺激的紅色,常以暗紅為主調(diào)。黑或灰底,暗紅標(biāo)題欄,文字內(nèi)容背景為淺灰色。 網(wǎng)頁美工設(shè)計(jì)色彩忌諱盡管三原色的相互搭配創(chuàng)造出了無數(shù)顏色,可不是所有的顏色都適用于網(wǎng)頁美工設(shè)計(jì),不同的顏色在搭配上也有著其中的學(xué)問,網(wǎng)頁設(shè)計(jì)就相當(dāng)于平面設(shè)計(jì),網(wǎng)頁設(shè)計(jì)師可以將平面設(shè)計(jì)中的審美觀點(diǎn)套用到這上面來,所以平面設(shè)計(jì)上的審美的觀點(diǎn)在網(wǎng)頁設(shè)計(jì)上非常實(shí)用。 在網(wǎng)頁美工設(shè)計(jì)中對于色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。 忌臟是指背景與文字內(nèi)容對比不強(qiáng)烈,灰暗的背景令人沮喪! 忌純是指艷麗的純色對人的刺激太強(qiáng)烈抗議,缺乏內(nèi)涵。 忌跳是指再好看的顏色,也不能脫離整體。 忌花是指要有一種主色貫穿其中,主色并不是面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領(lǐng)導(dǎo)者一樣,雖然在人數(shù)上居少數(shù),但起決定作用。 忌粉是指顏色淺固然顯的干凈,但如果對比過弱,顯得蒼白無力了,就象病夫一樣無可救藥。 另外,藍(lán)色忌純,綠色忌黃,紅色忌艷。 設(shè)計(jì)師不要“為設(shè)計(jì)而設(shè)計(jì)”。再炫酷的頁面效果、再豐富的表現(xiàn)形式,如果偏離了以用戶為中心的主線,讓用戶抓不住重點(diǎn),感悟不到網(wǎng)頁本身所需要體現(xiàn)的信息,那么,再好的畫面呈現(xiàn)也是敗筆。 一、學(xué)配色,必須先了解配色比例 日本的設(shè)計(jì)師提出過一個(gè)配色黃金比例,是70:25:5,其中的70%為大面積使用的主色,25%為輔助色,5%為點(diǎn)綴色。一般情況下建議畫面色彩不超過3種,3種是指的3種色相,比如深紅和暗紅可以視為一種色相。 一般來說顏色用的越少越好,顏色越少畫面越簡潔,作品會顯得更加成熟,顏色越少我們越容易控制畫面。除非有特殊情況,比如一些節(jié)日類的海報(bào)等,要求畫面有一種熱鬧,活力的氛圍的,多些顏色可以畫面顯得很活躍,但是顏色越多越要嚴(yán)格按照配色比例來分配顏色,不然會使得畫面非常混亂,難以控制。 二、了解色彩的關(guān)系 色彩搭配就是不同色相之間相互呼應(yīng)相互調(diào)和的過程,色彩之間的關(guān)系取決于在色相環(huán)上的位置,色相和色相之間距離的角度越近,則對比越弱,離得越遠(yuǎn)則對比越強(qiáng)烈。 背下這六種色相之后,那你的配色之旅已經(jīng)起步了,因?yàn)樗械念伾伎梢愿鶕?jù)這六種基礎(chǔ)色相來調(diào)配。這就是六字真言。下面我們來說下3種最最常見的色彩配色方式。 相鄰色搭配 在色輪中挨著比較近的就是鄰近色,根據(jù)紅橙黃綠藍(lán)紫這六字順序,相鄰色搭配就是紅+橙,橙+黃,黃+綠,綠+藍(lán)以此類推。 相鄰色因?yàn)楸容^鄰近,有很強(qiáng)的關(guān)聯(lián)性,非常協(xié)調(diào)柔和,畫面非常和諧統(tǒng)一,可以制造出一種柔和溫馨的感覺,因?yàn)樵谏喼形恢幂^近所以這種搭配視覺沖擊力較弱。 幾個(gè)例子: 這兩張基本都是采用相鄰色的搭配方式,第一張還加了一筆橙色起到點(diǎn)綴的作用,整體畫面非常柔和協(xié)調(diào),因此這類配色常用家居,棉織品,小清新淡雅的服裝,中國風(fēng)等能給人以寧靜,柔和,傳統(tǒng)感覺的產(chǎn)品。 相近色搭配中還有一種單色系的搭配方式,采用同一色相,僅僅調(diào)整該色的明度/飽和度,得到另外一種顏色。如上圖所示,文字顏色就是用背景色降低飽和度/明度后的結(jié)果。本身背景色明度很高,又采用單色搭配手法所以會給人高雅,淡雅,寧靜的感覺。主標(biāo)題的字體也配合整個(gè)畫面采用了一些變形,使得整體非常統(tǒng)一和諧。 七夕這張圖片使用的藍(lán)與紫搭配,畫面寧靜和諧。旁邊這張圖片使用的單色搭配,深藍(lán)+淺藍(lán),畫面統(tǒng)一帶有一點(diǎn)傳統(tǒng)的感覺。 這張海報(bào)用的紅+橙的搭配方式,以橙色為主色調(diào),背景中采用不同橙色增加了畫面的空間感,并且讓畫面看起來不是那么的單調(diào)。海報(bào)中鄧超驚訝的表情,以及背景傾斜的線條和幾何方塊的點(diǎn)綴,漂浮的產(chǎn)品使得原本穩(wěn)定的畫面變得活潑輕快富有沖擊力,可見海報(bào)做成什么格調(diào)也與畫面每個(gè)組成部分都有密切的關(guān)系。 間隔色搭配 根據(jù)紅橙黃綠藍(lán)紫這六字順序,紅+黃,橙+綠,黃+藍(lán),綠+紫,藍(lán)+紅,因?yàn)檫@種搭配方式中間都隔了一個(gè)顏色,因此稱為間隔色。 間隔色相比較相鄰色,2色之間在色輪上相隔遠(yuǎn)一些,因此視覺沖擊力會強(qiáng)于相鄰色,而且間隔色使用非常廣泛,既沒有180互補(bǔ)色沖擊力那么具有刺激性,又比相鄰色多了一些明快丶活潑丶對比鮮明的感覺。特別是紅黃藍(lán)三原色之間的相互搭配,應(yīng)用非常廣泛,也非常流行。 幾個(gè)例子: 這張基本是很典型的藍(lán)黃間隔色搭配,畫面非常明快時(shí)尚,文字還采用了白色作為調(diào)和。藍(lán)色本身就具有一種科技的格調(diào)。這里用藍(lán)黃白搭配再合適不過了。 這張是典型的三原色紅黃藍(lán)組合,畫面比例控制的非常好,以藍(lán)色為點(diǎn)綴,也采用了白色作為調(diào)和緩沖,使得畫面有一定的空間感。 紫綠搭配,很明快,略帶一絲傳統(tǒng),算是一種中性的搭配方式。 紅黃百搭色,有非常搶眼的促銷感。 大家可以看上方這幾個(gè)圖片的背景都不是單一顏色,比如最后這張海報(bào),紅色背景上又加了一個(gè)深紅色的放射性背景。第三張海報(bào),紫色背景后面還加了一些深紫色的幾何方塊做點(diǎn)綴。雖然是兩個(gè)顏色,但是都屬于一種色相,這樣可以使得畫面擺脫單調(diào)的感覺,增加畫面的空間感,給人以活潑時(shí)尚的感覺。 配色一定要控制好畫面的色彩比例! 重點(diǎn)說下紅藍(lán)搭配:紅藍(lán)搭配應(yīng)用非常廣泛,因?yàn)檫@2個(gè)顏色是典型的冷暖結(jié)合的顏色,有很強(qiáng)的對比性,會給人留下很深刻的印象。比如百度的logo,百事
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 環(huán)境友好型業(yè)務(wù)開展證明(5篇)
- 能源與環(huán)境工程測試題庫
- 2025年庭院木制品項(xiàng)目市場調(diào)查研究報(bào)告
- 2025年平面發(fā)光條項(xiàng)目市場調(diào)查研究報(bào)告
- 個(gè)人投資融資資金出資證明(7篇)
- 酒水供貨協(xié)議合同
- 開學(xué)典禮上的發(fā)言中學(xué)生演講稿一則14篇范文
- 中學(xué)文言文基礎(chǔ)教程:古代散文篇目教案
- 湘教版七年級下冊數(shù)學(xué)課堂互動計(jì)劃
- 傳統(tǒng)節(jié)日清明節(jié)作文素材15篇
- 店面出讓股權(quán)協(xié)議書
- 深圳2025年深圳市住房公積金管理中心員額人員招聘8人筆試歷年參考題庫附帶答案詳解
- 英文電影鑒賞知到智慧樹期末考試答案題庫2025年北華大學(xué)
- 美容診所合作協(xié)議書
- 2025年人教版小學(xué)一年級下學(xué)期奧林匹克數(shù)學(xué)競賽試卷(附答案解析)
- 2025年滁州市軌道交通運(yùn)營有限公司第二批次招聘31人筆試參考題庫附帶答案詳解
- 2025年高考英語考前熱點(diǎn)話題押題卷(新高考Ⅰ卷)-2025年高考英語模擬考試(解析版)
- 中外航海文化知到課后答案智慧樹章節(jié)測試答案2025年春中國人民解放軍海軍大連艦艇學(xué)院
- 復(fù)調(diào)音樂巡禮-巴赫勃蘭登堡協(xié)奏曲 課件-2023-2024學(xué)年高中音樂人音版(2019)必修音樂鑒賞
- Q∕GDW 11958-2020 國家電網(wǎng)有限公司應(yīng)急預(yù)案編制規(guī)范
- TCSCS 009-2020 鋼結(jié)構(gòu)滑移施工技術(shù)標(biāo)準(zhǔn)
評論
0/150
提交評論