本節簡介:學習了網頁配色原則,網頁安全色的使用;網頁設計中色彩的基本原則;案例制作(一):網站配色方案調整(先給出一個普通的網站,通過配色調整煥然一新);案例制作(二):制作不同顏色網站,搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
紅色:視覺沖擊力強,是熱烈沖動的色彩;橙色:活力健康,常用在食品、飲料;暗金色:歐式、復古類網站;黃色:明快、活潑,多用在兒童類網站;粉色系頁面:多用于和女性相關的網站;綠色:健康、環保,常用在教育類、環境類;青色:清秀豁達,潔凈、開闊的海邊房地產網站;
網頁色彩統一性原則:主色調、輔助色(烘托主色調,面積僅小于主色)、點睛色(面積最小、與主色調反差最大、可以一兩個)、背景色 。 情感性原則:顏色給人的感覺
216種網頁安全色——ps色板面板——三角下拉選擇web安全色,在用漸變色時也會用到非安全色。
使用安全色配色:明度推移(加白),純度推移(彩度,高純度明快、低純度雅致),同色系中色相推移(對設計師顏色把握要求高,位置、大小、比例)。 216種安全色中有黑白灰6種無彩色,與彩色搭配很安全(如低純度藍+白搭配-礦泉水網頁清爽、高純度藍+黑灰-工業網站 沉穩)。整體同色系配色+互補色點睛。
簡單的網頁配色方案——同色系原則:明度推移,純度推移,色相推移
網頁配色原則:網頁安全色有216中顏色,可以在不同的顯示器、不同操作系統下、不同的游覽器下正常顯示顏色
色相推移配色、明度推移、純度推移;紅綠為互補色;藍橙;藍白搭、黑灰與藍; 同色系配色!文字效果要統一
網頁中色彩的基本原則:統一性原則(主色調、輔助色、點睛色、背景色)、 情感性原則、對比性原則、
網頁配色原則:網頁安全色有216中顏色,可以在不同的顯示器、不同操作系統下、不同的游覽器下正常顯示顏色
如何更靈活的使用這216種安全用色:無彩色是可以根據頁面要求靈活使用的。更加安全、方便的配色原則是我們的同色系原則,因為它的色彩色相跳動比較的小,所以它的視覺沖擊力不大,不至于將頁面做的太混亂,或者不會使頁面顏色看上去太雜,這是我們初學者最適合的配色方式
若用色相飽和度調整了顏色之后,雜色還是比較多,則可以選擇菜單欄上的圖像-->調整-->替換顏色,然后點擊需要調整的顏色來進行調色
明度,飽和度,顏色替換,食品的網頁不適合使用食品腐爛時有的顏色。主圖的飽和度增加,背景的飽和度降低。
網頁色彩統一性原則:主色調、輔助色(烘托主色調,面積僅小于主色)、點睛色(面積最小、與主色調反差最大、可以一兩個)、背景色 。 情感性原則:顏色給人的感覺
216種網頁安全色——ps色板面板——三角下拉選擇web安全色,在用漸變色時也會用到非安全色。
使用安全色配色:明度推移(加白),純度推移(彩度,高純度明快、低純度雅致),同色系中色相推移(對設計師顏色把握要求高,位置、大小、比例)。 216種安全色中有黑白灰6種無彩色,與彩色搭配很安全(如低純度藍+白搭配-礦泉水網頁清爽、高純度藍+黑灰-工業網站 沉穩)。整體同色系配色+互補色點睛。