【網頁設計】優秀網頁設計中的色彩心理學

發布時間:2019-11-21 18:55:00

色彩心理學廣泛應用于各種設計中,從日用品、品牌標識、網站配色等,色彩是用戶床上信息的重要元素。

【網頁設計】優秀網頁設計中的色彩心理學

色彩心理學廣泛應用于各種設計中,從日用品、品牌標識、網站配色等,色彩是用戶床上信息的重要元素。

根據相關分析,當人們看到某種顏色時,眼睛會向大腦中一個叫做“下丘腦”的區域發送信號,然后這些信號也會依次傳遞到垂體和甲狀腺,這些信號刺激激素分泌,從而引起情緒波動并影響人類活動。

根據科學研究,顏色會影響人們的情緒。在網頁設計中,網站的設計可以在90秒內影響網站訪問者的印象。其中,色彩的決定性作用占62%-90%。

不同的顏色對不同的人有不同的意義和作用。此外,由于個人性格和文化背景的不同,即使是同一種顏色也會有不同的功能和意義。

色彩心理學在設計中并不是一個特定的學科,它因個人認知的不同而不同。性別等社會學因素也會影響色彩的功能。更深入的研究表明,不僅顏色本身會對外界產生影響,品牌對顏色的使用也會影響用戶體驗。

一般來說,女性喜歡紫色,而男性用戶并不感冒。所以在下面的圖片中,歐萊雅巴黎的網站有一個黑色的頁眉和頁腳,給人帶來經典和優雅的感覺。頁面中間有一層紫色半透明層,將網站產品的高端和低成本信息傳遞給用戶。

此外,網站字體為白色,使網站看起來更加現代化,給人們帶來一種平和的感覺。紫色強調女性化、奢華和優雅。網站的整體色彩特別適合品牌定位。

以下是女性健康雜志的網頁。頂部的橫幅是粉紅色的,而頁面的其余部分是無色或白色的,這主要依靠圖片和突出的黑色字體來引導用戶。這個顏色選擇很有趣,但可能不適合這個網站。

通常,網站會為女性用戶選擇粉色。粉色的誕生會同時讓人想起糖果。在一個關注女性健康的網站上,這樣強調粉色是不合適的。進一步訪問該網站,每個子頁面的頂部橫幅使用粉紅色,而在減肥頁面中,整個頁面的顏色使用更多的粉紅色和類似的亮色。這種顏色搭配可能會適得其反。

在網站設計中,通常不可能只使用一種顏色,所以設計師首先要選擇網站的整體配色方案,事先確定每種單色的應用和配色效果,并考慮顏色對用戶的影響以及主次色之間的相互作用。

接下來,我將介紹三種配色方法,幫助您做出有效合理的配色。

1:三色系原理

這一原則是最基本、最平衡的方法,它利用了色彩的生動性和互補性。設計師可以選擇相隔120?的三種顏色作為背景色、內容頁顏色和導航顏色。

2:互補色匹配

第二種方法有點困難,但非常有效。需要提前練習。這種方法需要選擇一組互補色和一組對比色。

3:相似顏色匹配

第三種方法只關注互補色。設計師需要仔細選擇,并考慮到色彩搭配給用戶的感覺。這種方法會增強色彩的生動性,所以有必要加以控制,以免夸大色彩。因此,無論選擇哪種顏色,都需要考慮整體的色彩效果。

看看下面的網站配色。你認為它傳遞給外界的是什么樣的信息?

1:背景色:黑色的背景色傳達經典、高品質、正式、統一的感覺。顯然,具有引導功能的網站需要使用顏色匹配來提供“高質量”和“正式”功能“統一”有助于確保用戶粘性。

2:按鈕顏色:網站CTA按鈕為紅色,與黑色背景對比強烈。效果明顯。鼓勵用戶注冊。第二個重要的按鈕是黑白邊框的黑色。

3:字體顏色:白色字體明顯,與網站整體顏色匹配。圖標還使用白色來呈現簡單的線條繪制樣式,該樣式放置在折疊菜單的底部,以鼓勵用戶下拉并瀏覽更多內容。

總體而言,網站設計精良,給人一種經典而相對正式的感覺。正確使用紅色不僅不能搶占風頭,而且能起到很好的激勵作用。

一般來說,棕色是與自然聯系在一起的,自然是大多數男性用戶最不喜歡的顏色,但在某些特定的情況下,它可以很好地工作,因為棕色也意味著信任。

upsslogo中的brown效果很好,因為UPS想要傳遞的信息是“可信的”。

但有趣的是,棕色也給人一種硬朗的感覺,所以它適合帶有侵略性運動的運動服。

需要再次強調的是,設計師必須注重色彩搭配,努力營造和諧的視覺體驗。

AdobeColorCC、Paletton、FlatUIColorPicker、MudcubeColorSphere、CheckMyColours、Color

結論:

色彩是設計中的一個重要元素,也是整個品牌的一個重要方面。所選顏色必須傳達符合品牌特征的信息,以及品牌的整體故事和意義。一般來說,設計師需要配合現有的標志來選擇基于現有信息的顏色。


聯系我們,談您的需求

立即咨詢
青海十一选五走势图表