2021-02-16 分類: 網站建設
網頁設計項目選擇正確的顏色并不是一個輕率的決定。雖然操作,銷售宣傳和推薦在邏輯層面上與觀眾進行通信,但顏色在情感層面上進行通信。良好的顏色選擇可以影響訪問者如何解釋他們所看到的內容,并且可以讓他們對一般品牌的愿景產生積極影響。沖突的顏色選擇可能會導致他們嘗試其他網站。
簡而言之,色彩是設置良好第一印象的最快和最直接的方式。雖然一開始可能看起來勢不可擋,但你可以通過色彩理論背后的科學基礎知識輕松確定您你的選擇。
顏色是什么意思?
-
選擇顏色不僅僅是個人喜好。每種顏色都有不同的含義,可以以特定的方式影響人們。這就是為什么顏色對于網頁設計如此重要 - 它有能力立即傳達有關你業務的正確信息。
讓我們來看看顏色的含義以及它們可以觸發的情感。
暖色調
紅人可以喚起激情。網頁設計由Aneley提供
這些可以對訪客產生積極的影響,但是當它們單獨使用時,往往會過度刺激。將它們與冷色和中性色混合以保持平衡是個好主意。
冷色調
這些對觀眾有鎮靜作用,這就是為什么它們是網站上最常用的顏色。但要小心 - 如果它們被過度使用,它們也會有冷或非個人感覺。
這種網頁設計使用藍色實現了忠誠度和信任感。由DSKY設計
中性色
它們非常適合與暖色或冷色混合使用,它們通常用于降低原色,并在網頁設計中提供平衡。
色彩心理和品牌認知
-
在促進網站的品牌參與方面,顏色是吸引注意力,創造欲望,推動轉化和贏得訪客忠誠度的關鍵功能。通過正確的顏色選擇,即使沒有看到logo,用戶也能夠發現熟悉的品牌。
顏色是科學。NenadMaksimovi?的插圖
除了上面提到的每種顏色背后的一般含義之外,品牌經常遵循某些趨勢來創造認可。例如,餐館通常是紅色和橙色,銀行和金融機構通常是藍色的, 奢侈品通常是黑色的,酒店通常是白色,藍色,黑色或綠色。一些以其顏色著稱的標志性品牌包括 紅色,白色和黑色,以及 紅色和黃色組合的麥當勞。
如果你一直試圖決定一種能夠為你的品牌產生共鳴的顏色,那么一個有用的練習可以是檢查這些標志性品牌之一,并使用上面的顏色含義部分拼湊出這些推理的原因。顏色選擇。
網頁設計中的色彩理論
-
現在你已了解顏色如何影響訪問者,你可以混合它們并有意使用它們以使用顏色理論對用戶行為產生更多影響。
簡而言之,色彩理論是色輪上顏色相互作用背后的科學,它在設計中很好地協同工作。用于配色方案的三種通常接受的結構是三元,互補和模擬顏色。
通過MercClass很好地實現三重配色方案
通過FuturisticBug有趣地使用補色
Studio FLACH的類似色彩
通過考慮互補,對比度和活力,你可以在色輪上進行更細微的選擇。
補充是我們看到顏色與其他顏色相互作用的方式。當你匹配色輪兩端的顏色時,你將獲得視覺上吸引人的效果,因為它可以提供平衡,因為一種顏色可以增強另一種顏色。
對比度通過在頁面上清晰地劃分元素來集中訪問者的注意力,或者支持文本的可讀性或者將眼睛吸引到頁面的特定部分。
活力可以影響游客的情緒反應。更明亮的色彩可以讓您感覺更有活力,深色調可以讓你放松,并幫助你更專注于內容。
選擇原色
為了開始混合你的網頁設計的顏色,首要任務是為你的品牌建立主要顏色。這應該根據你的logo或其他品牌材料確定,但如果不可能,請使用顏色心理學和關聯來選擇一個。
這種網頁設計從品牌標識中汲取了原色。網頁設計由 Iconic Graphics提供
開發色調和色調
一旦你的網站有了主要顏色,你就可以開始使用顏色方案了。有些網站可以使用單一顏色進行設計,但大多數情況下,你需要至少使用一些色調或色調。
在整個設計中使用原色并不總是最好的解決方案。你可以調低音量或增亮色調,以在網站上創建微妙的變化,同時保持相同的基色。
原色橙色以不同的色調使用以創建重音。由UI Maniac設計
Adobe Color Wheel是用于顏色選擇的好工具之一 。你可以將中間選擇器設置為主色,然后使用顏色規則來獲取一些選項。此工具易于使用,在你探索網站的配色方案時可以提供很多幫助。
60-30-10規則
實施60-30-10規則的一個很好的例子。由JPSDesign設計
該技術簡單但有效地混合不同的顏色。為了創造和諧,顏色通常應該以60%-30%-10%的比例組合。你并不總是需要三種顏色,但這是一個安全和平衡的好數字。使用這種方法,60%應該是主色,30%是次要色,10%是強調色。這個比例對人眼來說是令人愉快的,因為它允許視覺元素逐漸出現。
對比
高對比度,但容易在眼睛上。由JPSDesign設計
色彩對比度是視覺構圖中非常重要的一部分。例如,如果你需要訪問者特別關注網站的特定區域,你可以使用兩種高對比度的顏色,例如橙色和綠色,或紅色和藍色作為背景和按鈕。
雖然對比可能有用,但應謹慎使用。如果你在整個網站上使用高對比度,則難以閱讀或查看文本。我建議你為大多數設計創建一個中級對比度,并且只有在突出顯示關鍵元素時才應用高對比度。
使用圖像
在某些情況下,從圖像開始可能會有所幫助。如果你有一個可以定義品牌的圖像或客戶已經選擇了圖像,你可以從那里拉出主要顏色。
此設計中有多種顏色,中性色調可提供平衡。通過arosto
使用多個圖像可能會非常棘手,因為您必須找到一種在設計中創建色彩和諧的方法。在這種情況下,有幾種方法可以平衡圖像:
根據哪種解決方案最適合你的項目,您可以輕松地使您選擇的圖像協調一致。
顏色將網頁設計變為現實
-
顏色無處不在,如果使用得當,它們可以促進你從訪客那里獲得的任何類型的情感或動作。雖然顏色在網頁設計中起著非常重要的作用,但它們并不是好布局的唯一關鍵。色彩理論只是無數工具的一個工具,你可以使用它來創建出色的網頁設計。
分享最新鮮的設計文章!提供最優質的設計服務!
網頁名稱:網頁設計要怎樣正確配色?
文章位置:http://m.newbst.com/news/101240.html
成都網站建設公司_創新互聯,為您提供微信小程序、網頁設計公司、網站改版、品牌網站制作、企業建站、品牌網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容