今天這篇文章，從技術角度出發(fā)，告訴你iOS應用圖標形狀背后的「玄機」。

從 iOS 7 開始，應用圖標變成了一個更為復雜而精簡的圖形。大家都知道蘋果公司注重細節(jié)，并不是所有人都能從細微的界面變化中，清楚地看出其背后的數(shù)學規(guī)則。

差別對比：黃色為 iOS 7 之前的圖標形狀，藍色為 iOS 7 開始的形狀

Autodesk’s Alias Studio 是 Apple 公司在使用的軟件，如果你用過它來調(diào)整過曲線，你就會馬上理解背后的奧秘：產(chǎn)品的統(tǒng)一性，蘋果公司在設計上，保證了其「硬件」與「軟件」的統(tǒng)一。

蘋果的圖標并不是圓角矩形，因為它的實體產(chǎn)品也不是

蘋果的產(chǎn)品以設計簡約著稱，但你不能誤以為它們簡單易做。蘋果在其實體產(chǎn)品的外觀工藝上下了不少的功夫。除非被工業(yè)設計師指出來，否則一般用戶并不會意識到這一點。

蘋果實體產(chǎn)品設計的一個「秘密」在于，它們會避免用切線連接（tangency），而是采用連續(xù)曲率工藝精心打磨產(chǎn)品的表面。

上面這 2 個打磨了圓角的長方盒子狀的產(chǎn)品，看看圓角的出現(xiàn)與收尾，除了圓角半徑大小不同，另外一個難以察覺的地方是連接處的曲率不同。

左邊是使用切線相連（tangency）的效果。右邊的 MacBook Pro 邊角為何會相對顯得舒緩？因為它是一個有著連續(xù)多變的弧線，并由此構(gòu)成了美妙、甜蜜而性感的表面。這也是我愛上蘋果產(chǎn)品的一個原因。

微小區(qū)別的背后是什么？

看看下面的曲率梳狀圖（一種曲率可視化方法），梳狀圖里的每條線代表著曲面在某一點上的曲率大小。在左圖里，曲率從零突變到半徑值：突變的曲率 = 生硬的突顯。

蘋果的工業(yè)設計師所做的，便是設計產(chǎn)品最重要的部分。

在右圖，你可以看到曲率連續(xù)的樣子。從零曲率開始，曲率梳線的過渡體現(xiàn)了其曲率的大小變化。你沒有看到突變的曲率，所以產(chǎn)品的這一突出部分，看起來也讓人感覺更舒緩。

簡單來說，漸變的曲率保證了邊角的平滑過渡。

雖然這 2 種曲率的差異在 app 圖標里很難被區(qū)分。但重要的是，現(xiàn)在的 app 圖標與實體產(chǎn)品的設計共用一套設計規(guī)則。

蘋果公司并沒有為它申請專利。任何公司的產(chǎn)品都能使用這種表面加工工藝。所以，為什么其他廠商不使用這種工藝呢？

比起使用這項工藝，還有很多「不用的理由」：

• 過去的工程 CAD 工具在這類工藝上的研究并不多；
• 硬件工程師可能對 CAD 這一模塊功能的使用并不純熟；
• 外觀設計和硬件設計之間存在差距，難以很好地結(jié)合在一起；
• 它的重要性太低，所以一直被忽略。
• ……

很多工業(yè)設計師，想在自己設計的產(chǎn)品上應用這種工藝，但很多時會因為公司的加工設備與資金問題作罷。（換而言之，這也不能全怪設計師）。

PS：相比切線連接，曲率連接的工業(yè)成本更高，這種技術一般用于汽車等大面積曲面的建模上。一般廠商為了控制成本，會較少采用此技術。更不要說，將此技術應用到平面設計上。

如果你想探索更多的東西，想通過翻閱表面加工技術文檔來弄清楚這兩種不同的連續(xù)曲率，那么你可以在 Autodesk’s Alias 工具上找到這些技術文檔。

最后，我要表達我對蘋果公司的贊賞與感激之情，特別是那些推動了資金投入于研究產(chǎn)品細節(jié)，使其制作精良的 C 級人員（如 Steve Jobs）。這讓很多設計師的夢想成真。

而現(xiàn)在，因為應用圖標的小小改動，也使得它跟內(nèi)部軟件的聯(lián)系更緊密了。謝謝。

作者：Mark Stanton

譯者：謝敏欣

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

來源：http://www.ifanr.com/app/799630

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@愛范兒，譯者@謝敏欣