本節簡介:學習了網頁配色原則,網頁安全色的使用;網頁設計中色彩的基本原則;案例制作(一):網站配色方案調整(先給出一個普通的網站,通過配色調整煥然一新);案例制作(二):制作不同顏色網站,搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁安全色=====配色方案-----1.同色系原則(明度推移,純度推移,色相推移)
對比性原則:在規律的基礎上,打破常規,大膽創新,往往會出奇制勝,達到意想不到的效果
紅色:視覺沖擊力強;橙色:活力健康,常用在食品;暗金色:歐式、復古類網站;黃色:明快、活潑,多用于兒童網站;粉色:女性相關網站;綠色:健康、環保,常用在教育類、環境類;青色:清秀、用于潔凈、開闊的海邊房地產網站;藍色:和平、淡雅、清潔、科技,運用廣泛,常用語清潔用品、海洋類制品、科技、企業等網站;紫色:神秘、高貴,常用于女性化妝品
統一性原則:主色調:占面積最大,輔助色:顏色僅次主色調,融合主色調;點睛色:用來突出主題效果,與主色調反差大,面積最??;背景色:烘托網頁總體氣氛
網頁配色方案:同色系原則-明度推移、純度推移、色相推移
網頁中色彩的基本原則:三、對比性原則, 在以上規律的基礎上,打破常規,大膽創新,往往會出奇制勝,達到意想不到的效果。
藍色,和平、淡雅、清潔、科技等 運用廣泛 常用于清潔用品、海洋類制品、 科技、企業等網站;紫色,神秘、高貴 女性化妝品、科幻等題材網站
紅色,視覺沖擊力強, 是熱烈沖動的色彩;橙色,活力健康 常用在食品、飲料;暗金色,歐式、復古類網站;黃色,明快、活潑,多用在兒童類網站;粉色,多用在和女性相關的網站;綠色,健康、環保 常用在教育類、環境類;青色,清秀豁達,潔凈、開闊的海邊房地產網站;
網頁中色彩的基本原則,二、情感性原則:設計師在掌握色彩基本規律的基礎上, 還需要掌握色彩的情感因素。
web安全色調用方法:【窗口】--【色板】,追加“web安全顏色”
網頁安全色有216種顏色,可以在不同的顯示器下、不同的操作系統下、不同的瀏覽器下正常顯示顏色。
想替換頁面顏色中局部的顏色用:圖像-調整-替換顏色
三、對比性原則:在以上規律的基礎上,打破常規,大膽創新,往往出奇制勝,達到意想不到的效果。
二、情感性原則:相關的色彩所代表的感情色彩,例如紅色表示熱烈、激情,綠色代表健康、活力,紫色代表神秘高貴,藍色代表科技、創新,橙色和黃色系一般運用到食物的網頁設計中,兒童頁面明快活潑,健康活力,給人食欲感,偏暗橙色復古歐式,暗紅色中國復古家居,粉色系用到女人相關的網站。
一、統一性原則 主色調:頁面色彩的主要色調,所占面積最大;輔助色:僅次于主色調的輔助面積,烘托融合主色調;點睛色:用來突出主題效果,與主色調反差大,面積最??;背景色:襯托整體色調。
在使用灰色的時候經常使用不同層次和明度的灰色搭配,以及其他不用顏色的點綴來使得畫面不至于呆板。
黑白灰可以隨意使用,而其他的顏色選擇時最好在一個色系相鄰選色(安全),如果掌握以后可以在大面積用色的基礎上選一些互補色來點睛。