網(wǎng)頁設(shè)計師必知的色彩基礎(chǔ)知識
2021-06-15 分類： 網(wǎng)站建設(shè)
對于網(wǎng)頁設(shè)計師來說，色彩的含義和對于用戶體驗(yàn)的影響算的上是基礎(chǔ)的色彩知識了，在網(wǎng)站設(shè)計是好的配色方案能起到畫龍點(diǎn)晴的效果哦。不同的色彩能夠給予用戶不同的刺激，喚醒用戶不同的感受，所以，今天創(chuàng)新互聯(lián)來簡單總結(jié)一下不同色彩能帶來的效果。
紅色
危險，重要，激情
紅色是最強(qiáng)有力的色彩之一，它能展現(xiàn)愛的炙熱，也能反映戰(zhàn)爭的慘烈。英文當(dāng)中的“to see red”，中文中的“見紅”都能夠很好的反映出這種色彩中蘊(yùn)含的情感色彩。
通常而言，紅色的元素更容易被人注意到，它的強(qiáng)調(diào)作用讓使用這一色彩的部分顯得更為重要，當(dāng)然這一部分本身是提示還是警告，是好是壞就是另外一個問題了。
Netflix 和 YouTube 都將紅色作為主色調(diào)。
紅色可以用作警告色，自然界中生物的充滿警示性的紅色皮毛，表示停止和警告的交通燈都是紅色。但是紅色的含義會根據(jù)場合、用量和設(shè)計而表示不同的含義。少量的紅色常常能夠很好的起到高亮的作用，而過量使用可能讓氛圍顯得不是那么輕松。
相比于“取消”的按鈕，紅色的“刪除”按鈕顯得警示意味明顯。
另外一方面，紅色同“熱量”一直緊密關(guān)聯(lián)。
智能家居設(shè)備Nest使用紅色表示加熱模式。
橙色
信心，能量，樂觀
和紅色同為暖色系的橙色同樣有著“激勵”的一面，不過程度相對會輕一些。橙色不像紅色那么富有侵略性，但是同樣充滿活力，橙色經(jīng)常出現(xiàn)在與健康相關(guān)的場合下，比如維他命C（當(dāng)然這和飽含維生素的橙子分不開）。
電信運(yùn)營商Orange 的海報
橙色是俏皮而樂觀的，非常適合于出現(xiàn)在休閑場所。不過對于企業(yè)而言，橙色并不是選的色彩，有研究顯示，橙色會給人一種廉價的感覺。不過，Hipmunk 基于自身的配色方案很好的運(yùn)用了橙色。不論廉價與否，一個提示性效果明顯的CTA按鈕，在藍(lán)色白色為主的頁面中總是相當(dāng)顯眼的吧？
黃色
注意，提醒，快樂
黃色其實(shí)是一種矛盾而有趣的色彩，它同時包含了快樂和焦慮兩重情緒。黃色不僅僅能夠表現(xiàn)經(jīng)歷充沛、樂觀的情緒，但是同時它還是用作警示、禁止和提示的色彩。
Breitling 使用黃色的CTA按鈕來提醒用戶“發(fā)現(xiàn)”
當(dāng)黃色同黑色搭配到一起的時候，整體效果會醒目不少。這也是為什么世界上許多城市的出租車都選擇了黃黑搭配的配色，這樣的搭配讓行人很好的同其他的車輛區(qū)分開來，注意到。
當(dāng)然，黃色的選取和情緒傳達(dá)也是有規(guī)律的。淺黃色通常會顯得更加陽光，而色調(diào)更暗的黃色（比如金色）則通常顯得更加嚴(yán)肅，給人的感受也更加厚重和復(fù)古。
綠色
生長，自然，成功
植物和自然同綠色在視覺上有著天然的聯(lián)系，所以作為含義的自然延伸，綠色也具有生長、健康的含義。
Organic Food 的網(wǎng)站中大量使用了綠色。
網(wǎng)頁設(shè)計師必知的色彩基礎(chǔ)知識
色彩的飽和度其實(shí)是非常值得注意的。
高飽和度的綠色會給人非常振奮、富有動態(tài)的感受，非常的搶眼，這也是為什么CTA按鈕大多會選擇高飽和度的綠色。
網(wǎng)頁設(shè)計師必知的色彩基礎(chǔ)知識
藍(lán)色
信任，舒適，放松
藍(lán)色是UI設(shè)計中最重要也是使用的最頻繁的色彩。不同的色調(diào)和色度的藍(lán)色能夠營造出不同的氛圍，傳遞出不同的情緒。深沉的藍(lán)色能夠給人憂傷的感受，英文俗語中的“Feeling Blue”說的就是這個。
淺藍(lán)色能夠讓人聯(lián)想到天空和水面，給人以清新、自由和沉靜的感受。這種放松、友好同樣可以轉(zhuǎn)化為內(nèi)在的信任，所以，銀行也常常會使用這樣的藍(lán)色。
Calm APP 就將淺藍(lán)作為主色調(diào)。
最著名的兩大社交媒體Facebook和Twitter 不約而同的將藍(lán)色作為主色調(diào)并非巧合。
也有傳言說，扎克伯格使用藍(lán)色是因?yàn)樗巧?，使用其他的色彩他并不能完全分辨?/div>
紫色
奢華，浪漫，創(chuàng)意
紫色之所以有奢華的內(nèi)涵，很大程度上是因?yàn)樗跉v史上很長一段時間中都是王室和貴族專用的色彩，這一點(diǎn)成就了它高端和奢侈的文化特質(zhì)。
所以，當(dāng)今許多奢侈品牌選擇紫色作為主色調(diào)。
由于紫色當(dāng)中還含有紅色的光譜，所以它本身還帶有一些“激情”的特質(zhì)，類似薰衣草紫這樣的色彩尤其明顯。
Google Forms 將其主色調(diào)更新為紫色了。
粉色
女性化，天真無邪，青春
粉色應(yīng)該是最甜蜜的色彩之一，所以這種色彩同樣會給人一種嬉鬧玩樂的感受，頗為孩子氣。這就是為什么在很多時候選擇粉色能夠讓用戶感到愉悅。
實(shí)際上，粉色并不是任何時候都代表著女性化。過度使用粉紅色會讓部分相對更加傳統(tǒng)的用戶感到惱火。
棕色
保守，地球，穩(wěn)定
棕色其實(shí)并不適合絕大多數(shù)的網(wǎng)站，而英國倫敦甚至有“審紳士不穿棕色”的俗語。不過對于有些場合，棕色能夠很好的勝任。棕色能夠營造出鄉(xiāng)土、老派的感受，非常適合農(nóng)業(yè)、戶外相關(guān)的頁面。棕色還可以同木材聯(lián)系到一起，給人穩(wěn)定和可靠的感覺。
德芙巧克力的網(wǎng)站設(shè)計幾乎整個都是用的棕色，通過不同色度色調(diào)的棕色相互搭配。
一般說來，低飽和度的棕色適用于菜單、控制面板和背景。
黑色
正式，權(quán)力，老練
黑色是所有色彩中最強(qiáng)有力的，它甚至比紅色更快吸引用戶的注意力，這也是為什么文本和強(qiáng)調(diào)默認(rèn)是使用的黑色。當(dāng)黑色在配色方案中起主導(dǎo)作用的時候，比如用作黑色背景，它可以和其他色彩一樣營造特定的情緒。
當(dāng)黑色同銀色、灰色結(jié)合起來使用的時候，它可以呈現(xiàn)出老練和成熟的感受。
白色
新鮮，清潔，健康
就像和它正好相反的黑色一樣，白色可以和它周圍的色彩搭配起來，作為次要配色而存在。
當(dāng)白色作為主色調(diào)而存在的時候，它的干凈和純凈的特質(zhì)就具有壓倒性的優(yōu)勢了。如果你的網(wǎng)站上使用的白色過多導(dǎo)致整體看起來過于單調(diào)，可以用白色的分支諸如象牙白和奶白色來讓整個設(shè)計更加立體。
灰色
正式，重力，成熟
棕色代表中性。不論你的網(wǎng)站是使用的冷色調(diào)還是暖色調(diào)，加入灰色能夠創(chuàng)造出該色系下不同色調(diào)的色彩。
當(dāng)灰色用作主色調(diào)的時候，它會給人一種拘謹(jǐn)?shù)挠∠?，但是這并非是壞事。Dropbox 就是使用灰色的CTA按鈕設(shè)計，用戶能夠非?？焖俚恼业胶线m的按鈕。
同樣的，你還可以使用相應(yīng)的內(nèi)容和圖像來規(guī)避色彩本身“陰郁”的感覺，讓用戶關(guān)注更吸引人的元素。
網(wǎng)頁設(shè)計師必知的色彩基礎(chǔ)知識
淺灰色的按鈕是最適合用來表示按鈕的無效狀態(tài)的。
新聞名稱：網(wǎng)頁設(shè)計師必知的色彩基礎(chǔ)知識
網(wǎng)頁路徑：http://www.rwnh.cn/news23/117773.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、微信小程序、商城網(wǎng)站、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 在網(wǎng)頁設(shè)計中圖片常用的技巧 2021-06-15
- 百度不更新網(wǎng)站，如何讓百度天天更新網(wǎng)站 2021-06-15
- 什么是綁定域名？ 2021-06-15
- 網(wǎng)站空間和網(wǎng)站服務(wù)器有什么區(qū)別？ 2021-06-15
- 設(shè)計網(wǎng)站Banner圖需要注意哪些地方？ 2021-06-15
- 深圳網(wǎng)站開發(fā)需要關(guān)注哪些細(xì)節(jié)？ 2021-06-15
- 電子商務(wù)網(wǎng)站建設(shè)如何做好導(dǎo)航設(shè)計 2021-06-15
- 網(wǎng)頁設(shè)計師們花瓣網(wǎng)復(fù)活了！不過網(wǎng)址變了 2021-06-15
- 網(wǎng)站如何降低用戶的跳出率 2021-06-15
- 全球的電子消費(fèi)需求持續(xù)穩(wěn)定增長 2021-06-15
- 關(guān)于前端面試的十問十答 2021-06-15
- 網(wǎng)頁設(shè)計時為什么要留白？ 2021-06-15
- 深圳網(wǎng)站建設(shè)如何選擇服務(wù)器？ 2021-06-15
- 外貿(mào)網(wǎng)站建設(shè)要注意的事項： 2021-06-15
- 網(wǎng)站建設(shè)前做好需要準(zhǔn)備 2021-06-15
- 自助建站軟件的優(yōu)點(diǎn)有哪些- 2021-06-15
- 微信小程序開發(fā)設(shè)計最怕什么 2021-06-15
- 教你迅速提高網(wǎng)站PR值 2021-06-15
- 網(wǎng)站什么時候需要改版？ 2021-06-15