本節簡介:學習了網頁配色原則,網頁安全色的使用;網頁設計中色彩的基本原則;案例制作(一):網站配色方案調整(先給出一個普通的網站,通過配色調整煥然一新);案例制作(二):制作不同顏色網站,搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
同色系原則:純度推移,明度推移,色相推移。如何靈活應用216安全色 。頁面顏色統一。主色調,輔助色,點睛色,背景色。對比性原則 ,配色表
配色方案:1 同色系原則(明度推移、純度推移、色相推移) 網頁色彩的基本原則:1統一性原則(主色調,頁面中的主要色調,面積最大 輔助色僅次于主色調的輔助面積,烘托融合主色調 點睛色用來突出主題效果,與主色調反差大,面積最小 背景色部分顏色,襯托整體色調)
網頁安全用色:有216種顏色,可以在不同的顯示器不同的操作系統不同的瀏覽器下正常顯示顏色。 在PS的窗口下,點擊色板,在色板右上方點擊可以調出WEB安全色
網頁安全色--(216種顏色) 最簡單的網頁配色方案--------1.同色系原則--同種顏色逐漸添加白色或逐漸添加黑色 2.純度推移 3.色相推移
純度推移,在純度退役中有重度顏色,也不會導致顏色很飄
調整頁面的主色調:圖像里面調整----色相/飽和度。注意圖像調整---替換顏色的使用
三、對比性原則:打破常規,大膽創新,出奇制勝,意想不到。
靈活使用216安全色表,會使用點睛色,背景色搭配亮色,
網頁安全色有216種顏色,可以在不同的顯示器下、不同的操作系統下、不同的瀏覽器下正常顯示顏色。在PS中,色板,WEB安全顏色,就可以看到這些顏色了。
1.網頁安全色=窗口-色板-Web安全顏色-216種顏色。2.配色方案-同色系原則(明度、純度、色相).3.統一性原則:色調(主色調、點睛色、背景色、輔助色)。4.情感性原則