国产特级毛片aaaaaa高清-四虎wwwaa884成人精品视频-制服av在线-柠檬福利第一导航在线-cao在线视频-日本黄色一级网站-久久人人插-亚洲人成无码区在线观看-视频一区国产精品-成人无遮挡18禁免费视频-毛片视频大全-日韩欧美亚洲成人-老头把女人躁得呻吟-中文字幕在线官网-亚洲综合色视频在线观看

用戶體驗(yàn)設(shè)計師必知的色彩基礎(chǔ)知識

  人氣:2739   發(fā)布時間:2016-07-18 14:38:05 【

編者按:色彩的含義和對于用戶體驗(yàn)的影響算的上是基礎(chǔ)的色彩知識了,在開始做配色方案滿腦子漿糊的階段,這些色彩知識可能會非常有用~


緊跟上次的文章《從這里入手!讓你的設(shè)計擁有高轉(zhuǎn)化率的配色知識簡明指南》,咱們繼續(xù)探討色彩對于用戶體驗(yàn)設(shè)計的影響。色彩和形象是用戶視覺感知中最快也是最直接的元素,無需語言和文字,色彩會在第一時間通過眼球反饋到大腦,觸發(fā)感受,影響情緒。不同的色彩能夠給予用戶不同的刺激,喚醒用戶不同的感受,所以,今天的文章簡單總結(jié)一下不同色彩能帶來的效果,在情緒上的作用,通過案例展示它們是如何影響用戶體驗(yàn)設(shè)計的。


紅色

危險,重要,激情


紅色是最強(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)站中大量使用了綠色。


色彩的飽和度其實(shí)是非常值得注意的。


高飽和度的綠色會給人非常振奮、富有動態(tài)的感受,非常的搶眼,這也是為什么CTA按鈕大多會選擇高飽和度的綠色。


藍(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)樗巧ぃ褂闷渌纳仕⒉荒芡耆直妗?


紫色

奢華,浪漫,創(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è)計,用戶能夠非常快速的找到合適的按鈕。


同樣的,你還可以使用相應(yīng)的內(nèi)容和圖像來規(guī)避色彩本身“陰郁”的感覺,讓用戶關(guān)注更吸引人的元素。


淺灰色的按鈕是最適合用來表示按鈕的無效狀態(tài)的。


圖盛網(wǎng)絡(luò),專業(yè)廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)絡(luò)公司領(lǐng)先網(wǎng)絡(luò)品牌,3年網(wǎng)站建設(shè)經(jīng)驗(yàn),超過5000家成功案例,作為廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)站設(shè)計公司和知名廣州網(wǎng)站制作公司,提供:廣州網(wǎng)站建設(shè),廣州網(wǎng)站制作,廣州網(wǎng)站設(shè)計,廣州做網(wǎng)站,廣州建網(wǎng)站,廣州建站等服務(wù)專業(yè)資質(zhì)獲得廣大客戶的認(rèn)可。
更多網(wǎng)站資訊,微信輕松掃一掃關(guān)注圖盛網(wǎng)絡(luò)(www.yyfrp.cn)。


[返回]

免費(fèi)咨詢

  • 張小姐: QQ
  • 姚經(jīng)理: QQ
  • 趙先生: QQ
  • 16602060624
主站蜘蛛池模板: 少妇紧身牛仔裤裤啪啪| 日本全黄裸体片| xxxxwwww免费视频| 很很干很很日| 97精品国产97久久久久久粉红| 亚洲最新| 亚洲卡一卡二| 日本一区中文| 色牛牛视频| 丁香八月婷婷| 一级特黄色| 吃奶av| 免费观看xxx在线观看下载| 韩国无码av片在线观看网站| 黄色免费播放| 精品国产丝袜一区二区三区乱码| 人妻少妇被猛烈进入中文字幕| 丝袜淫脚| 四虎影视永久地址| 四虎影院在线看| 大乳女喂男人吃奶视频| 毛片基地一级大毛片| 一级黄色大片网站| 欧美大波大乳巨大乳| 中文字幕亚洲在线| 嗯灬啊灬快灬高潮了视频| 欧美淫网站| 欧美福利小视频| 91亚洲精华国产精华精华液| 欧美激情一区二区| 中文av一区二区三区| 孕妇xxxxx孕交xxxxx| 欧美成人午夜影院| 果冻传媒av在线| 成年人色片| 中文字幕av亚洲精品一部二部| 18成人在线观看| 孕期1ⅴ1高h| 成人黄色激情网| 先锋资源在线视频| www.日韩在线| 男人黄色片| 亚洲精品美女在线观看| 亚洲少妇一区二区| 狠狠干综合| 自拍偷拍导航| 69xxxx国产| 狠狠se| 电梯秘交波多野结衣165| 国产色在线视频| 久久久久香蕉| 国产99久久精品一区二区永久免费| 理论在线视频| 波多野结衣三级视频| 日批视频网站| 拔插拔插海外华人免费视频| 可以直接观看的av| 色婷婷婷| 久久国产视频播放| 色就是色网站| 男人疯狂桶爽女人出白浆| 免费午夜在线视频| 中文自拍| 久久精品一级片| 韩国av在线| 激情黄色小说视频| 少妇无套高潮一二三区| 夜夜骚av| 奇米影视777在线| 欧美干干干| 北岛玲在线| 亚洲涩涩在线| 在线看黄色的网站| 日本成人在线播放| 91久久国语露脸精品国产高跟| 午夜av免费观看| 高h视频在线| 欧美在线v| 裸体女人免费视频| 色精品| 国内黄色大片| av小网站| 亚洲男人天堂网| 91在线观看喷潮| 日本va视频| 乱欲美女| 97伊人网| 久久久久亚洲av无码a片| 石原莉奈一区二区三区在线高清| 欧美性aaa| 谁有毛片网址| 在线午夜av| 女女les呻吟互磨豆腐| 国产成人99久久亚洲综合精品| 日本a级片在线播放| 少妇又色又爽| 日韩精品免费在线观看| 一本之道高清无码视频| 欧美另类v|