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

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

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

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

顏色是什么意思?

-

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

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

暖色調(diào)

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

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


冷色調(diào)

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

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

中性色

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


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


色彩心理和品牌認知

-

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

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

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

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

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

-

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




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

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


通過FuturisticBug有趣地使用補色


Studio FLACH的類似色彩

通過考慮互補,對比度和活力,你可以在色輪上進行更細微的選擇。

補充是我們看到顏色與其他顏色相互作用的方式。當(dāng)你匹配色輪兩端的顏色時,你將獲得視覺上吸引人的效果,因為它可以提供平衡,因為一種顏色可以增強另一種顏色。

對比度通過在頁面上清晰地劃分元素來集中訪問者的注意力,或者支持文本的可讀性或者將眼睛吸引到頁面的特定部分。

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

選擇原色

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


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

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

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

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

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


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

60-30-10規(guī)則

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


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

對比


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


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

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

使用圖像

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


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

使用多個圖像可能會非常棘手,因為您必須找到一種在設(shè)計中創(chuàng)建色彩和諧的方法。在這種情況下,有幾種方法可以平衡圖像:

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

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

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

-

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



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

網(wǎng)頁名稱:網(wǎng)頁設(shè)計要怎樣正確配色?
文章位置:http://www.muchs.cn/news/101240.html

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

廣告

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

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