|
好產(chǎn)品，或許你已見得不少。但好產(chǎn)品背后的探索和思考，恐怕沒有太多人知道。
在這個(gè)欄目里，你會(huì)知道「產(chǎn)品人」如何創(chuàng)作，提供更好的用戶體驗(yàn)，并影響成千上萬人的生活。
我們精選優(yōu)質(zhì)內(nèi)容，為你提供特別的產(chǎn)品視角。 如果你有好文推薦，或者希望投稿，歡迎聯(lián)系 appsolution@ifanr.com。
微信號(hào) appsolution 后臺(tái)回復(fù)「早讀」可獲取文章合輯。 A 君導(dǎo)讀：之前 AppSo（微信號(hào) appsolution）分享了蘋果和錘子應(yīng)用圖標(biāo)的設(shè)計(jì)細(xì)節(jié)， 今天這篇文章，則從技術(shù)角度告訴你，iOS 應(yīng)用圖標(biāo)形狀背后的「玄機(jī)」。 從 iOS 7 開始，應(yīng)用圖標(biāo)變成了一個(gè)更為復(fù)雜而精簡(jiǎn)的圖形。大家都知道蘋果公司注重細(xì)節(jié)，并不是所有人都能從細(xì)微的界面變化中，清楚地看出其背后的數(shù)學(xué)規(guī)則。 差別對(duì)比：黃色為 iOS 7 之前的圖標(biāo)形狀，藍(lán)色為 iOS 7 開始的形狀Autodesk’s Alias Studio 是 Apple 公司在使用的軟件，如果你用過它來調(diào)整過曲線，你就會(huì)馬上理解背后的奧秘：產(chǎn)品的統(tǒng)一性，蘋果公司在設(shè)計(jì)上，保證了其「硬件」與「軟件」的統(tǒng)一。蘋果的圖標(biāo)并不是圓角矩形，因?yàn)樗膶?shí)體產(chǎn)品也不是蘋果的產(chǎn)品以設(shè)計(jì)簡(jiǎn)約著稱，但你不能誤以為它們簡(jiǎn)單易做。蘋果在其實(shí)體產(chǎn)品的外觀工藝上下了不少的功夫。除非被工業(yè)設(shè)計(jì)師指出來，否則一般用戶并不會(huì)意識(shí)到這一點(diǎn)。蘋果實(shí)體產(chǎn)品設(shè)計(jì)的一個(gè)「秘密」在于，它們會(huì)避免用切線連接（tangency），而是采用連續(xù)曲率工藝精心打磨產(chǎn)品的表面。上面這 2 個(gè)打磨了圓角的長(zhǎng)方盒子狀的產(chǎn)品，看看圓角的出現(xiàn)與收尾，除了圓角半徑大小不同，另外一個(gè)難以察覺的地方是連接處的曲率不同。左邊是使用切線相連（tangency）的效果。右邊的 MacBook Pro 邊角為何會(huì)相對(duì)顯得舒緩？因?yàn)?strong>它是一個(gè)有著連續(xù)多變的弧線，并由此構(gòu)成了美妙、甜蜜而性感的表面。這也是我愛上蘋果產(chǎn)品的一個(gè)原因。看下面的曲率梳狀圖（一種曲率可視化方法），梳狀圖里的每條線代表著曲面在某一點(diǎn)上的曲率大小。在左圖里，曲率從零突變到半徑值：突變的曲率 = 生硬的突顯。蘋果的工業(yè)設(shè)計(jì)師所做的，便是設(shè)計(jì)產(chǎn)品最重要的部分。在右圖，你可以看到曲率連續(xù)的樣子。從零曲率開始，曲率梳線的過渡體現(xiàn)了其曲率的大小變化。你沒有看到突變的曲率，所以產(chǎn)品的這一突出部分，看起來也讓人感覺更舒緩。簡(jiǎn)單來說，漸變的曲率保證了邊角的平滑過渡。雖然這 2 種曲率的差異在 app 圖標(biāo)里很難被區(qū)分。但重要的是，現(xiàn)在的 app 圖標(biāo)與實(shí)體產(chǎn)品的設(shè)計(jì)共用一套設(shè)計(jì)規(guī)則。蘋果公司并沒有為它申請(qǐng)專利。任何公司的產(chǎn)品都能使用這種表面加工工藝。所以，為什么其他廠商不使用這種工藝呢？ 比起使用這項(xiàng)工藝，還有很多「不用的理由」： 過去的工程 CAD 工具在這類工藝上的研究并不多； 硬件工程師可能對(duì) CAD 這一模塊功能的使用并不純熟； 外觀設(shè)計(jì)和硬件設(shè)計(jì)之間存在差距，難以很好的結(jié)合在一起； 它的重要性太低，所以一直被忽略。 ……
很多工業(yè)設(shè)計(jì)師，想在自己設(shè)計(jì)的產(chǎn)品上實(shí)現(xiàn)這種工藝，但很多時(shí)會(huì)因?yàn)楣镜募庸ぴO(shè)備與資金問題作罷。（換而言之，這也不能全怪設(shè)計(jì)師） AppSo）注：相比切線連接，曲率連接的工業(yè)成本更高，這種技術(shù)一般用于汽車等大面積曲面的建模上。一般廠商為了控制成本，會(huì)較少采用此技術(shù)。更不要說，將此技術(shù)應(yīng)用到平面設(shè)計(jì)上。如果你想探索更多的東西，想通過翻閱表面加工技術(shù)文檔來弄清楚這兩種不同的連續(xù)曲率，那么你可以在 Autodesk’s Alias 工具上找到這些技術(shù)文檔。最后，我要表達(dá)我對(duì)蘋果公司的贊賞與感激之情，特別是那些推動(dòng)了資金投入于研究產(chǎn)品細(xì)節(jié)，使其制作精良的 C 級(jí)人員（如 Steve Jobs）。這讓很多設(shè)計(jì)師的夢(mèng)想成真。而現(xiàn)在，因?yàn)閼?yīng)用圖標(biāo)的小小改動(dòng)，也使得它跟內(nèi)部軟件的聯(lián)系更緊密了。謝謝。作者 Mark Stanton
原文 http:///Rigqj6E 譯者 謝敏欣 校對(duì) TamYatHo
|
