本節簡介:學習了網頁配色原則,網頁安全色的使用;網頁設計中色彩的基本原則;案例制作(一):網站配色方案調整(先給出一個普通的網站,通過配色調整煥然一新);案例制作(二):制作不同顏色網站,搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
同色系原則:明度推移、純度推移、色相推移(最難,跳度大最難得一種配色方案)
網頁配色原則:1.統一原則【主色調 輔助色 點睛色(可以不止一個,也可嘗試大面積使用) 背景色】2.情感原則【各顏色代表的情緒體驗】3.對比原則 打破常規 與眾不同
綠色:健康,環保 青色:清秀闊達,潔凈,開闊的海邊房地產類網站 藍色:和平,淡雅,情結,科技等運用廣泛,常用于清潔用品,海洋類制品,科技,企業等網站
黃色:明快,活潑,多用在兒童類網站 粉色:多用于和女性相關的網站(美容和化妝品,香水等)
紅色;視覺沖擊力強,是熱烈沖動的色彩 橙色;活力健康,常用在食品,飲料中 暗金色:歐式,復古類網站
網頁安全色有216種顏色,可以在不同的顯示器下,不同的操作系統下,不同的瀏覽器下正常顯示顏色
網頁配色原則:1.統一原則【主色調 輔助色 點睛色(可以不止一個,也可嘗試大面積使用) 背景色】2.情感原則【各顏色代表的情緒體驗】3.對比原則 打破常規 與眾不同
網站顏色搭配: 下載一個色系表 1.明度推移選色2.色相推移3.飽和度推移4.互補色相近色等選取
同色系原則:明度推移、純度推移、色相推移(最難,跳度大最難得一種配色方案)。
網頁安全色:216種,在不同顯示器,操作系統,瀏覽器下都能正常顯示。
統一性原則:主色調 頁面色彩的主要色調,所占面積最大 ;輔助色 僅次于主色調的輔助面積,烘托融合主色調;點睛色 用來突出主題效果,與主色調反差大,面積最??;背景色 背景部分顏色,襯托整體色調。
藍色:和平、淡雅、清潔、科技等,運用廣泛,常用于清潔用品、海鮮類制品、科技、企業等網站;紫色:神秘、高貴,女性化妝品、科幻等題材網站