儘管有着小米史上最貴的屏幕，但不少人在上手小米 11 的第一印象確實略微有點「醜」，但很多時候卻又說不出來哪裏不太和諧。

而部分有強迫症的同學發言就簡單直接很多了，直言小米 11 屏幕上方的 R 角設計看得強迫症犯了不能接受。

實際上這一點在愛範兒之前的評測中也有提到，小米 11 的 R 角設計整體看來並不和諧。

原因在哪？

做一個圓角矩形，四角的圓弧就是 R 角

R是圓角， Radius，指的是內圓弧角或者外圓弧角。簡單地理解的話，你可以認爲把一個矩形的四角削成圓角，那麼這個圓角就可以叫做 R 角。簡單地說，R 角就是圓弧，在機械加工零件中會經常看到這個概念。

而在手機領域，我們說的 R 角大多數時間指代的只有兩個圓角部分，第一種是手機外殼四邊的圓角，第二種則是屏幕四邊 R 角。

圖片來自：博客園

在繪圖中，如果想製作一個圓角矩形，那麼通常的做法是在矩形內部的四角部分做四個圓形，每個圓形的分別與一個角延伸出來的兩條邊相切，然後去掉原先方正的四角，以兩個相切點爲起始保留圓形的邊，這樣就得出一個圓角矩形。

但是這個圓角矩形並不「完美」，雖然看上去大體沒有什麼問題，但是放大看細節的話就會發現，從圓弧到直線的過渡並不順滑，在相切點是有一點生硬的。

其實擅長几何數學家們早就發現了這個問題，也一直在尋找如果做出過渡更加順滑的曲線，比如像超橢圓 Lamé 曲線，PhotoShop 中常用的貝塞爾曲線（Bézier curve），還有羊角螺線（clothoid）等等，都能做出非常順滑的曲線。

爲什麼設計師對曲線的認知與應用越來越重要，最大的原因就是手機 R 角在這幾年呈現出一種逐漸增大的趨勢。

如果你自己的觀察的話會發現，這幾年來手機的 R 角越來越大了，也就是手機變得越來越「圓潤」，四四方方的手機已經越來越少見，近乎絕跡，羅永浩那句「圓滑時代當道的銳利異類」指的並不是只有中框，其中也包括了手機外觀以及屏幕的 R 角。

R 角越來越大，手機越來越圓潤了

爲什麼手機的 R 角設計的越來越大，讓手機變得越來越圓潤了呢？

趨同進化. 圖片來自：YouTube

在生物學上有一個概念叫做「趨同進化」，說的是不同的物種，可能因爲要適應類似的環境，或者在某些偶然的情況下，進化方向產生了一致性，以至於明明是不同的物種，卻有着極爲相似的外形體態或者器官功能。

比如我們在水族館裏常見的海豚和各種魚，本質上一個是哺乳類動物一個是魚類，但是爲了適應水生環境趨同進化出了流線型的身體以及魚鰭等等。

R 角設計的趨同，其實也要回歸到手機行業的工業設計方向來看。在過去的十年中，手機的整體體積出現了不斷變大的趨勢。

手機越來越大. 圖片來自：YouTube

手機整體變大之後，不僅能夠受力的部分變得更大，同時結構也沒有較小的時候穩定，所以抗撞擊性能成爲了一個在工業設計上需要更多考慮的點。

另一個原因則是這幾年玻璃材質的迴歸代替了之前的金屬材質，由於玻璃更加不耐撞擊，雖然玻璃工藝一直在發展，以康寧爲首的玻璃廠商也在研發更加耐刮和防撞的玻璃，但總體上玻璃仍然是很脆弱的。

還有一點則和玻璃和屏幕形態有關，由於柔性屏幕的出現，目前旗艦機大多使用了曲面屏幕來減少視覺上的兩側邊框，提高手機的「顏值」，但是曲面屏幕在跌落時更容易受力也更脆弱，所以對整機的防撞性能要求更高。

所以 R 角的設計綜合了美觀和抗跌落等多種因素，既容易出現妥協，也彰顯廠商的設計功力。

Xperia Z3 的四角設計獨特. 圖片來自：Android Authority

當然，這也和追求全面屏和窄邊框的趨勢有關，在不追求的全面屏設計的手機上，R 角設計就比較「放飛」一些，比如像當年的索尼 Xperia Z3，手機四個 R 角採用了獨立的塑膠設計，並不影響整體的外觀設計，還提升了四角的抗跌落性能。

一直到現在，延續了這種留有上下「額頭」和「下巴」設計的 Xperia 5 II，也依舊是簡單而接近直角的屏幕。

iPhone 對 R 角設計給出了標杆級的答案

我們再回到最開始的問題，爲什麼小米 11 的 R 角看起來並不和諧，看起來屏幕的 R 角相比外觀的 R 角縮進去了一截。

答案很簡單，因爲這是一塊四曲面屏幕。正是因爲小米 11 採用了四曲面屏幕，所以在屏幕的四角部分會比一般的曲面屏更加脆弱，爲了減少應力增加防撞擊的能力，採用了四曲面屏幕的手機廠商都會把四個角墊起來一點增加防護，但從視覺上說，R 角的和諧就被破壞了。

注意四角都被中框包住墊起來了

這樣的案例也並非小米 11 獨有，像同樣採用了四曲面設計，並且左右和上邊框也較窄的 P40 Pro+ 同樣有這樣的問題，雖然看起來要比小米 11 稍微好那麼一點點，但當時也遭到了不少消費者的吐槽。

不過四曲面屏幕並非只有缺點，除了在視覺上減少邊框的寬度之外，還對現在流行的手勢操作更加友好。比如左右的返回手勢，以及從屏幕低端上滑的返回桌面手勢，曲面的加入都會讓整體手感變得更加順滑。

對於四曲面屏幕設計帶來的利弊究竟怎麼選擇，還是要等待更多的市場檢驗了。

把四曲面屏幕排除在外的話，好看的手機 R 角又應該怎麼設計？

簡單來說，或者說遵循一項原則就是要處理好手機屏幕的 R 角弧度與手機外觀的 R 角弧度，兩者的視覺關係是否和諧，基本上決定了整體的 R 角是否好看。

最簡單直接的方法就是兩個 R 角呈現視覺平行，並且屏幕和手機的 R 角都是連續曲線的流暢曲線設計。

這方面比較典型的是 iPhone，從 iPhone X 開始就遵循着四邊等寬的設計，讓人感覺非常具備規則幾何上的美感。但和其它品牌不同的是，iPhone 對於 R 角的細節打磨甚至延展到了 iOS 系統中。

比如 iOS 的主界面中，屏幕下方固定擺放四個應用的 Dock 欄，它本身也是一個圓角矩形，再加上裏面的應用，實際上有應用、Dock 欄、屏幕和邊框一共四層。

可能很多人不知道的是，iPhone 12 系列的 R 角比之前的機型略大，更加的圓滑，包括屏幕的 R 角也有一點改變。而這點也體現在了 iOS 系統中，所以 iPhone 12 系列的 Dock 的欄的圓角也比之前要更加圓潤一點，和屏幕與外觀進行了很好的呼應。

從這一點說，iPhone 系列在設計上的確是相當深入細節的，當然與此同時也並不妨礙你吐槽劉海四年沒有改變的現實。

除了蘋果，大家都覺得沒有設計的小米其實也曾經提過 R 角的設計。2018 年在小米 8 發佈會的時候其 R 角設計被雷軍稱爲是「完美 R 角」。當然不得不說這也是受到了 2017 年剛剛發佈的 iPhone X 影響，讓「G2 連續」這樣原本的設計術語更多被大衆所知悉。

在小米手機的官方微博搜索，現在還能看到一篇「水滴弧線加完美 R 角，小米 8 的好手感是如何造就的？」長微博文章。

其中的核心提取出來就是：曲率梳無間隔、無突變、無尖角，代表曲線更圓、過渡更平滑，等級更高。

其中對 G0、G1、G2、G3 曲線進行了簡單科普，並表示小米 8 的 R 角設計上實現了接近 G3 級的「完美 R 角」。不知道這些名詞也沒有關係，你瞭解後一個比前一個圓角更順滑就行了。

儘管在手機外觀的四個 R 角上實現了連續順滑的過渡，但是在屏幕 R 角與外觀 R 角的貼合與視覺和諧程度來看，當時的小米 8 離前一年的 iPhone X 依然相差甚遠。

不過值得鼓勵的一點是，小米在去年的 MIUI 12 中也開始從軟件上對屏幕的 R 角處理進行了更好的是適配，比如原生 Android 系統在部分界面會對屏幕 R 角處理出現鋸齒的情況，而 MIUI 12 將其優化爲了更加順滑的曲線。

在手機的競爭已經高度競爭到現在的情況下，相信其實頭部手機廠商都有不少對於細節上的類似處理，只是他們還沒站出來說罷了。

對於大多數人來說，R 角的設計可能是一個並不起眼的細節，但對於力求細節完美的設計來說，R 角還遠遠沒到值得忽略的底部。

而對於 R 角設計越來越多以及越來越專業的討論可以看到，這其實透露出了手機行業比拼已經脫離了簡單的性能與功能對比，對於廠商們來說，甚至不僅是簡單 CMF 層面，而是要精雕細琢到像 R 角設計這樣的細枝末節。

而能細節到這樣的程度，也說明我們確實有一套高端手機的方法論了吧。