網頁設計色彩搭配基礎知識

2022-05-29    分類: 網站建設

創(chuàng)新互聯(lián)編者:作為一個剛入行的新人,你有沒有經常會被以下問題所困擾呢?我參照了模板,為什么最終效果很別扭。為什么我的頁面設計總是花哨?大部分時候,是因為元素間的色相,明度,純度調和不合理所致,今天創(chuàng)新互聯(lián)編者為你整理,如何運用基礎的色彩三要素知識,解決這些問題!

注:說到色彩,創(chuàng)新互聯(lián)一直在跟上潮流,比如2017年的流行色,剛發(fā)布不久,創(chuàng)新互聯(lián)就有了相關的介紹和運用方法,想不落潮流的同學,記得多關注創(chuàng)新互聯(lián)官網:《2017流行網頁配色設計:草木綠》。

下面從最基礎的色彩三要素介紹。

目錄:

色彩三要素

色彩的特性

色調象征意義

一、色彩三要素

uisdc-color-20170117-2

色相即每種色彩的相貌、名稱,如紅、橙、黃、綠、青、藍、紫等。色相是區(qū)分色彩的主要依據,是色彩的大特征。

uisdc-color-20170117-3

明度即色彩的明暗差別,也即深淺差別。色彩的明度差別包括兩個方面:一是指某一色相的深淺變化,如藏藍、中藍、淺藍都是藍,但一種比一種淺;二是指不同色相間存在的明度差別,如六標準色中黃最淺,紫最深,橙和綠、紅和藍處于相近的明度之間。

uisdc-color-20170117-4

純度即各色彩中包含的單種標準色成分的多少。純度高的色色感強,即色度強,所以純度亦是色彩感覺強弱的標志。不同色相所能達到的純度是不同的,其中紅色純度高,綠色純度相對低些,其余色相居中,同時明度也不相同。

二、色彩的特性

uisdc-color-20170117-5

紅色給人積極、悅動、溫暖的感覺。藍色給人低靜、消極的感覺。綠與紫是中性色彩刺激小,效果介于紅與藍之間。中性色彩使人產生休憩、輕松的情緒。

uisdc-color-20170117-6

人對色彩的冷暖感覺基本取決于色調。色系一般分為暖色系、冷色系、中性色系三類。色彩的冷暖效果還需要考慮其他因素。例如,暖色系色彩的飽和度越高,其溫暖的特性越明顯;而冷色系色彩的亮度越高,其特性越明顯。

uisdc-color-20170117-7

各種色彩給人的輕重感不同,我們從色彩得到的重量感,是質感與色感的復合感覺。

uisdc-color-20170117-8

如果等距離的看兩種顏色,可給人不同的遠近感。如:黃色與藍色以黑色為背景時,人們往往感覺黃色距離自己比藍色近。換言之,黃色有前進性,藍色有后退性。較底色突出的前進性的色彩稱“進色”;較底色暗淡的后退色彩稱“退色”。

uisdc-color-20170117-9

一般而言,暖色比冷色更富有前進的特性。兩色之間,亮度偏高的色彩呈前進性,飽和度偏高的色彩也呈前進性。但是色彩的前進與后退不能一概而論,色彩的前進、后退與背景色密切相關。

如在白背景前,屬冷色的藍色卻給人向前擴展的感覺。

三、色調象征意義

uisdc-color-20170117-10

純色調是由高純色相組成的色調,每一個色相個性鮮明,具有挑戰(zhàn)性、令人振奮、賞心悅目。強烈的色相對比意味著年輕、充滿活力與朝氣。

中色調的刺激感僅次于高純色調,中色調加入了白色,提高了明度。因此具有清新、明朗,像少男少女的純真、朝氣蓬勃,具有上進精神。

uisdc-color-20170117-11

明色調屬于清色系列,其特征是加入了多量的白色,提高整體色調的明度。透明清麗、明凈、輕快。暖色配色,有甜美、風雅之味道,冷色調則顯清涼、舒服。

明灰調調入大量淺灰顏色,使畫面帶有灰濁味。由于過多調入灰白色,色相明度提高了,形成高明度的灰調子,這是明灰調的特征。給人平靜、高雅與恬靜的感覺。

uisdc-color-20170117-12

中灰調是一組中等明度的含灰色調,色相環(huán)中所有顏色均調入中灰色,是純度降低,色相感淡薄。中灰調帶有幾分暗沉與暗淡,有著樸實、含蓄、穩(wěn)重的特色。

暗灰調是色相環(huán)中所有顏色均調入暗灰色,使色相感呈低弱灰暗的灰調。就像烏云密布、陰郁暗淡,令人壓抑。

uisdc-color-20170117-13

中暗調調入少量黑色,此色調在保持色相原有的基礎上又籠罩了一層較深的調子,顯得穩(wěn)重老成、嚴謹與尊貴。

暗色調入了大量的黑色,形成濃濃的深色調。隱約略顯各色的相貌,這是暗色調的特征。表現(xiàn)出深沉、堅實、冷靜、莊重的氣質。

創(chuàng)新互聯(lián)同時提供了各類的設計資訊,例如,APP界面設計最新資訊、MBE風格圖標設計資訊、網頁設計基礎知識、圣誕元旦網頁設計案例、數(shù)學與設計。數(shù)學與設計是現(xiàn)在比較流行的一個趨勢。

本文標題:網頁設計色彩搭配基礎知識
網頁URL:http://www.muchs.cn/news27/160727.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、網站改版、外貿建站、面包屑導航網站建設、搜索引擎優(yōu)化

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網站優(yōu)化