當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

啥是色相環_認識色相環

啥是色相環_認識色相環

更新時間:2023-06-20 文章作者:未知 信息來源:網絡 閱讀次數:

Adobe Dreamweaver,簡稱“DW”,中文名稱夢想編織者,最初為美國Macromedia公司開發,2005年被Adobe公司收購。DW是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持,設計師和程序員可以在幾乎任何地方快速制作和進行網站建設。

什么是色相環認識色相環
本節將說明在不同類型網頁中會使用到的色彩相關知識,什么是色相環呢?下面我們就來認識色相環。

一、鄰近色

鄰近色是指色相環中最相近的三種顏色,如圖所示。鄰近色的搭配會給人舒適、自然的視覺感受,在網站設計中運用最廣泛。

運行效果

二、分裂互補色

分裂互補色是由補色兩邊的顏色組成的,如圖所示。選擇一種顏色,在色相環的相對方向找到補色,然后使用補色左右兩邊的色彩。

運行效果

三、互補色

互補色是指色相環中正好相對的兩種顏色,如圖所示。如果希望突顯某些色彩,使其更加鮮明,使用互補色是個好方法。使用時也可以調整一下補色的明亮度,試試不同的效果。

運行效果

三、三色組

三色組是色相環上等距離的任何三種顏色,如圖所示。若在配色時使用三色組,會帶給人緊張的感覺,這是因為這三種顏色的對比很強烈。

運行效果

四、暖色

暖色跟黑色調和之后可以達到很好的效果,如圖所示,一般應用于購物、電子商務與兒童類型的網站,以展現商品的豐富與多元化,使網站看起來既活潑又溫馨。

運行效果

五、冷色

冷色跟白色調和之后可以達到很好的效果,如圖所示,一般應用于資訊、科技與游戲類型的網站,使網站以嚴謹、穩重的效果呈現。

運行效果

六、對比色
對比是兩種相鄰顏色之間所能察覺到的區別,由于白色和黑色不是真正的顏色,因而這兩種顏色主要用來表示明暗。白色和黑色呈現出無彩色中最強烈的對比,如圖所示。

運行效果

而色相環中的互補色則呈現最大的彩色對比。人的肉眼對于彩色的對比比對無彩色的對比更敏感。當使用一種顏色,并針對其提高或降低明度時,就能建立單色對比,如圖所示。

運行效果

七、色彩均衡

若要讓網站看起來舒適、協調,除了文字、圖片、多媒體等內容合理的配置之外,色彩均衡也是相當重要的因素。網頁不可能只使用一種單一顏色來設計,不同色彩的運用及其所占比例都是色彩是否均衡的關鍵,例如,鮮艷明亮的色彩只占一點點面積,就能令人感覺舒適、不刺眼。


Adobe Dreamweaver使用所見即所得的接口,亦有HTML(標準通用標記語言下的一個應用)編輯的功能,借助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品