蘋果的圖標為什麼那麼好看？！

簡評：如果你沒有細緻研究過 iOS 的界面設計，那你可能會覺得蘋果的 icon 只是圓角矩形而已。但如果你是業內人士，你就知道它們大有不同，甚至有個專門的詞來表述 —— squircle（方圓形）。工業設計師常常把這個作為硬體設計的核心象徵。

自 iOS 7 以來，App 的圖標愈發複雜而精緻。儘管每個人都知道蘋果注重細節，然而並不是每個人都能在這微小變化中發現其背後複雜的設計邏輯。一個小方法，當你在 Autodesk 出品的 Alias Studio 中調整曲線時，你就會明白個中道理 —— 蘋果公司在硬體和軟體之間達成了設計的一致性。

蘋果的圖標不是圓角矩形，因為它們的硬體產品也不是

蘋果產品以「簡約」著稱，但「簡約」並不是「簡單」。用戶們可能注意不到，但蘋果硬體產品的設計從來不簡單。

蘋果硬體產品的「秘密」就在於 —— 避免相切，並根據曲率連續性來設計表面。

從用戶的視角指導細節設計

下圖是一項對比，右邊是蘋果產品。相比較之下差別顯而易見。

右邊的 MacBook Pro 也是一個帶有兩個直角表面的產品，它們通過圓形曲面連接起來。表面具有不斷變化的曲率，這讓它不會產生左圖那樣的反光，這也是蘋果產品讓我愛它們的原因之一。

為什麼會有所不同？

將曲率可視化成曲率梳，梳子上每一行表示曲線在該點的曲率，可以看到，左圖的曲率是從零開始立刻到半徑值，這個突變就造成了表面的突然亮點。

而在右圖中，曲率是從零開始連續變化的，因此在表面上會更加平滑。這個差異在圖標中並不容易看出來，但重點是圖標和硬體都採用相同的設計語言。

蘋果並沒有這個專利。任何公司都可以將其表面做到這樣的質量水平。那為什麼不呢？

以前或許是這一設計的重要性沒有顯現，CAD 工程師並不在意這些。而現在其實許多工業設計師已經將這一級別的工藝應用於他們設計的非蘋果產品，但卻囿於公司資源的限制，即不總是設計師的錯誤。

如果你對這方面想深入探索，可以閱讀一些真正技術性的表面設計，可參閱本教程中 Autodesk 的 Alias 工具。

致敬卓越的設計。

原文：Apple』s Icons Have That Shape for a Very Good Reason

相關閱讀：

• 極簡主義設計的最佳實踐
• UI 設計中顏色使用法則

歡迎關註：知乎專欄「極光日報」，每天為 Makers 導讀三篇優質英文文章。

推薦閱讀：