本節簡介:學習了網頁配色原則,網頁安全色的使用;網頁設計中色彩的基本原則;案例制作(一):網站配色方案調整(先給出一個普通的網站,通過配色調整煥然一新);案例制作(二):制作不同顏色網站,搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
主色調 頁面色彩的主要色調 所占面積最大 輔助色 僅次于主色調的輔助面積,烘托融合主色調 點睛色 用來突出主題效果,與主色調反差大,面積最小 背景色 背景部分顏色,襯托整體色調
【對比性原則】在以上規律的基礎上,打破常規,大膽創新,往往會出奇制勝,達到意想不到的效果。
【紅色】:視覺沖擊力強;【橙色】:活力健康,常用在食品;【暗金色】:歐式、復古類網站;【黃色】:明快、活潑,多用于兒童網站;【粉色】:女性相關網站;【綠色】:健康、環保,常用在教育類、環境類;【青色】:清秀、用于潔凈、開闊的海邊房地產網站;【藍色】:和平、淡雅、清潔、科技,運用廣泛,常用語清潔用品、海洋類制品、科技、企業等網站;【紫色】:神秘、高貴,常用于女性化妝品
【情感性原則】設計師在掌握色彩基本規律的基礎上, 還需要掌握色彩的情感因素。
如何更靈活的使用這216種安全用色:無彩色是可以根據頁面要求靈活使用的。更加安全、方便的配色原則是我們的同色系原則,因為它的色彩色相跳動比較的小,所以它的視覺沖擊力不大,不至于將頁面做的太混亂,或者不會使頁面顏色看上去太雜,這是我們初學者最適合的配色方式
配色原則,網頁安全色有216種,除去黑白灰五種,還有211色各彩色?!綾trl+u色相飽和度】【替換顏色】
配色原則,網頁安全色有216種,除去黑白灰五種,還有211色各彩色?!綾trl+u色相飽和度】【替換顏色】
配色原則:216中web安全色。同一性原則(主色調、輔助色、點睛色、背景色)、情感色原則、對比色原則、
使用 調整-替換顏色 可以單獨調整圖像中的某種顏色
網頁安全色可以在不同的顯示器操作系統和瀏覽器下正常顯色不失真,共216種
最簡單的網頁配色方案:同色系原則——同一個顏色的明度推移,純度推移,色相推移。
最簡單的網頁配色方案:同色系原則——同一個顏色的明度推移。
色彩基本原則:1統一性原則(主色調、輔助色、點睛筆、背景色)