| 海納百川 服務永久
當前位置:HOME > 新聞資訊 > 網站建設 > 分享下網頁設計的配色技巧

分享下網頁設計的配色技巧

日期:2019-05-20      瀏覽次數:

用戶界面的構建過程之中,尤為耗時的事情是色彩的選擇。其實能夠與整個設計項目貼合、能夠覆蓋整個設計之中所有元素需求的配色,需要于設計之中急速的調整與驗證。一套強大因而有效的配色方案,可能需要好幾個小時來回的打磨。
 
所以,今天的文章,我們總結了6個關鍵的配色技巧,幫助設計師于進行網頁設計的時候,選擇合適的色彩,使得配色的過程更為輕松高效。
 
技巧1、掌握60-30-10原則
 
60-30-10原則最為早是源自在室內設計領域,室內設計師借助這一原則,創造出協調的室內設計配色。這一原則非常容易理解,借以達到平衡的配色,幾種色彩遵循這60%—30%—10%這樣的色彩配比。其中占據60% 的是主色,因而30%亦是次住色,因而占據10%的色彩應當作為提亮色。
 
這一的配色比例遭認為是甚作為令人愉悅的,于視覺感知之上,它提供了一個十分讓人舒適的色彩層次,這樣的控制讓整個網頁的色彩以此一種可控的比例呈現出來,因而絕不是把整個設計弄得一團糟。
 
技巧2、對比是你最為好的朋友
 
色彩的對比基本上是任何視覺構圖的關鍵部分。對于比度創造了UI元素的差異,亦賦予它們以此性格。值得注意的是,UI其中來自同一色系的色彩常常絕不會呈現出明顯的對比度,因而可識別度比較低的文本尤為界面信息傳達與交互的障礙。
 
設計師需要依據設計目標,來合理地控制整個產品的對比度高低。舉個例子,假如你需要讓用戶注意到特定的元素,那么最為好使用高對比度的色彩來達到引人矚目的視覺體驗,比如使用高對比度的紅色與藍色。CTA按鈕經常便是使用這樣的色彩。
 
不過,把UI視作為整體的話,高對比度的色彩可能并且總額能奏效。文本內容與背景的對比需要控制于一個合理的度下面,的話便會由于對比過小產生「暈影」的視覺效果,這會影響長時間閱讀的閱讀體驗。這便是為什么會建議設計師采用溫和的對比度控制,并僅于特定的元素之上使用高對比度。透過于不同的設備之上測試,可以讓設計師保持配色的可用性與泛用性。
 
技巧3、參考色彩心理學
 
正在如同我們于前文之中所提到的,大量我們所熟知的設計工作流程均是根據心理學原理開展的。色彩心理學是與設計息息相關的一個心理學分支,它重要研究色彩對人類情緒與行為之上的影響。我們腦部對色彩的反應實際上是非常敏感與多樣的,不過于日常生活之中我們非常難直觀地、迅速地感受到。如果人的眼睛感知到一種色彩的時候,會往大腦之內的分泌系統發出信號,并釋放刺激產生對應情緒的激素。
 
每種色彩對我們的感知與思維均有獨特的影響力,了解這些可能的反應最后可以幫助設計師正確地傳遞信息,并引導用戶依照設計師的預期用以執行。上面是一些顏色的基本的特征與含義:
 
紅色,象征愛情,自信,激情與憤怒,它是充滿活力與溫暖的色彩,予人帶來興奮的感覺。
 
黃色,能傳遞出幸福,陽光,喜悅與溫暖的情緒。
 
綠色,亦經常能予人自然、清新、富有生命力的感覺。
 
藍色,是目前最為受歡迎的顏色之一,企業經常會使用藍色來傳遞自信與讓人信賴的感覺。
 
紫色,和皇室、財富關聯密切,這亦是代表神秘與茉莉的色彩。
 
黑色,盡管與死亡、悲劇有關,不過亦能營造沉穩大氣的高級感。
 
白色,代表純潔無暇,傳達出高雅,純粹與清晰的感覺。
 
除此之外,設計師也需要明白一個事情,便是人與人的視覺感受一般是不同的,對色彩的認知也受到文化背景的影響,性別的因素對色彩偏西好的影響亦絕不小。所以,了解目標用戶的特征是非常有必要的。
 
技巧4、你們忘了文化差異
 
正在如同前文所說的,文化背景對色彩有著深刻的影響。不同的文化有著不同的傳統文化與信仰特征,而且同一一種顏色于不同的國家有著截然不同不同的解讀方式。白色于歐美國家經常象征著純潔與高貴,不過于亞洲地區,喪事亦經常遭稱為“白事”,代表著死亡與悲傷。于中國,色彩飽和度高的正色是傳承了幾千年的視覺文化元素,不過于日本,反而以此間色與低飽和度的色彩作為美。
 
只于專業的色彩知識架構下,深入了解受眾當地的文化特征,便能越來越好的降低遭誤解的風險,創造出優秀的設計。
 
技巧5、努力讓色彩協調起來
 
協調的UI設計是設計師的目標之一,因而這意味著配色某種要和諧因而令人感到舒適。透過色彩來營造富有吸引力的協調設計,能夠讓用戶清晰明了地感知到UI之中的內容,除此之外留下良好的第一印象。
 
隨著多年的摸索,于配色方案上前人總結了一些基本的配色方法:
 
單色配色。單色配色并且絕不是說僅有一種顏色,或者根據同一色系來進行配色,不同明暗、飽和度的色彩組合到一起,構成配色方案。
 
類似色。于色輪之上彼此靠近的顏色構成的配色方案。
 
對于比色。色輪之上彼此處于相對位置的色彩能夠構成鮮明的對比,這些對于比色能夠構成高對比度的配色方案。
 
拆分互補色。拆分互補色的配色原理與互補色相似,不過不同的地方在于,這樣的配色其中會采用越來越多的顏色,如果你選擇藍色后,和之搭配的絕不是對位之上的橙色,或者橙色兩邊的黃色與紅色。
 
三元色。它是于色輪之上挑選互相為120度角的三個顏色類進行配色。建議使用其中的一種色彩為主導,此外兩種色彩用來提亮。
 
雙互補色。采用兩對互補色來作為主要的配色方案。
 
技巧6、自大自然獲取配色
 
大自然是世界之上最為好的藝術家與設計師,我們于自然環境之中看到的色彩組合多半均十分的協調,而且可以說接近完美。人們所喜歡的日落與黎明,喜歡秋日的落葉與冬天的山野,由于這些色彩組合有著獨特的美感。

上一篇:網站建設之網站定位很重要

下一篇:11個網頁設計的技巧分享

返回列表

更多 +聯系我們

業務電話:0573 / 8221698018257330123

業務 QQ:  935003069

客服電話:0573 /82216980

客服 QQ569963278 E-mail:  service@seatec.cn

關于海納網絡

嘉興市海納網絡科技有限公司14年專注于網站定制及互聯網產品開發。始終秉承以客戶為中心的服務理念,"海納百川,服務永久"的服務宗旨。致力于為客戶建設一個全方位的互聯網營銷體系,幫助傳統企業實現“互聯網+”轉型升級。

多年來海納網絡專注于創意設計和品牌傳播,為企業提供全方位的網絡支持。包含網站建設、網絡應用軟件開發、微信開發、APP、企業郵箱,從策劃、設計、開發、實施維護等各階段,不斷探索視覺與體驗的完美結合,以網站建設為切入點,為客戶提供專業化的整體解決方案。

我們珍視與客戶的每次合作,始終把與客戶的共同發展作為己任,與眾多客戶在蓬勃發展的市場環境中互促共生。

爱情视频大全美国