網頁顏色的基本認識

2021-04-12 13:07:52 字數 3179 閱讀 9634

1. rgb

顏色網頁顏色主要由

3種基本顏色和組成,它們是紅(

red)、綠(

green

)、藍(

blue

)。2.

色環3.

顏色的三要素

色相、純度、明度。

4. 不同顏色代表的含義

紅色紅色是一種對視覺器官產生強烈刺激的顏色,在視覺上容易引起注意,在心理上容易引起情緒高昂。

紅的的具體表現是:火、血、心、蘋果、夕陽、婚禮、春節等。

紅色的抽象表現在:熱烈、喜慶、危險、革命、女性。

橙色橙色也是一種對視覺器官產生強烈刺激的顏色,由紅色和黃色組成,比紅色多些明亮的感激,容易引起注意。

橙色的具體表現是:橘子、柿子、秋葉、磚頭等。

橙色的抽象表現是:快樂、溫情、積極、活力等。

黃色黃色也是一種對視覺器官產生明顯刺激的顏色,容易引起注意。

紅色的具體表現是:香蕉、檸檬、**、蛋黃、帝王等。

黃色的抽象表現是:光明、快樂、豪華、注意、活力、色情等

綠色綠色對視覺器官的刺激溫和,所以一般人都知道眼睛疲倦時,看著綠色有調節和恢復作用。

綠色的具體表現是:草、植物、森林、公園、地球、安全等。

綠色的抽象表現是:新鮮、春天、有生命力、和平、安全、年輕、清爽、環保等。

藍色藍色對視覺器官的刺激較弱,在光線不足的情況下不易辨認,就有緩和情緒的作用。所以在情緒波動時,看著藍天和海洋,可以讓心情平靜。

藍色的具體表現是:水、海洋、天空、游泳等。

藍色的抽象表現是:穩重、理智、高科技、清爽、涼快、自由、憂鬱等。

紫色紫色由藍色和紅色組成,對視覺器官的刺激正好綜合強弱,形成中性色彩。

紫色的具體表現是:葡萄、茄子、紫菜、紫羅蘭、紫丁香等。

紫色的抽象表現是:神秘、優雅、女性化、浪漫、憂鬱等。

褐色褐色時橙色中加入了一定比例的藍色或黑色所形成的暗色,對視覺器官刺激很弱。

褐色的具體表現是:麻布、樹幹、木材、皮革、咖啡、茶葉等。

褐色的抽象表現是:原始、古老、古典、穩重、男性化等。

白色白色的自然日光是由許多種有色光組成的,白色是光明的顏色。

白色的具體表現是:光、白天、白雲、雪、白紙、兔子、棉花、**、新娘等。

白色的抽象表現是:純潔、乾淨、善良、空白、光明、寒冷等。

黑色黑色對視覺器官的刺激最弱。

黑色的具體表現是:夜晚、頭髮、木炭、墨、煤、黑人等。

黑色的抽象表現是:罪惡、汙點、黑暗、恐怖、神秘、穩重、科技、高貴、不安全等。

灰色灰色的白色和黑色的組合,對視覺器官的刺激微弱。

灰色的具體表現是:金屬、水泥、砂石、陰天、烏雲、老鼠等。

灰色的抽象表現是:柔和、科技、年老、沉悶、黯淡、空虛、中性、缺乏生命力等。

按風格進行配色

1. 清爽風格

多用白色配藍色系或綠色系,設計以白色為主,藍色系或綠色系的明度應較高。

因藍色具有涼快、自由的感覺,使我們容易聯想到天空、海洋;而綠色具有新鮮、清爽的感覺,容易聯想到大自然、春天;和白色配合,就會感覺清新、爽快。

文字顏色可以稍微調亮,配合淺色作為過渡色。

2. 活潑風格

以白色或明度較高的顏色為主色,與黃色、綠色或多種顏色配合。注意顏色的純度、明度應較高,顏色艷麗,看起來就會很活潑。而黃色、綠色則是兩種過渡很好的色調,感覺活潑、有生氣。類似的配色還有黃色配橙色或配紅色等。

因為顏色多、對比度大,所以文字顏色的對比也盡量大。

3. 古典風格

以褐色系或黃色為主調,畫面明度偏低。

因褐色容易產生原始的、古老的、古典的、穩重的感覺,就像中國古畫,經歷歲月風霜後褪色一樣。

4. 科技金屬風格

多用黑色或暗色為底色,配合黃色系、藍色或灰色為前景色。

藍色有科技的感覺,而銀灰、黃色則有金屬的感覺。金屬外形最大的特點就是發出光芒,所以對這種風格進行配色,更重要的是通過顏色的漸變顯出立體的感覺,配合白色,模仿關照的效果。

5. 科技點陣風格

多用藍色系配合灰色或黑色。

同樣的,藍色、灰色、黑色都有科技的感覺。點陣風格最大的特點就是精緻細膩,像電子線路板。所以對這種風格進行配色,更重要的是公國線條的顏色、小點的顏色顯出細膩的感覺。

6. 商業化風格

多以白色為主,配以黑色或多種暗色。

黑色、藍色等深色都具有穩重,科技的感覺。而以白色為主色調,畫面明亮,顏色鮮明。可配合灰色為輔助色。

7. 總結:

版面應寬敞,顯出「大氣」的感覺。

按企業形象進行配色

企業形象的全稱為企業形象識別系統(

corporate identity

),即ci

。他是企業內而外有計畫的展現形象的系統工程。對內而言,它形成企業文化;對外而言,它得到社會的認知,從而獲得公信力。

ci是企業的外表形象,基本要素包括公司名稱、標誌、標準色、字型等。所以要對企業進行網頁設計,可以考慮運用企業的標準色進行配色。另外還可以適當加以輔助色,淺灰色等明度較大的顏色不會有明顯的對比效果,是作為輔助色的較佳選擇。

按顏色對比進行配色

1.同系色配色

同系色是指具有色名的顏色,如藍、天藍、水藍、深藍等。用同系色,或相鄰色名的配色(色相值相鄰),容易產生該顏色所表現的意境,同時利用明度的差別產生層次感,使畫面更豐富。

用相鄰的顏色主題可以實現色彩的融恰與融合,同自然界中看到的色彩相近。

2.大對比色配色

和同系相反,用兩種或多種色相不相鄰的顏色進行配色,容易產生強烈的對比,畫面鮮豔,不會有單調的感覺。

3.和諧色配色

和諧色配色是指用亮度較高但純度較低的顏色進行配色。由於顏色純度低,容易形成淡灰的感覺,但把亮度調高,就形成較為淡雅的感覺。

4.注:

亮度不能過低,否則顏色灰暗,會有沉悶、不爽快的感覺。

配色後的修飾 1.

漸變修飾

對大面積的單一顏色填充漸變色,可選擇同系色的漸變,如對大面積的藍色,可填充淺藍色至藍色,而不是填充對比很強的漸變色。

或者對圖層設計格式,新增巴色至黑色的漸變,把混合模式設為「疊加」,然後把不透明度降低即可。

2.底圖修飾

對大面積的單一顏色填充底圖,可選擇顏色變化不大的底圖,或選擇適當的底圖,設計圖層混合模式為「柔光」或「疊加」。對比不能太強,也不能和文字顏色相近,否則影響文字的檢視。

3.點、線的修飾

在不同顏色的交界處加上白色線或黑色線,有助於顏色的過渡。加入少量圓、點、線,也使畫面顯得更精緻。必要時可調節圖層的混合模式為「柔光」或「疊加」。

網頁布局與顏色運用的基本準則

在網頁設計的眾多環節中,頁面布局 顏色搭配是最為重要的環節之一。接下來,我們將通過五條準則來告訴您如何在布局 顏色方面讓您的網頁看起來更舒適 更美觀。首先,讓我們來講講有關頁面的布局。準則一 有太多的條條框框會對你的健康產生不好的影響 有一名設計師說當他或她在頁面設計時開始使用一些條條框框以及一些準...

網頁布局與顏色運用的基本準則

doctype html public wcdtd xhtml stricten httpwwwworgtrxhtmldtdxhtml strictdtd 在網頁設計的眾多環節中,頁面布局 顏色搭配是最為重要的環節之一。接下來,我們將通過五條準則來告訴您如何在布局 顏色方面讓您的網頁看起來更舒適 更...

1 認識網頁結構和基本爬蟲原理

1.1.網頁的組成 html 超文字標記語言 css 層疊樣式表 jscript 活動指令碼語言 首先,先寫乙個簡單的html,大致了解一下。在txt中編寫如下內容,然後將檔案字尾.txt直接改為.html,最後執行即可。python爬蟲學習筆記 1.2.爬蟲的基本原理 爬蟲其實就是乙個請求 req...