iPhone X 發布后，很多設計師吐槽屏幕的形狀。當大部分的吐槽逐漸平息下來，我依然沒看到關于屏幕轉角細節設計的討論。
你理解的轉角是什么樣的?
當你開始設計轉角的時候，毫無疑問，一定是設計成簡單的方形。因為可以通過機械校準制造這些屏幕，所以能夠保證邊界的誤差很小。
每個人都知道如何制作出正確的轉角，設計師通過視覺繪制，工程師需要通過少量的計算，機器被設定好后就能清楚的按照設定程序進行制作。
讓我們看看怪異的全直角是什么樣子的：
當Apple公司知道他們要利用全屏技術，他們就有機會改變屏幕的形狀了，因為無論如何他們都需要解決制造過程中存在的問題。想來，大部分的費用應該是花費在了內置更新上了。
當然，這些屏幕設計還有一些丑陋的方案：
這個方案應該是他們落地生產最好的方案：
屏幕的棱角
接下來是強迫癥慎入，iPhone X屏幕的圓角不是使用經典的圓角方法：直線與圓的單個象限弧相切。
而是使用更復雜的方法：使用圓形，但是斜坡圓滑的更快些。使整體看起來溫柔很多。
為了能更好的看出差異，這里使用了gif：
△ 常規圓角和iPhoneX屏幕圓角的區別
Apple公司在平板和iMac上使用這樣的圓角已經很多年，但是直到iOS7才應用到iPhone上。這種形狀在傳統上難以實現，因為它在2D設計編輯器中是不可用的，不過這種情況正在改變。
關于缺口
接下來我們了解下屏幕的缺口部分，也就是我們常說的「劉?！埂Ｗ笥覂蛇呌袃蓚€圓角。由于曲線的衰減，一條曲線和另一條曲線可以無縫連接。
這種設計是沒有問題的
我發現iPhoneX模板并沒有100%復制官方的形狀，可能是因為很難制作或者他們沒有注意到。
這種設計的未來迭代肯定會改變這些尺寸，因為有個很有趣的事情是內置硬件的變化會影響外觀設計的變化。
當然，這些變化看起來可能很小，但是從設計角度來看，他們相當的了不起了。因為很多設計即使設計師愿意推動這些想法，大部分組織也不會投放太多的資源。
關于改變
我喜歡獨立應用程序的一個原因是他們有堅持己見的資本。比如很多公司（人數超過50人）產品外觀上有大型變化基本上是不可能的，但是Apple公司的設計就仍有能力進行改變，這是一個很酷的行為。
數以千計的設計細節是Apple公司與其他公司區別開的主要原因。能做到這一點真的很不容易，并且產品看起來真的很漂亮。
原文鏈接：《No Cutting Corners on the iPhone X》
原文作者：Maggie Mason
歡迎關注譯者的微信公眾號：「漁夫和Ta的靈魂」
「iPhone X 適配案例」
================明星欄目推薦================
優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。
設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 772 位幸運星
發表評論 為下方 1 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓