你說的黑是什麼黑?色彩對用戶體驗的影響

2020-12-18 騰訊網

編輯導讀:色彩心理學被廣泛地運用到各個設計領域,這早已不是什麼秘密。從日常的雜貨到LOGO設計,色彩所起到的作用越來越大,它是給用戶傳遞信息的最重要的因素之一。色彩對用戶體驗有哪些影響?文章對此進行了分析探究,希望對你有幫助。

當我們討論色彩的時候,聊的更多的是色彩的搭配。雖然有些設計師認為有些色彩是一些純粹的美學上的選擇,但是實際上,色彩對於用戶的心理和行為的影響相對更深,最終會反映在用戶體驗和行為反饋上。

當然,色彩理論是一個相對複雜的主題。從用戶體驗的角度上來說,色彩所涉及到的遠不是配色方案這一個維度。通常,我們聊得最多的是不同色彩所產生的心理效應,以及多色彩搭配時,相互之間的影響和可訪問性上的問題。

設計師可以將色彩更好地運用到設計中,而無需重新考慮整個過程。一旦設計師掌握了基礎知識,色彩理論中最有意義的部分之一就是學習將更多意想不到的色彩融入他們的設計中。

01 色彩心理學和用戶體驗緊密關聯

界面顏色的情感影響不容忽視。儘管有些顏色在Ui設計中是「通用的」(例如,黑色,白色和灰色,實際上幾乎所有好的設計中都使用了其中的至少一種),但它們結合使用的顏色可能會對體驗設計產生巨大影響。

當然,顏色的使用方式也會對顏色的感知產生巨大影響。以藍色為例,在簡約的布局當中,大面積使用藍色作為主色調,和在大面積白底上使用很小的一抹藍色用來強調 CTA按鈕,所帶來體驗是截然不同的。

02 影響色彩體驗的因素

1. 尊重文化差異

人類對於色彩都有著共通的認知,但不同國家對於色彩賦予了不同的含義。紅色在中國象徵著喜慶、財富和愛情,而在西方國家被賦予了流血、犧牲、暴力和激進的文化意義,貶義的味道更重一些。

而白色與紅色相反,白色在中國代表了死亡、反動和投降,以白色為主的設計常常會被視之為過於「素」,認為不夠吉利。而西方國家卻認為白色高雅、純潔和幸運,因此要根據不同的文化背景,使用不同的色彩,才能更好地降低被誤解的風險。

另外一方面,隨著現代主義運動的普及,白色也擁有了更加現代的特徵。在日本,白色甚至和當地文化結合,延伸出更加細膩獨特的精神特質,隨著日本戰後設計領域的發展和崛起,白色在這一地區的含義則更加豐厚。

原研哉在《白》一書當中,針對白色的含義和特徵進行了非常深入的探討,之後的《Subtle》一書當中,雖是圍繞紙來探討微妙的體驗,但是也沒少提及白色本身的特徵。

例如股票交易市場,在國際股票市場通常是綠漲紅跌,這是因為紅色在西方國家代表著財政赤字,綠色代表著財富;而在中國正好相反是紅漲綠跌,這是因為在中國紅色象徵著財富。

設計師必須根據產品的目標受眾來審視其調色板的文化含義,這一點很重要。如果產品要面向全球受眾,請確保在使用的顏色和圖像之間取得平衡,以防止負面的文化內涵。如果產品主要只針對特定文化,則設計師可以不用太關心所選調色板在其他文化中可能產生的影響。

2. 歷史對配色的影響

時間變化對於配色所帶來的影響不僅僅如此。比如中日兩國在色彩使用上,還存在一個非常典型的差異,歷史上日本在一個很長的周期內是作為中國的屬國所存在的,這也使得中國自古以來崇尚飽和度較高的正色,而日本則大多使用飽和度偏低的間色,這一特徵可以從兩國的傳統色上體現出來:

▲ 中國傳統色

▲ 日本傳統色

3. 性別誤區

或許天生如此,女性不喜歡灰色、棕色和橙色。她們鍾愛藍色、紫色和綠色。而男性不喜歡紫色、棕色和橙色。男性喜歡藍色、綠色和黑色。

只要記住,當你的產品目標用戶群是男性時,選擇能傳達男性氣概的色彩,想像下你把運動類應用的界面使用女性色彩,結果可想而知。

▲ 男女最喜歡的顏色

▲ 男女最不喜歡的顏色

02 針對色盲用戶群體的設計

你有沒有想過你的APP 使用人群中會有視力障礙者?

當人們談論色盲時,他們通常指的是不能感知某些色彩。 大約8%的男性和0.

△ 正常人和紅綠色盲看到的相同色彩

因為色盲有多重表現形式,例如紅綠色盲,藍黃色盲和單色色盲。所以運用多樣的視覺線索來連接你APP 的重要狀態是很重要的。絕不要僅僅依靠色彩來表示系統狀態。 相反,應使用元素(如筆畫,指示符,圖案,紋理或文本)來描述操作和內容。需要注意的就是不要簡單認為色盲就是簡單的分不清紅綠,色盲用戶對色彩的感受差異不僅僅是單獨某種的問題,是某些範圍色光的敏感程度問題。

有趣的事實:Facebook的標誌和不怎麼討喜的藍色配色是特意挑選的。因為FB創始人馬克·扎克伯格是紅綠色盲,他對藍色的識別是最好的。他曾說過,「藍色是我生命中最豐富的顏色,我幾乎可以看見這世上所有的藍色。」

△ facebook

Photoshop有非常實用的工具來幫助模擬色盲,在「視圖」的「校樣設置」菜單內選中就可以使用了。這個功能讓設計師可以看到在色盲用戶的眼中你的界面是什麼樣子的。

△ pinterest登陸頁紅綠色盲視圖

下面以點狀圖信息圖形為例,來說明如何為色盲用戶優化信息圖:

優化採用了這樣一些手段:

調整配色,將色盲人士容易混淆的紅、綠、橙色換為紅、藍、黃色。

調整明度,使圖中幾個顏色在明度上差異更明顯。

為不同元素賦予不同形狀。所有使用點元素的信息圖,都可以參考這種解決方式。

在實際設計過程中,我們需要在美觀和友好之間進行權衡。我們也可以採用一些交互手段,避免同一界面中元素太多太過雜亂的問題。

03 流行趨勢對色彩的影響

這是更長維度上的變化,在短時間以內,流行色的趨勢變化,對於用色也也同樣存在影響。這種影響在時尚行業有著非常直接的體現,而在網頁和UI設計行業,同樣存在。比如2020年的潘通年度流行色是「經典藍」(Classic Blue),也就明白了為什麼iphone12今年的主打色是藍色了。

所以,當你在設計的時候,如果你的目標用戶群體有著清晰的地域或者性別偏向,你可以有目的地利用這些知識來規避設計陷阱,更好地發揮色彩本身的功能和優勢。如果受眾廣泛,則可以儘量使用通用性更強的色彩來進行設計。

你知道世界上最受歡迎的顏色是什麼嗎?

是否存在一種色彩,是不分性別文化,大家都會喜歡的呢?確實有人通過大規模的調研和探索找到了一種世界上最受歡迎的色彩:馬爾斯綠(Marrs Green)。來自全世界100多個國家3萬多人響應號召完成了這項投票,並且最終選取出來的一款綠色。

作者:Fyin印跡;公眾號:印跡拾光

本文由 @Fyin印跡 原創發布於人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基於CC0協議

相關焦點

  • 騰訊|你說的黑是什麼黑:全面解析暗黑模式
    近一年,隨著 iOS 和安卓陸續支持了深色模式,各個團隊的一通操作,也的確為用戶帶來「眼前一黑」的體驗。深色模式也成為了前陣子業界最火的話題之一。只是當設計師看了無數的關於深色模式的討論;當無數產品跟進上線了深色模式;再當無數 App 的深色模式被罵的改了又改,回頭來看看,你說的黑,到底是什麼黑。Chapter 1 我所經歷過的深色模式雖然說,我真正開始做 UI 設計是近年,但是曾經還是體驗過很多深色模式的界面的。
  • 詮釋色彩的含義,曜巖黑Galaxy S7 edge美不勝收
    值得一提的是,曜巖黑版本是Galaxy S7 edge發布的七款配色版本中唯一一款擁有128GB大容量高配置的手機,超大運存輕鬆滿足用戶使用需求。三星電子利用多種色彩與手機進行搭配,成功的將科技與時尚結合,再次定義了色彩對於手機的重要性。
  • 黑加手環1S上手體驗
    要說2018年最能夠給我留下印象深刻的智能產品,黑加手環絕對算得上一件。直擊用戶痛點,AMOLED彩屏、多功能NFC等幾項功能給我留下了很深刻的印象,黑加以黑馬的角色衝出,在智能手環領域引起了不小的轟動。
  • 眼前的黑不是黑 你說的白是什麼白
    眼前的黑不是黑 你說的白是什麼白  伯凡時間 • 2020-04-20 11:51:19 他曾表示,出現在生活中的任何一個人,都是為了幫助自己看到這個美麗的世界,因此他在歌詞中這樣寫到:眼前的黑不是黑你說的白是什麼白你說的天空藍是我記憶中那團白雲背後的藍天……假如我們每個人真的是蕭煌奇的眼睛,平時有沒有思考過這個問題:黑色到底是什麼顏色?真的只有一種黑色嗎?
  • 這半年哪些PC黑科技是用戶真正需要的?
    而這其中並沒有高深莫測晦澀難懂的學術說明,只是很多技術是為了黑而黑,完全忽視了用戶需求的維度,那只能像流星一樣划過。    在過去這半年中,各行各業都湧現出了不少所謂的黑科技,PC業也是如此,拋開那些虛無縹緲僅能充當娛樂事件的新技術,有多少是真正為了滿足用戶痛點的黑科技呢?今天我們就來細聊聊這件事。
  • 解讀西南少數民族崇尚的色彩語言-「黑」
    其信息傳遞的模式是:社會中的人將一定的意義賦予到某種色彩或色彩組合中,而另外的人通過這種色彩或色彩組合能領悟到其中的含義。可見色彩和我們通常說的語言一樣,是一種社會現象,一種傳遞信息的符號系統,朱淨宇、李家泉稱之為「色彩語言」。鑑於此,我們選取西南大多少數民族崇尚的黑色作為研究對象,欲通過對色彩語言所傳遞的信息的解讀,以揭開那層影響其形成的神秘面紗。  少數民族服飾的色彩可謂五彩繽紛、色彩斑斕。
  • 你說的「黑」是什麼黑?
    近日,一微友向小編提問道:「黑摩託被偷,現在在派出所還能拿出來嗎?」起先,小編以為是輛黑色的摩託車呢,後來才反應過來,這個「黑」不是表達顏色,而是摩託車的「性質」……因為是黑車,提供不了證件,這輛摩託車只能呆在派出所等待接下來的處理。小編查閱了一些相關的資料連結,分享給大家,一定要認真閱讀:買黑車可能構成銷贓罪,要看具體車輛的鑑定數額是多少。
  • 什麼!你要五彩斑斕的黑?一一歐泊石說「我可以!」
    最近有小夥伴問我,有沒有什麼好玩又好看的寶石可以觀賞收藏,讓我推薦一下,那今天軒哥就給大家推薦這款五彩斑斕的黑一一歐泊石。歐泊石是自羅馬時期就很受西方國家皇室貴族歡迎的一種寶石。接下來,跟軒哥來看一下歐泊石的幾種分類吧:①黑歐泊黑歐泊是在深色的胚體色調上呈現出明亮色彩的歐泊石,是最著名和最昂貴的歐泊石品種。
  • 「黑科技」究竟是什麼「黑」
    《中國語言生活狀況報告》權威解讀——「黑科技」究竟是什麼「黑」現在,連「高科技」一詞都仿佛落伍,「黑科技」成為大家日常使用中的「新寵」。29日,國家語言文字工作委員會發布「語言生活白皮書」,其中《中國語言生活狀況報告2018》(以下簡稱《報告》)專闢章節,解讀「黑科技」的「黑」,究竟是什麼「黑」。《報告》指出,根據現代漢語詞典,「黑」有八個義項,其中四個為形容詞性義項:1.像墨和煤那樣的顏色,與「白」相對;2.暗,光線不足;3.隱蔽的,非法的;4.惡毒。
  • 哪些是用戶真正需要的 近年來筆記本黑科技盤點
    而這其中並沒有高深莫測晦澀難懂的學術說明,只是很多技術是為了黑而黑,完全忽視了用戶需求的維度,那只能像流星一樣划過。意淫是科技圈常用的伎倆,總喜歡拿沒有時限的未來說事,仰望星空的確美好,流星雖美,但你得忍受划過天空後的孤寂,腳踏實地雖然缺少浪漫元素,但回頭望去,一排排腳印確是你前進的見證。
  • 女生皮膚黑是種什麼樣的體驗?
    知乎上有人提問:「女生皮膚黑是種什麼樣的體驗?」有位女生的回答非常有趣且扎心。黃皮女生的苦惱可能是穿什麼衣服更顯白,但黑皮就不一樣了,她們只在意什麼顏色的衣服能讓自己看起來,不那麼黑。不是每一種流行色都適合黃黑皮,一個不小心穿上很容易又黃又黑。
  • OPPO玩轉色彩魔法:Reno3 Pro月夜黑凹出黑色情人節新姿勢
    4月14日是黑色情人節,因此黑色也成為當日的主打色,送自己一部炫酷霸氣的OPPO Reno3 Pro月夜黑,在加上本次特別約稿1626潮流精選中的炫酷穿搭,整條街最潮的或許非你莫屬了。下面我們就來看看作為「獨家配飾」的Reno3 Pro到底有何過人之處吧。
  • 京東「黑號」迷局:疑暗中拉黑用戶 不能搶優惠券
    京東「黑號」迷局  電商平臺是否有可能在後臺對用戶進行了分級,並對部分用戶的行為進行了限制?法律人士認為,若平臺確有暗中「拉黑」用戶的行為,那麼將涉嫌損害消費者的知情權和公平交易權。我的帳號被京東『黑』了領不了優惠券,京東自己還不承認,非說帳戶正常。」時隔一個多月,江蘇消費者徐清的憤怒依然沒有消減半分。  一個月前,徐清在京東領優惠券時發現,以前任何時候都能到手的優惠券,卻怎麼也領不到了,經多位有相同經歷的用戶提醒,他才知道:自己使用了8年的帳號被京東「拉黑」了。  明明是正常購物,八年來也沒有任何問題,怎麼就突然被拉黑呢?
  • frft的冬季——黑與白才是真「色彩」
    黑白最低調,但也許是世界上最性感的色彩。今天為大家展示北京京韓嘉信商貿有限公司旗下新晉潮牌frft的20FW黑、白單品——黑白的雅致、慵懶、性感與帥性被展現的淋漓盡致。永不退色的黑白褪去浮華顏色,只留黑白之間。
  • 黑玫瑰代表什麼意思
    黑玫瑰代表什麼意思都知道紅玫瑰代表忠貞不渝的愛情,可是你又知道黑玫瑰代表什麼呢?黑玫瑰的花語---溫柔真心,黑色代表神秘,玫瑰代表愛情,黑玫瑰就意味著帶有神秘色彩的愛情了,黑玫瑰應該就是代表完全佔有對方的愛情.黑玫瑰花語--溫柔真心;獨一無二,很有個性和創意.黑玫瑰還是獨立女性的象徵,形容女子的獨立、堅強、勇敢.都知道紅玫瑰代表忠貞不渝的愛情,可是你又知道黑玫瑰代表什麼呢?
  • hello開黑王者是什麼意思 hello開黑王者介紹
    hello開黑王者是什麼?hello開黑王者這句話出自哪裡?最近有玩家在詢問小編這個問題,開始小編也是不太了解!後來稍微有空之時了解了一下。下面,就讓琵琶網小編來告訴大家吧!   hello開黑王者是什麼意思?
  • 2020年美國黑五節是什麼時候?黑五給股市帶來哪些影響?
    美國黑五節是什麼時候2020  對於很多零售商而言,黑色星期五是一年當中最重要的日子之一。近期由於零售銷售數據表現不佳、消費者信心下滑,市場對需求的擔憂也在加劇。我們可以藉助分析並結合近期消費趨勢,找到一些「黑五」期間有望表現優異的零售類股,比如零售巨頭亞馬遜(Amazon)、塔吉特(Target),此外露露檸檬(Lululemon)和耐克(Nike)或也值得一看。
  • 小米10至尊版第二用戶真實評價,不吹不黑,說說關於它的優缺點
    小米10至尊版發布已經有一段時間了,這款超級旗艦主要針對追求極致體驗的年輕人,只是由於線下門店線下能夠直接體驗的機會並不多,所以很多人還是處於觀望之中。那麼,今天筆者總結了小米10至尊版第二用戶真實評價,不吹不黑,說說關於它的優缺點,希望能夠對你有所幫助。
  • 「黑科技」護航「親子力」 給你更省心的帶娃體驗
    哪怕只是上個幼兒園,父母的準備工作也非常多——衣服名字貼、拖鞋、被褥、水杯、毛巾……而且,老師突然布置的任務總有辦法殺你個措手不及。晚上加完班,手機忽然震動了,老師溫柔地說「本周學習任務:學習家庭成員和稱謂,明天請所有學生交一張全家福」。此刻心裡真的想大聲咆哮:你為什麼不早說!哎,能怎麼辦,只能掃個摩拜在路上找衝印店打一張啊,孩子畢竟是親生的。
  • 亞馬遜「黑五」遭遇「水土不服」?疫情影響或成海淘「變量」
    不過,對於亞馬遜而言,今年這個「黑五」也許並沒有那麼容易。近日,法國政府因為疫情再次爆發重新啟動全面封鎖,並施壓亞馬遜保護當地實體經濟。對此,亞馬遜方面隨後回應,將會推遲法國站的黑五大促活動時間,從原本預定的11月27日推遲至12月4日。在國內,亞馬遜海外購也開啟了一輪「造勢」,亞馬遜似乎希望通過「黑五」節日影響,在國內消費市場的恢復性增長中分一杯羹。