為啥iPhone X的劉海更順眼？設計師告訴你 [複製鏈接]

aikan

Youth II

Rank: 6 Rank: 6

好友: 0
帖子: 4508
積分: 8997
最後登錄: 2018-7-31
在線時間: 0 小時

電梯直達

樓主

發表於 2018-5-30 06:04:09 |只看該作者 |倒序瀏覽

當蘋果第一次讓劉海屏出現在iPhone X上時，幾乎沒有人願意說這是一個好看的設計。但是時間來到現在，當越來越多的安卓手機開始加入劉海屏陣營的時候，我們也看到了各式各樣的劉海，然後才發現，其實iPhone X的缺口設計竟然是看起來最順眼的了！？

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

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

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

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

對於蘋果在劉海設計上的獨具匠心，Ellis表示這些決定看起來很小，但是在很多公司中，即使設計師願意花些心思設計出一條美妙的曲線，公司也不一定會投入資源去讓它變為實際產品。
未來蘋果肯定會不斷改變iPhone劉海的曲線，直到完全實現100%的屏占比，而這其中的變化將很有趣。當然，Ellis也表示，需要提醒各位設計師朋友們，在開發iOS產品的時候，一定要用蘋果官方的設計資源，你不知道他們在哪個地方突然給你來了一條充滿奇思妙想的曲線。