網(wǎng)頁配色教程.ppt_第1頁
網(wǎng)頁配色教程.ppt_第2頁
網(wǎng)頁配色教程.ppt_第3頁
網(wǎng)頁配色教程.ppt_第4頁
網(wǎng)頁配色教程.ppt_第5頁
已閱讀5頁,還剩49頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、網(wǎng)頁配色,顏色基本理論 色彩在網(wǎng)頁中應(yīng)用,參與:博客,顏色基本概念,基色:指紅、黃、藍(lán)三種顏色。,除了白色之外,其它的顏色可以由這三種顏色按不同的比例混合出來。,顏色基本概念,色環(huán):由12種不同的顏色按一定的順序圍成的環(huán)。,顏色基本概念,相似色:給定顏色旁邊的顏色。,使用相似色的配色方案可以提供顏色的協(xié)調(diào)和交融,類似于在自然界中所見到的那樣。,顏色基本概念,互補(bǔ)色:在色環(huán)上相互正對的顏色。,使用互補(bǔ)色進(jìn)行配色,可以更鮮明地突出某些顏色。,顏色基本概念,暖色:由紅色調(diào)構(gòu)成,如紅色、橙色和黃色。,使用暖色進(jìn)行配色,給人以溫暖、舒適、有活力的感覺。,顏色基本概念,冷色:由藍(lán)色調(diào)構(gòu)成,如藍(lán)色、青色和綠

2、色。,使用冷色進(jìn)行配色,給人以穩(wěn)定、清爽。,色彩印象表現(xiàn),不同的色彩有不同的象征意義,色彩印象表現(xiàn),紅色,能量、運(yùn)動(dòng)、性感、溫暖、危險(xiǎn)、浪漫,色彩印象表現(xiàn),粉紅色,浪漫、甜蜜、溫柔、少女、母性、精神,色彩印象表現(xiàn),橙色,快樂、力量、暖和、流行、華麗、親近,色彩印象表現(xiàn),褐色,土地、信賴、忠厚、懷念、嚴(yán)肅、沉重,色彩印象表現(xiàn),藍(lán)色,平安、寧靜、精確、智慧、冷淡、信賴,色彩印象表現(xiàn),綠色,生命、春天、希望、新鮮、有毒、舒暢,色彩印象表現(xiàn),紫色,優(yōu)雅、流行、虛榮、神秘、威嚴(yán)、富貴,色彩印象表現(xiàn),黃色,光明、高貴、愉快、權(quán)力、宗教、敏感,色彩印象表現(xiàn),白色,純潔、干凈、死亡、神圣、清爽、輕盈,色彩印象

3、表現(xiàn),黑色,力量、恐懼、典雅、神秘、死亡、昂貴,色彩在網(wǎng)頁的應(yīng)用,嬰兒類網(wǎng)頁,以明亮、清潔、淡雅的色調(diào)為主 比如:粉紅、淺黃、淺紫,色彩在網(wǎng)頁的應(yīng)用,兒童、少年類網(wǎng)頁,以帶有強(qiáng)烈刺激感的色調(diào)為主 比如:橙色、紅色、黃色、藍(lán)色、綠色等,色彩在網(wǎng)頁的應(yīng)用,青年、成年類網(wǎng)頁,適合的顏色較多 比如:橙色、紅色、黃色、藍(lán)色、綠色等,色彩在網(wǎng)頁的應(yīng)用,中年、老年類網(wǎng)頁,以素雅、恬靜等柔和色調(diào)為主 比如:褐色、深藍(lán)色、深紅色、深綠色等,色彩在網(wǎng)頁的應(yīng)用,男性類網(wǎng)頁,以冷色調(diào)為主 比如:褐色、深灰色、深紅色、黑色等,色彩在網(wǎng)頁的應(yīng)用,女性類網(wǎng)頁,以暖色調(diào)為主 比如:粉紅色、紫色、淺黃色等,色彩在網(wǎng)頁的應(yīng)用,娛

4、樂、體育類網(wǎng)頁,以暖色調(diào)為主 比如:黃色、橙色、紅色等,色彩在網(wǎng)頁的應(yīng)用,優(yōu)雅、浪漫類網(wǎng)頁,以亮色、淡雅色調(diào)為主 比如:粉紅色、淡紫色、桃紅色等,色彩在網(wǎng)頁的應(yīng)用,古典神秘類網(wǎng)頁,以黑灰、復(fù)色為主調(diào),冷色及明度較低的色彩。 比如:寶藍(lán)色、紫色、褐色等,色彩在網(wǎng)頁的應(yīng)用,華麗高貴類網(wǎng)頁,以色相、明度對比大的色彩。 比如:純藍(lán)與紅色、藍(lán)黑與黃橙等,色彩在網(wǎng)頁的應(yīng)用,CSS定義顏色,背景顏色(background-color) 文字顏色(color),色彩在網(wǎng)頁的應(yīng)用,CSS定義顏色,網(wǎng)頁安全色:在不同的瀏覽器中顯示相同顏色的色彩稱為網(wǎng)頁安全色,從00,33,66,99,CC或FF中任選3個(gè)得到的顏

5、色為安全色。共216種。 比如:#FF0000、,色彩在網(wǎng)頁的應(yīng)用,定義頁面的背景,body background-color:#F99BCC; .main background-color:white; ,顏色的明暗度,顏色的呈現(xiàn)效果與底色有直接的關(guān)系,顏色的明度差異影響字體的可閱讀性,現(xiàn)在知道為什么色盲看起來辛苦了吧?,是什么在影響我們的視覺,尋找色彩的過程,色彩提取及應(yīng)用技巧,主要用到ps里的一個(gè)功能:儲(chǔ)存為WEB所用格式 快捷鍵:Ctrl+Shift+Alt+S 如圖:,步驟: 找圖 關(guān)鍵步驟,確定自己想要的風(fēng)格,找大量的符合風(fēng)格要求的圖片,進(jìn)行對比篩選,選出最符合自己要求的幾張圖片開始色彩的提取,提取顏色,將提取到的色彩進(jìn)行應(yīng)用,疊柔配色技巧,“網(wǎng)頁配色不宜超過三種” 主要是從色相(紅橙黃綠青藍(lán)紫等)來說,但通常,我們需要面對的設(shè)計(jì)需求在色彩分配上會(huì)有更多的問題出現(xiàn),三個(gè)關(guān)鍵詞:疊加、柔光和透明度(填充),配色技巧原理,設(shè)計(jì)實(shí)戰(zhàn),簡單三步: 一個(gè)黑或白色,或黑白漸變(可以是點(diǎn)、線、面甚至字體) 混合模式選擇疊加或柔光 調(diào)整透明度(1%-100%隨意,省心的做法是直接鍵入一個(gè)整數(shù)值,比如:輕質(zhì)感類

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對用戶上傳內(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論