網頁設計如何配色和選擇主色調

2021-09-01 10:35:02 字數 1005 閱讀 8212

開篇跟大家推薦我自己也在使用的

網頁平面

該網頁設計教程由傳智播客免費提供!

我自己也是搜尋了很多網上的資料,發現現在使用的

程非常不錯!

希望對和我一樣喜歡自學的朋友,一起實現理想!

沒有一種單一的設計元素會比顏色效果更能夠吸引人。顏色能夠吸引人的注意力,表達一種情緒,並傳達一種潛在的資訊。那麼什麼樣的顏色搭配才是最適合的呢?關鍵是顏色之間的關係。因為色彩總不是憑空存在的,它總是和周圍其它顏色一起出現,並相互作用。

毫無聯絡的配色對於初學者來說比較難掌握,那麼,什麼是有聯絡的配色呢?確定基色之後,我們便可以通過色彩搭配的一些定式來找尋色彩搭配。

1.單色:沒有色相的變化,通過明暗對比產生顏色搭配。這是最常用,也是效果非常好的一種配色方案。

2.近似色:一種色相環上的顏色任意兩邊的顏色都是近似色。這樣搭配可以產生一種漂亮的、低對比的水產效果。

3.對比色(又稱補色):色相環的對立面。補色有很強的對比效果。兩種互為補色的顏色應用在一起,可以傳達一種活力、興奮的效果。

4.**補色:基色對面是其補色,而補色的鄰近色我們一般稱之為**補色。這種搭配會讓畫面很生動,但是一定要注意使用的比例。

1.根據色彩分析中的色彩心理聯想、色彩表示意義、以及運用效果等等我們可以看出不同的色彩表達著不同的含義,所以在網頁設計中對於主色調的選擇一般情況下會基於色彩情感以及這種情感所使用的行業範圍。舉個例子,青色給人的心理聯想是寧靜、寒冷,而表示的意義我們可以定義為希望、寧靜、清冷……那麼運用的效果自然就能表達出希望、寧靜、寒冷之感。所以在製作冰箱、空調、文具和學校之類的設計就自然可以來使用青色。

2.根據logo來選色。一般情況下,logo的色彩即使此行業分類最典型的色彩。比如可口可樂的紅色,激情且能刺激食慾的顏色,那麼毫無疑問,我們的網頁主色調也脫離不了它。

3.如果上述兩種方法都無法讓你選擇出合適的主色調,那麼根據形象展示區域中的來進行選擇也是個不錯的主意。

網頁設計中如何去選擇主色調?

網頁設計中如何去選擇主色調?以下分享自廣州傳智播客網頁平面ui設計學院文章,廣州平面ui設計培訓就選廣州傳智播客!1.根據色彩分析中的色彩心理聯想 色彩表示意義 以及運用效果等等我們可以看出不同的色彩表達著不同的含義,所以在網頁設計中對於主色調的選擇一般情況下會基於色彩情感以及這種情感所使用的行業範...

網頁設計配色應用 色調

前面我們介紹了常用的電腦色彩模式rgb hsb,以及色彩的三大屬性,還有常用配色的基本概念和相關例項剖析。今天開始我們介紹應用部分,本節介紹調色。網頁頁面中總是由具有某種內在聯絡的各種色彩,組成乙個完整統一的整體,形成畫面色彩總的趨向,稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍,是影響配色...

網頁設計配色應用 色調

為了使網頁的整體畫面呈現穩定協調的感覺,以便充分的把握其規律來更好的分析學習,我們把視覺角色主次位置分為如下幾個概念,以便在網頁設計配色時更輕易操縱主動權。主色調 頁面色彩的主要色調 總趨勢,其他配色不能超過該主要色調的視覺面積。背景白色不一定根據視覺面積決定,可以根據頁面的感覺需要。輔色調 點睛色...