網(wǎng)頁(yè)設(shè)計(jì)要怎樣正確配色?

2021-02-16    分類(lèi): 網(wǎng)站建設(shè)

網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目選擇正確的顏色并不是一個(gè)輕率的決定。雖然操作,銷(xiāo)售宣傳和推薦在邏輯層面上與觀眾進(jìn)行通信,但顏色在情感層面上進(jìn)行通信。良好的顏色選擇可以影響訪問(wèn)者如何解釋他們所看到的內(nèi)容,并且可以讓他們對(duì)一般品牌的愿景產(chǎn)生積極影響。沖突的顏色選擇可能會(huì)導(dǎo)致他們嘗試其他網(wǎng)站。

簡(jiǎn)而言之,色彩是設(shè)置良好第一印象的最快和最直接的方式。雖然一開(kāi)始可能看起來(lái)勢(shì)不可擋,但你可以通過(guò)色彩理論背后的科學(xué)基礎(chǔ)知識(shí)輕松確定您你的選擇。

顏色是什么意思?

-

選擇顏色不僅僅是個(gè)人喜好。每種顏色都有不同的含義,可以以特定的方式影響人們。這就是為什么顏色對(duì)于網(wǎng)頁(yè)設(shè)計(jì)如此重要 - 它有能力立即傳達(dá)有關(guān)你業(yè)務(wù)的正確信息。

讓我們來(lái)看看顏色的含義以及它們可以觸發(fā)的情感。

暖色調(diào)

紅人可以喚起激情。網(wǎng)頁(yè)設(shè)計(jì)由Aneley提供

這些可以對(duì)訪客產(chǎn)生積極的影響,但是當(dāng)它們單獨(dú)使用時(shí),往往會(huì)過(guò)度刺激。將它們與冷色和中性色混合以保持平衡是個(gè)好主意。


冷色調(diào)

這些對(duì)觀眾有鎮(zhèn)靜作用,這就是為什么它們是網(wǎng)站上最常用的顏色。但要小心 - 如果它們被過(guò)度使用,它們也會(huì)有冷或非個(gè)人感覺(jué)。

這種網(wǎng)頁(yè)設(shè)計(jì)使用藍(lán)色實(shí)現(xiàn)了忠誠(chéng)度和信任感。由DSKY設(shè)計(jì)

中性色

它們非常適合與暖色或冷色混合使用,它們通常用于降低原色,并在網(wǎng)頁(yè)設(shè)計(jì)中提供平衡。


一個(gè)偉大的網(wǎng)頁(yè)設(shè)計(jì)使用神經(jīng)色彩平衡和創(chuàng)造一個(gè)豪華,簡(jiǎn)約的感覺(jué)。網(wǎng)頁(yè)設(shè)計(jì)由 martinthehor


色彩心理和品牌認(rèn)知

-

在促進(jìn)網(wǎng)站的品牌參與方面,顏色是吸引注意力,創(chuàng)造欲望,推動(dòng)轉(zhuǎn)化和贏得訪客忠誠(chéng)度的關(guān)鍵功能。通過(guò)正確的顏色選擇,即使沒(méi)有看到logo,用戶也能夠發(fā)現(xiàn)熟悉的品牌。

顏色是科學(xué)。NenadMaksimovi?的插圖

除了上面提到的每種顏色背后的一般含義之外,品牌經(jīng)常遵循某些趨勢(shì)來(lái)創(chuàng)造認(rèn)可。例如,餐館通常是紅色和橙色,銀行和金融機(jī)構(gòu)通常是藍(lán)色的, 奢侈品通常是黑色的,酒店通常是白色,藍(lán)色,黑色或綠色。一些以其顏色著稱(chēng)的標(biāo)志性品牌包括 紅色,白色和黑色,以及 紅色和黃色組合的麥當(dāng)勞。

如果你一直試圖決定一種能夠?yàn)槟愕钠放飘a(chǎn)生共鳴的顏色,那么一個(gè)有用的練習(xí)可以是檢查這些標(biāo)志性品牌之一,并使用上面的顏色含義部分拼湊出這些推理的原因。顏色選擇。

網(wǎng)頁(yè)設(shè)計(jì)中的色彩理論

-

現(xiàn)在你已了解顏色如何影響訪問(wèn)者,你可以混合它們并有意使用它們以使用顏色理論對(duì)用戶行為產(chǎn)生更多影響。




簡(jiǎn)而言之,色彩理論是色輪上顏色相互作用背后的科學(xué),它在設(shè)計(jì)中很好地協(xié)同工作。用于配色方案的三種通常接受的結(jié)構(gòu)是三元,互補(bǔ)和模擬顏色。

通過(guò)MercClass很好地實(shí)現(xiàn)三重配色方案


通過(guò)FuturisticBug有趣地使用補(bǔ)色


Studio FLACH的類(lèi)似色彩

通過(guò)考慮互補(bǔ),對(duì)比度和活力,你可以在色輪上進(jìn)行更細(xì)微的選擇。

補(bǔ)充是我們看到顏色與其他顏色相互作用的方式。當(dāng)你匹配色輪兩端的顏色時(shí),你將獲得視覺(jué)上吸引人的效果,因?yàn)樗梢蕴峁┢胶?,因?yàn)橐环N顏色可以增強(qiáng)另一種顏色。

對(duì)比度通過(guò)在頁(yè)面上清晰地劃分元素來(lái)集中訪問(wèn)者的注意力,或者支持文本的可讀性或者將眼睛吸引到頁(yè)面的特定部分。

活力可以影響游客的情緒反應(yīng)。更明亮的色彩可以讓您感覺(jué)更有活力,深色調(diào)可以讓你放松,并幫助你更專(zhuān)注于內(nèi)容。

選擇原色

為了開(kāi)始混合你的網(wǎng)頁(yè)設(shè)計(jì)的顏色,首要任務(wù)是為你的品牌建立主要顏色。這應(yīng)該根據(jù)你的logo或其他品牌材料確定,但如果不可能,請(qǐng)使用顏色心理學(xué)和關(guān)聯(lián)來(lái)選擇一個(gè)。


這種網(wǎng)頁(yè)設(shè)計(jì)從品牌標(biāo)識(shí)中汲取了原色。網(wǎng)頁(yè)設(shè)計(jì)由 Iconic Graphics提供

開(kāi)發(fā)色調(diào)和色調(diào)

一旦你的網(wǎng)站有了主要顏色,你就可以開(kāi)始使用顏色方案了。有些網(wǎng)站可以使用單一顏色進(jìn)行設(shè)計(jì),但大多數(shù)情況下,你需要至少使用一些色調(diào)或色調(diào)。

在整個(gè)設(shè)計(jì)中使用原色并不總是最好的解決方案。你可以調(diào)低音量或增亮色調(diào),以在網(wǎng)站上創(chuàng)建微妙的變化,同時(shí)保持相同的基色。

原色橙色以不同的色調(diào)使用以創(chuàng)建重音。由UI Maniac設(shè)計(jì)


Adobe Color Wheel是用于顏色選擇的好工具之一 。你可以將中間選擇器設(shè)置為主色,然后使用顏色規(guī)則來(lái)獲取一些選項(xiàng)。此工具易于使用,在你探索網(wǎng)站的配色方案時(shí)可以提供很多幫助。

60-30-10規(guī)則

實(shí)施60-30-10規(guī)則的一個(gè)很好的例子。由JPSDesign設(shè)計(jì)


該技術(shù)簡(jiǎn)單但有效地混合不同的顏色。為了創(chuàng)造和諧,顏色通常應(yīng)該以60%-30%-10%的比例組合。你并不總是需要三種顏色,但這是一個(gè)安全和平衡的好數(shù)字。使用這種方法,60%應(yīng)該是主色,30%是次要色,10%是強(qiáng)調(diào)色。這個(gè)比例對(duì)人眼來(lái)說(shuō)是令人愉快的,因?yàn)樗试S視覺(jué)元素逐漸出現(xiàn)。

對(duì)比


高對(duì)比度,但容易在眼睛上。由JPSDesign設(shè)計(jì)


色彩對(duì)比度是視覺(jué)構(gòu)圖中非常重要的一部分。例如,如果你需要訪問(wèn)者特別關(guān)注網(wǎng)站的特定區(qū)域,你可以使用兩種高對(duì)比度的顏色,例如橙色和綠色,或紅色和藍(lán)色作為背景和按鈕。

雖然對(duì)比可能有用,但應(yīng)謹(jǐn)慎使用。如果你在整個(gè)網(wǎng)站上使用高對(duì)比度,則難以閱讀或查看文本。我建議你為大多數(shù)設(shè)計(jì)創(chuàng)建一個(gè)中級(jí)對(duì)比度,并且只有在突出顯示關(guān)鍵元素時(shí)才應(yīng)用高對(duì)比度。

使用圖像

在某些情況下,從圖像開(kāi)始可能會(huì)有所幫助。如果你有一個(gè)可以定義品牌的圖像或客戶已經(jīng)選擇了圖像,你可以從那里拉出主要顏色。


此設(shè)計(jì)中有多種顏色,中性色調(diào)可提供平衡。通過(guò)arosto

使用多個(gè)圖像可能會(huì)非常棘手,因?yàn)槟仨氄业揭环N在設(shè)計(jì)中創(chuàng)建色彩和諧的方法。在這種情況下,有幾種方法可以平衡圖像:

  • 考慮把它們變成灰度,
  • 調(diào)整圖像的活力以降低音調(diào),
  • 使用中性來(lái)平衡圖像,
  • 或者使用您為網(wǎng)頁(yè)設(shè)計(jì)選擇的調(diào)色板的色調(diào)創(chuàng)建漸變疊加層。

根據(jù)哪種解決方案最適合你的項(xiàng)目,您可以輕松地使您選擇的圖像協(xié)調(diào)一致。

顏色將網(wǎng)頁(yè)設(shè)計(jì)變?yōu)楝F(xiàn)實(shí)

-

顏色無(wú)處不在,如果使用得當(dāng),它們可以促進(jìn)你從訪客那里獲得的任何類(lèi)型的情感或動(dòng)作。雖然顏色在網(wǎng)頁(yè)設(shè)計(jì)中起著非常重要的作用,但它們并不是好布局的唯一關(guān)鍵。色彩理論只是無(wú)數(shù)工具的一個(gè)工具,你可以使用它來(lái)創(chuàng)建出色的網(wǎng)頁(yè)設(shè)計(jì)。



分享最新鮮的設(shè)計(jì)文章!提供最優(yōu)質(zhì)的設(shè)計(jì)服務(wù)!

網(wǎng)頁(yè)名稱(chēng):網(wǎng)頁(yè)設(shè)計(jì)要怎樣正確配色?
文章位置:http://www.bm7419.com/news/101240.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、網(wǎng)頁(yè)設(shè)計(jì)公司網(wǎng)站改版、品牌網(wǎng)站制作、企業(yè)建站品牌網(wǎng)站建設(shè)

廣告

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

成都定制網(wǎng)站建設(shè)