本節簡介:學習了網頁配色原則,網頁安全色的使用;網頁設計中色彩的基本原則;案例制作(一):網站配色方案調整(先給出一個普通的網站,通過配色調整煥然一新);案例制作(二):制作不同顏色網站,搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
1、網頁安全用色216種顏色;2、改變圖片顏色:圖像-調整-替換顏色;3、可以制作半透明導航條,圖像展示局部特寫避免太死板
網頁安全用色:216色顏色 紅色代表熱烈喜慶危險 橙色代表溫暖豐收的顏色和食品的頁面顏色 黃色代表活躍兒童 綠色代表環保 藍色代表科技教育 紫色代表化妝品及高端家具。橙色增加食欲 暗紅色家具橙色偏黃用于兒童活潑 紅色與女性相關 綠色健康環保 偏青色清秀豁達 藍色和平淡雅清潔海洋類制品科技類 紫色神秘高貴化妝品帶有科技性的網
網頁安全用色:216色顏色 紅色代表熱烈喜慶危險 橙色代表溫暖豐收的顏色和食品的頁面顏色 黃色代表活躍兒童 綠色代表環保 藍色代表科技教育 紫色代表化妝品及高端家具。橙色增加食欲 暗紅色家具橙色偏黃用于兒童活潑 紅色與女性相關 綠色健康環保 偏青色清秀豁達 藍色和平淡雅清潔海洋類制品科技類 紫色神秘高貴化妝品帶有科技性的網
高純度的顏色給人感覺比較歡快,低純度的顏色給人感覺比較雅致
216種顏色可以不受顯示器和瀏覽器的影響 解決失真的問題
網頁安全用色:216色顏色 紅色代表熱烈喜慶危險 橙色代表溫暖豐收的顏色和食品的頁面顏色 黃色代表活躍兒童 綠色代表環保 藍色代表科技教育 紫色代表化妝品及高端家具。橙色增加食欲 暗紅色家具橙色偏黃用于兒童活潑 紅色與女性相關 綠色健康環保 偏青色清秀豁達 藍色和平淡雅清潔海洋類制品科技類 紫色神秘高貴化妝品帶有科技性的網站
紅色代表熱烈喜慶危險 橙色代表溫暖豐收的顏色和食品的頁面顏色 黃色代表活躍兒童 綠色代表環保 藍色代表科技教育 紫色代表化妝品及高端家具。橙色增加食欲 暗紅色家具橙色偏黃用于兒童活潑 紅色與女性相關 綠色健康環保 偏青色清秀豁達 藍色和平淡雅清潔海洋類制品科技類 紫色神秘高貴化妝品帶有科技性的網站
網頁安全用色:216色顏色,可以在不同瀏覽器,不同顯示器上正常顯示顏色;1,同色系原則:明度推移:頁面和諧,主要調節明度,純色推移,色相推移;2,統一性原則:主色調,輔助色,點睛色,背景色;3情感性原則:4對比性原則
利用色相和替換顏色(主要調節色相、飽和度、明度)來對背景的顏色進行整體調節與產品顏色相符合
3、對比性原則 在以上規律的基礎上,打破常規,大膽創新,往往會出奇制勝,達到意想不到的效果。