本節簡介:學習了網頁配色原則,網頁安全色的使用;網頁設計中色彩的基本原則;案例制作(一):網站配色方案調整(先給出一個普通的網站,通過配色調整煥然一新);案例制作(二):制作不同顏色網站,搭配不同風格。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
如我們有能力將藍色在頁面中掌握很好的時候,我們可以使用一些藍色的互補色,如橙色。
當使用顏色熟練時,我們可以更大膽的使用一些點睛色,比如綠色系,我們可以使用它的互初色,如低純度的紅色。
如何更靈活的使用這216種安全用色:無彩色是可以根據頁面要求靈活使用的。更加安全、方便的配色原則是我們的同色系原則,因為它的色彩色相跳動比較的小,所以它的視覺沖擊力不大,不至于將頁面做的太混亂,或者不會使頁面顏色看上去太雜,這是我們初學者最適合的配色方式
同色系原則—色相推移:是色相中最難把握的一種,對設計師的要求非常高,因為是色相推移,它的色彩跳躍度是非常大的。圖中給人的感覺是厚重溫暖的。有重色鋪背景,給人感覺很穩重。
我們說純度就是指色彩的純凈度,高純度的顏色給人的感覺是歡快,低純度的感覺是壓制和沉穩。圖中的樣式給人的感覺充滿了童趣。
我們如何使用安全色來給網頁配色呢?介紹最常用的配色方案:①同色系:明度推移:就是同色系中從淡色到深色的演變,明度推移,給人的視覺沖擊力是比較弱的。
是不是必需用呢,在一些標志和設計中它是完全夠用的,但是我們要制作漸變色,或在網頁中填加照片的話,這些顏色明顯不夠用的。所以在使用安全色的時候,不排除使用非安全色
什么是安全用色?216種顏色對設計師來說更加安全、出彩的方案,其中6種黑白灰無彩色,其余的210種是我們常用的
同色系原則安全,但是視覺沖擊感不強,我認為在運用背景來突出產品的時候是可取的。而運用色相推移中可以運用一點調色,根據對比、深淺、明暗對比來進行視覺沖擊力。而黑白灰也可以作為跳色,來突出主要表現色彩。背景和主體的對比更加突顯你所要表達的主體。
打破常規,大膽創新往往會出奇制勝,達到意想不到的效果
粉色多用于女性相關的網站。青色潔凈、開闊的房地產網站。綠色教育類網站。藍色常用于清潔用品、海洋類制品、科技、企業等網站。紫色女性化妝品,科幻神秘類網站
暗橙色可以展現歐式風格色彩,或是復古家具。暗紅色可以適用中國風復古家具
紅色熱烈喜慶動感十足另一個極端是危險的警惕的信號。橙色溫暖陽光成熟的果實某些食物,有豐收的感覺經常用于食物的頁面。黃色有活力常用于兒童的頁面。綠色生機勃勃,環保,綠色食物產品。藍色經常用到,科技企業教的育一類的網站。紫色紫紅色通常用于女性化妝品或是高檔產品