跳至主要內容

觀點 · Essay

從那圈圓形裁切裡的棕髮,到沒按下去的更換:陳睿選頭像的設計語言

B站董事長陳睿在一場校園分享中說明常年使用高坂桐乃頭像的來歷,本文從圓形裁切、髮色對比與更換成本,讀一顆小圓圖如何長成介面裡最難更動的識別欄位。

設計觀察 ·
從那圈圓形裁切裡的棕髮,到沒按下去的更換:陳睿選頭像的設計語言

一顆三十像素的臉

B站的介面裡,陳睿的帳號掛著一顆小圓圖。圓形裁切只容得下一張臉:棕色長髮、切齊的瀏海、偏淺的眼睛,是《我的妹妹哪有這麼可愛》裡的妹妹高坂桐乃。這顆頭像常年在留言列表、轉發串與新聞截圖裡出現,站內老用戶喊他叔叔,一喊多年,頭像也跟著掛了多年。

頭像是社羣介面裡最小的圖像單位,出現頻率卻數一數二。它的規格跟著位置走:留言串裡最小,個人頁裡最大,原圖得按最大的那一格準備,再交給系統一路壓縮下去。這一路上它還得通過圓形裁切這一關,四個角被切掉,構圖偏一點就報廢,只有把臉擺在正中央的特寫能存活。在這個解析度裡,五官細節所剩無幾,辨識的任務交給髮色與剪影,桐乃的棕髮配上偏淺的膚色,明度拉得開,縮到再小都讀得出輪廓。

近日他在上海交通大學的一場分享會上,被聽眾問起這顆頭像。據在場者事後轉述,他說自己其實最喜歡的角色是同部作品裡的五更琉璃,也就是粉絲暱稱的黑貓;當年找不到滿意的黑貓高畫質圖,就先用桐乃頂著,之後一直沒敢換,因為換了大家會多想。這段轉述被搬進貼吧,很快排進熱議榜。

引言圖卡呈現陳睿解釋頭像來歷的轉述要點,說明他偏好五更琉璃,因當年找不到合適圖片而先用高坂桐乃,且多年未更換

找不到的那張高畫質圖

這部作品的第一季動畫在2010年播出,那句「找不到滿意的高畫質圖」得放回那個年代來聽。當時換頭像是一項採集工程:搜尋引擎給出的圖片參差不齊,清晰的劇照藏在貼吧圖樓與個人部落格的相簿裡,想碰到一張構圖居中、解析度經得起裁切的圖,多半靠運氣。材料限制排在偏好前面,這在任何時代的設計案裡都成立。

兩位角色的色票也值得並置來看。五更琉璃是黑長直配深色系服裝,整體明度低,放進小圖裡,除非原圖自帶輪廓光或淺色背景,黑髮很容易和邊界糊成一片。桐乃的棕髮與暖色調在縮圖環境裡寬容得多。於是最耐用的那一張,贏過了最喜歡的那一個,頭像欄裡的勝負由材料規格決定。

清單圖卡列出頭像原圖需滿足的四個設計條件:居中構圖、可辨識剪影、明度對比與足夠的原始解析度

佔位稿的宿命

轉述裡的「先用桐乃頂著」,那個「先」字最有設計感。做過介面的人都懂佔位稿的意思:一張臨時的圖,等正式素材到位後替換。陳睿當年放上去的,照他自己的說法是一張佔位頭像,替換的動作卻始終沒有發生。使用的時間夠長,佔位就長成正式版,這在設計流程裡有個更常見的說法,叫做上線。

更換為什麼難。頭像是介面裡變動成本最高的欄位之一,暱稱改了字還在,頭像一換,好友列表裡的辨認當場斷線。對公眾人物而言,更換頭像會被讀成訊號,連同時機與配文一起被解讀。陳睿那句「換了大家會多想」,描述的正是介面慣例裡的訊號噪音:識別已經穩固的欄位上,任何更動都會被假定別有含意。這條原理我們在羅晉領帶上那枚童畫別針讀過一次,版面愈小、位置愈固定,被解讀的密度就愈高。

而這次他選擇把來歷講清楚,討論隨即湧進將近二十萬則,在熱議榜上排到第十三位,與幾則電競賽果共用同一張榜單。一顆幾十像素的圖承載了多年的解讀存量,光是說明本身就足以成為一則詞條。

統計圖卡呈現此話題在貼吧累積十九萬九千則即時討論的規模

先於名片生效的小圓圖

轉述裡還有一段插曲。當年與A社洽談手遊《Fate/Grand Order》的代理權,對方社長看到這顆頭像,認出眼前的談判者是同好,合作因此談得順利;陳睿半開玩笑地說,這顆頭像給他帶來過好運。細節無從查證,但這個場景在設計上完全成立:在次文化的談判桌上,頭像先於名片生效。它把一個人的來歷與品味壓縮進一顆小圓圖,在開口之前就完成了自我介紹。

這是頭像的第二種功能。對內,它是辨認用的識別欄位;對外,它是圈內的資歷證明。名片靠職稱與公司標誌建立信用,頭像靠作品的辨識度建立信用,認出頭像,等於認出對方讀過同一部作品、待過同一個時代。識別的成本壓到最低,信任卻以最快的速度建立起來,一顆小圖做到了公關部門要好幾頁簡報才做到的事。這場合作後來被老用戶反覆提起,頭像的運氣論也跟著流傳。

詞條裡的前綴與欄位

熱搜詞條「老二次元陳睿回應選頭像原因」的構詞值得停一下。「老二次元」是資深動漫愛好者的自稱,作為身份前綴放在人名之前,接動詞「回應」,再接收詞「選頭像原因」,一行字排了四個欄位。前綴既是標籤,也是這場討論成立的前提:因為夠資深,頭像的選擇才值得被追問。這種欄位文法我們在DeepSeek 型號名稱裡疊進的四套座標讀過,名稱愈短,塞進去的座標愈講究。

貼吧留言區的反應則顯示,在這個文化裡頭像向來被當成可長期持有的應援物。掛誰的頭像,等於宣告立場,換頭像近乎轉會。所以「其實最喜歡黑貓」這句自白才會顯得事關重大,等於一個人對外說明,用了多年的識別當年另有首選。有人把這段往事當成瞞了多年的懸案來討論,如今他把答案交了出來。

沒按下去的那次更換

頭像欄是介面裡最小的品牌欄位,也是更換成本最高的一個。陳睿的說明把先後講清楚了:偏好是一回事,材料的可得性是另一回事,時間最後把兩者固定在一起。講開之後,這顆頭像反而更穩,觀眾拿到了註解,不必再猜。

最設計的地方在這裡:當年稀缺的黑貓高畫質圖,如今隨手可得,限制早已解除,綁定卻留了下來。材料的問題解決之後仍然不換,說明這顆頭像已經從個人選擇變成某種公共財產。下一次介面改版,那圈圓形裁切裡多半還是那頭棕髮;五更琉璃的圖再清晰,大概也只能繼續留在收藏夾裡。