ID設(shè)計(jì)建議,千萬別用燈效的亮度來指示狀態(tài)

2 評論 1194 瀏覽 1 收藏 8 分鐘

陽光下看不清屏幕?夜里又被亮瞎眼?來,告訴你人眼感光的秘密,還有為啥別用燈效亮度來顯示狀態(tài)。本文將帶你了解人眼感光的非線性特性及其對智能設(shè)備界面設(shè)計(jì)的影響。

這篇文章會完整的解答如下幾個疑問:

  • 為什么正午戶外,手機(jī)亮度最高也看不清?
  • 為什么深夜不開燈,手機(jī)亮度最低也覺得很刺眼?
  • Gamma(伽馬)是什么?
  • 為什么不要用燈效的亮度來指示狀態(tài)?

這幾個問題都看似沒有緊密的聯(lián)系,卻始終圍繞同一個知識點(diǎn),就是人眼的感光原理。作為設(shè)計(jì)師我們常常聽到色相、色階、飽和度、明度…但是很少有人研究光強(qiáng)對人眼的影響,本文將告訴你一只新的知識點(diǎn),更適合對硬件交互設(shè)計(jì)有需求的同學(xué)閱讀

一、人眼的燭光現(xiàn)象

想象一個畫面,在一間完全密封的黑暗房間里,點(diǎn)燃一根蠟燭,不出意外,這根蠟燭會非常顯眼,成為房間里的焦點(diǎn)如果你現(xiàn)在你面前已經(jīng)有一百根蠟燭,整個房間已經(jīng)很明亮,此時(shí)再點(diǎn)燃一根蠟燭,可能并不會決定房間亮度提升了多少。

同樣,如果我們在深夜玩手機(jī),即使亮度調(diào)節(jié)到最低,自然覺得很刺眼;但是在白天正午戶外,手機(jī)亮度即使調(diào)節(jié)到最高,自然看不清屏幕內(nèi)容(暫且不討論屏幕反光的問題)

上面這2種現(xiàn)象,都是因?yàn)槿搜鄣囊粋€基礎(chǔ)感光原理:人眼的感光都是非線性的,這是生物在數(shù)萬年間進(jìn)化出來非常優(yōu)秀的特性。

這種感覺可以描述為,人眼的感光會隨著光線的強(qiáng)度,對光的感覺越來越弱。人的感官中有很多非線性,比如聽覺,嗅覺等。

人類學(xué)家猜測,這種特性可以讓我們的祖先,在黑夜中發(fā)現(xiàn)可疑的猛獸,然后也不至于在白天不能忍受烈日的強(qiáng)光??梢宰屪嫦仍诓煌沫h(huán)境下生存下去。

二、了解線性和非線性

讓我們來深入了解下線性和非線性。

我可以用單反相機(jī)來讓大家更好的理解感光。相機(jī)是如何模擬人眼對光線的感知的:

光線經(jīng)過鏡頭進(jìn)入感光元件cmos,相當(dāng)于光線經(jīng)過人眼的晶狀體進(jìn)入我們的視網(wǎng)膜。

相機(jī)里的感光元件接受光子轉(zhuǎn)換成帶電粒子,然后累計(jì)成電壓,最后對應(yīng)成圖像的灰度值。越多的光子,代表越高的亮度,他們是線形的關(guān)系。

所以相機(jī)拍出來的原始數(shù)據(jù)是這樣的,下左圖,大家之所以沒有見過,是因?yàn)橄鄼C(jī)為了讓拍出來的照片更貼近人眼的感覺,加了一層處理,矯正成了右圖的樣子。同樣人眼接受到的光線本也應(yīng)該是左圖這樣,只不過漫長的進(jìn)化讓人類擁有了把線性感知轉(zhuǎn)換成非線性感知。

人眼感光 = 光強(qiáng) ^(1/x)

線性到非線性只需要做一次冪次方的計(jì)算,這里的x是一個變量,對于人眼來說,這個值為固定的2.2。

那這么一個矯正關(guān)系,也得成為gamma矯正,這個x就是我們可以調(diào)節(jié)的gamma值。

所以我們平時(shí)在圖像、光學(xué)領(lǐng)域提到的伽馬其實(shí)就是把那個直線 矯正成 曲線。

Gamma矯正在我們?nèi)粘I钪羞\(yùn)用非常廣泛,比如剛才說的渲染調(diào)節(jié),PS常用工具色階、曲線,然后顯示器調(diào)節(jié) 都是在調(diào)整gamma,都是在調(diào)整把線性轉(zhuǎn)換成非線性的這種關(guān)系。

我們最后在看一下2個案例,來進(jìn)一步的深刻大家對感光的理解。

Photoshop中的灰度調(diào)節(jié)條的范圍是0-255,如果用絕對準(zhǔn)確的顏色來表達(dá)這個區(qū)間,顯示是這樣的:

這個調(diào)節(jié)條在視覺上并不均勻,那是因?yàn)檫@個調(diào)節(jié)條要保證絕對平均分布,因?yàn)槲覀円曈X非線性的原因,所以視覺看上去才不均勻。均勻的漸變應(yīng)該是這樣的:

所以Photoshop實(shí)際上也是做了一次視覺優(yōu)化,把計(jì)算機(jī)標(biāo)準(zhǔn)線性的表達(dá)優(yōu)化成了人眼非線性的效果。

三、親身經(jīng)歷

我買過一個煮鍋,大概這樣,他有2個檔位,并且他用了這個燈的亮度來代表檔位,底檔的時(shí)候,燈暗一點(diǎn),高檔的時(shí)候,燈亮一點(diǎn)。

這個設(shè)計(jì)給我?guī)砹撕艽蟮睦_,因?yàn)槲矣袝r(shí)候在晚上用的時(shí)候,即使開著抵擋,看著挺亮,白天用的時(shí)候,開著高檔,仍然看不清楚。

所以我個人總結(jié)出來的一個原則就是,在燈效設(shè)計(jì)的時(shí)候應(yīng)該要避免,在沒有對比條件下直接用燈的亮度去傳遞信息的。

對于這種檔位的功能,可以用圖形、數(shù)量、或者色相去傳遞信息。

對于這種檔位的功能,可以用圖形、數(shù)量、或者色相去傳遞信息。

本文由@Kushim‘s 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 顏色、長度、數(shù)量,都能很好地表示不同的檔位,怎么想到用亮度的?。ㄐ?/p>

    來自廣東 回復(fù)
    1. 對呀,所以我寫了這篇文章,我是真實(shí)遇到有電器這么干的

      來自江蘇 回復(fù)