劉海各不同！設(shè)計師告訴你為啥iPhone X的劉海更順眼

 當(dāng)蘋果第一次讓劉海屏出現(xiàn)在 iPhone X 上時，幾乎沒有人愿意說這是一個好看的設(shè)計。但是時間來到現(xiàn)在，當(dāng)越來越多的安卓手機(jī)開始加入劉海屏陣營的時候，我們也看到了各式各樣的劉海，然后才發(fā)現(xiàn)，其實 iPhone X 的缺口設(shè)計竟然是看起來最順眼的了!

為了解答大家的這個疑問，設(shè)計師 Brad Ellis 在博客上發(fā)表了一篇文章，詳細(xì)解釋了蘋果在 iPhone X 缺口設(shè)計上的特別之處。首先我們需要來看看實現(xiàn) Notch 屏幕(劉海、缺口屏)都有哪些方式，上圖(圖片源自網(wǎng)絡(luò)，侵刪)和下圖的這些 Notch 屏要說制造難度、成本和 iPhone X 的屏幕其實沒什么區(qū)別，都是需要按照須先設(shè)定好的形狀切割而已，但是效果確是差了不少。

Ellis 表示，蘋果在設(shè)計過程中并沒有遵循常見的圓角矩形的曲線，也就是在一段直線之后直接接入一個正圓的圓形，而是用上了一個名為“方圓形”的曲線，它的坡度一開始更“陡”，而后來變得越來越柔和。下方的兩張圖能夠清晰地解釋兩種設(shè)計方法的不同，簡單來說，蘋果這里用上了曲率連續(xù)的方法。

雖然很多人把蘋果的設(shè)計風(fēng)格成為“圓角矩形”，但是 Ellis 表示，其實蘋果多年來一直在 MacBook、iMac 電腦和 iOS 7 以后的系統(tǒng)中使用曲率連續(xù)這一招數(shù)，并且這一形狀其實比較難實現(xiàn)，因為它過去在 CAD 這樣的 2D 編輯器中并不可用。

更加直接地為大家展示 iPhone X 的“劉海”，Ellis 又舉了個例子。當(dāng)我們需要將上下兩條平行直線通過兩個圓弧連接起來時，按理來說總會有那么一下圓弧的切線會垂直于兩條平行直線的，對吧?但是蘋果的設(shè)計中，你卻發(fā)現(xiàn)這些切線竟然都不是垂直的!

對于蘋果在劉海設(shè)計上的獨具匠心，Ellis 表示這些決定看起來很小，但是在很多公司中，即使設(shè)計師愿意花些心思設(shè)計出一條美妙的曲線，公司也不一定會投入資源去讓它變?yōu)閷嶋H產(chǎn)品。未來蘋果肯定會不斷改變 iPhone 劉海的曲線，直到完全實現(xiàn)100%的屏占比，而這其中的變化將很有趣。

當(dāng)然，Ellis 也表示，需要提醒各位設(shè)計師朋友們，在開發(fā) iOS 產(chǎn)品的時候，一定要用蘋果官方的設(shè)計資源，你不知道他們在哪個地方突然給你來了一條充滿奇思妙想的曲線。