專整中國人?小米日本官網的小字比中國的小字大2.6倍,亮1.8倍

小米的費眼小字,只針對中國大陸消費者。

我查看了小米在日本、韓國、英國、中國台灣、中國香港的官網,發現那裡的小字並不小,顏色不昏暗,看得很清楚。我就想,中國大陸消費看到的小字比日本人看到的小字小了多少?小字有多費眼?能不能像雷軍那樣,用精確的數字表示出來。

我花費了整整5天時間(不算上班、吃飯、睡覺、閒玩),進行技術研發(問豆包),失眠、焦慮,掉了1243根頭髮,寫了15稿。我最終發現:小米外國(地區)官網的小字比中國大陸官網的小字大2.64倍,明亮程度比中國大陸版多18倍。我當時就被這個實測差距震撼了。

為了對比中外6個國家(地區)小字的字號、明亮程度,先做些技術準備。

/1/小字沒有改

逆光之王小米17的海報小字雖然被吐槽,但它的官網頁面上仍然有多達60行難以看清的小字[1]。隨機截取兩處小字,練練眼力。

把小字單獨截出來,放大了兩倍以上,能看清嗎?

小字內容為:

* 頁面中,部分拍照頁模特為AI生成* 大頭貼模式需升級手機軟件版本後支持,將於產品正式發售後推送,以實際推送升級時間為準。* 一鍵打印實體大頭貼照片,需連接米家打印機。

按正常人(腦殘粉不算)的理解,故意讓人看不清的小字,肯定對消費者不利。既然宣傳“主攝超清自拍”,那麼應該展示實拍樣張,“拍照頁模特為AI生成”算什麼鬼話? AI圖跟攝像頭有關係嗎?

“背屏大頭貼模式”還沒有做出來就開始宣傳,什麼時候做出來沒有準確時間。即使真的“於產品正式發售後推送”,升級過系統的人都知道,升級後的系統肯定不如新機自帶的系統好用。買的時候試用不到,背屏大頭貼模式到底好不好,只有天知道。手機賣點也成期貨了。

打印實體大頭貼,得先買一台米家打印機,不能連接其它品牌的打印機。這個功能到底是為消費者方便呢?還是為了賣打印機呢?順便提一句,網上有消費者發視頻爆料(不知真假),米家打印機有一個專門的計數芯片,打印超過8000張後就拒絕打印,只能報廢買新機的。

宣傳遊戲賣點“全局流暢穩穩制勝”,也有兩行小字。

只截小字出來,放大4倍。

小字內容為:

《某大型開放世界遊戲》* 畫面僅為示意,非實際遊戲場景。

按照正常人的理解,應該展示真實遊戲錄屏視頻,起碼展示真實遊戲截圖,方便玩家對比各家手機的效果,有多流暢,有沒有掉幀。

小字寫著《某大型開放世界遊戲》,感覺是真遊戲。下面更小的小字寫著“非實際遊戲場景”。意圖很明白:只看示意圖決定買手機,遊戲不流暢的時候別來找售後,你自認倒霉吧。

/2/小字的相對亮度、對比度

小字的顏色與背景色接近,人們都說看不清楚,但肉眼無法測量到底有多不清楚。實際上,網頁文字的清晰度有全球公認標準,這就是“對比度”指標,可以精確計算出來,取值範圍為1-21。對比度值為1時,前景色與背景色相同,完全看不清。對比度值越大,越清晰。當白色和黑色放在一塊時,對比度為21,看得最清晰。

權威機構際萬維網聯盟(W3C)在《Web內容可訪問性指南(WCAG)》中定義了相對亮度、對比度。模擬人類視覺系統對不同顏色(紅、綠、藍)的敏感度,計算出顏色的“感知亮度”。

相對亮度(Relative Luminance)是為了解決“視覺障礙用戶(如低視力、色弱)能否看清文字”的問題。 WCAG 2.0及後續版本是全球公認的網頁、APP等數字產品的可訪問性強製或推薦標準,歐盟、美國已立法要求公共服務網站符合該標準。

相對亮度的取值滿園是0-1之間的小數,包括0和1。黑色的相對亮度是0,白色的相對亮度是1。相對亮度越小,顏色越黑。相對亮度越大,顏色越白。

用前景色的相對亮度和背景色的相對亮度,可以計算得到對比度。

相對亮度的數學公式在[2]有明確規定,用sRGB計算。手機、電腦上顯示的顏色默認標準是sRGB,由微軟和惠普聯合製定,1996年發布。此外還有用於專業攝影、專業印刷領域的Adobe RGB,用於高端攝影后期、專業印刷前期的ProPhoto RGB。

網頁的顏色可以rgb三元色表示,例如小字“非實際遊戲場景”的顏色。查看方法:在edge瀏覽器中選中文字,右擊選擇“檢查”會彈出下圖右側的開發者工具,從“元素”、“樣式”查看文字顏色。

網頁裡的顏色可用十六進製表示,形式為#RRGGBB,例如#1E90FF(天藍色)。當RR、GG、BB這三組字符中,每組的兩位字符完全相同時,可以將每組字符“保留第一位,省略第二位”,最終簡化為3位字符#RGB。 #333的實際值是#333333,#000的實際值是#000000(黑色),#FFF的實際值是#FFFFFF(白色)。

將十六進制顏色#333333轉換為十進制,就得到常用sRGB顏色值(51,51,51)。

在瀏覽器開發者工具裡找文字的背景色有點麻煩,改用別的方法。將網頁裡截圖保存成文件,用WIN11自帶的“畫圖”軟件打開截圖文件,用工具“顏色選擇器”,即吸管圖標,就能提取到背景色。小字“非實際遊戲場景”的背景色是(0,0,0),最黑的黑色。

計算相對亮度分三步(本段可跳過)。第1步,將顏色三通道的值歸一化,即除以255。例如(51,51,51)轉為(Rs,Gs,Bs)=(51/255,51/255,51/255)=(0.2,0.2,0.2)。第2步,計算R、G、B,當Rs小於等於0.04045時,R=Rs/12.92,否則Rs=((Rs+0.055)/1.055)^2.4,尖號表示2.4次方。 G和B的計算方法相同。第3步,相對亮度L=0.2126*R+0.7152*G+0.0722*B。

具體的算法見圖中的python代碼(跳過不影響閱讀),的相對亮度為0.0331。

衡量兩種顏色放在一塊的清晰程度,用“對比度”指標。對比度=(L1+0.05)/(L2+0.05),其中L1是值較大的相對亮度,L2是值較小的相對亮度。小字“非實際遊戲場景”的對比度為1.66。

對比度的取值範圍是[1,21]。萬維網聯盟將網頁的對比度劃分為3個等級[3],A、AA、AAA。 A級是最低要求,普通文本和背景的對比度須大於3:1。

小字“非實際遊戲場景”的對比度比最低要求的3:1低1.34倍(3-1.66)。

小米海報上的小字“*逆光之王是產品設計目標”,手背上“之”字的點與橫的交叉點處,RGB值為(75,54,53),“之”字點上面的背景色RGB值為(46,20,21),對比度1.53。比最低要求的3:1倍低1.47倍(3-1.53​​)。看得清才怪。

如果在歐盟、美國,這張海報違法,小字對比度不夠。

網站[4][5]可以方便地計算對比度,有興趣的讀者可以去驗算一下。

/3/小字的字號是多大?

網頁通常會指定一個根元素字號(下稱“根字號”),網頁內的其它文字的字號不寫死,用根字號乘以一個係數計算出來,以便適應電腦、手機、平板等各種電子設備的屏幕。

小米17promax中國大陸官網的根字號為47.8906px,小字“非實際遊戲場景”的字號為.16rem,即7.6624px(47.8906px * 0.16)。單位px是像素(pixel)。

/4/小米日本的小字很清楚

小米17還沒全球發售,因此選擇小米15的官網頁面。小米15在中國市場的首發時間為2024年10月29日,在全球市場發佈為2025年3月2日。

中國大陸[6],日本[7]、韓國[8]、英國[9]、中國台灣[10]、中國香港[11]都有售的型號是小米15 ultra,就拿這個型號對比。美國、俄羅斯、印度的小米官網沒有售賣小米15 ultra。

小米大量採購高通的CPU,卻進不去美國市場。網上到處是俄粉,小米手機卻進不去大俄,好奇怪。

把小米在6個國家(地區)官網的相同部位的小字截出來,對比小字的字號和對比度。小米中國大陸單獨使用一套網站模板,其它國家地區共用一套網站模板。

宣傳徠卡鏡頭時,小米中國大陸官網上寫著“進光量提升2.36倍”,但在剩餘5個官網上寫的卻是“通光量+136%”。它顯然是一個文字遊戲,讓消費者錯誤理解成“提升2.36倍”,而不是真實的“提升2.36 倍”。

小米中國大陸官網上的小字內容為:

*迄今為止具體時間指2025年2月27日Xiaomi 15 Ultra發佈時截止。*對比對象為Xiaomi 14 Ultra。數據來源於小米實驗室測試結果,具體數據可能因測試環境不同而稍有偏差。

小米日本官網上的小字內容為:

*此數據由小米內部實驗室測試,與小米14 Ultra對比。

使用前文的方法,計算得到6個官網上小字的字號、對比度。小米中國大陸官網小字字號為7.66px,日本等5個國家(地區)官網的小字字號為12.45px.日本的字號是中國大陸字號的1.62倍(12.45/7.66)。人眼識別小字看的是面積,差2.64倍(1.62*1.62)。

小米中國大陸官網小字與背景的對比度是1.93倍,遠低於3倍的最低要求。日本等5個國家(地區)官網的小字對比度是3.74倍,比中國大陸高了1.81倍。

小字的面積、對比度都差很多,中國消費者看得清才怪。

小米中國大陸官網的小字條數為46,是日本21條的2.14倍。中國消費者終於在數字上贏了一回,卻不是好事。

雨田君說話很漂亮:“優秀的公司賺取利潤,偉大的公司贏得人心。厚道的人運氣不會太差。”

中國消費者好可憐,聽信鬼話老闆的鬼話營銷,支持國貨的熱情被餵了狗,待遇還不如日本人。唉。

全文完,感謝閱讀,請點下關注,轉評贊三連。苟富貴無相忘。

[1]https://www.mi.com/prod/xiaomi-17-pro-max

[2]https://www.w3.org/WAI/GL/wiki/Relative_luminance

[3]https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html

[4]https://contrastchecker.com/

[5]https://webaim.org/resources/contrastchecker/

[6]https://www.mi.com/prod/xiaomi-15-ultra

[7]https://www.mi.com/jp/product/xiaomi-15-ultra/

[8]https://www.mi.com/kr/product/xiaomi-15-ultra/

[9]https://www.mi.com/uk/product/xiaomi-15-ultra/

[10]https://www.mi.com/tw/product/xiaomi-15-ultra/

[11]https://www.mi.com/hk/product/xiaomi-15-ultra/

分享你的喜愛