在“Rpple——Apple 產(chǎn)品上的曲線進(jìn)化歷程(3)”中我們將依據(jù) Apple 產(chǎn)品上的一些新設(shè)計語言將這一時期的 Apple 設(shè)計風(fēng)格以“New Edge”來稱呼,區(qū)別于曲線進(jìn)化歷程(2)中介紹的“理性主義”時期規(guī)則的圓角過度,在“New Edge”時期,Apple 的產(chǎn)品出現(xiàn)了更自由的曲面以及鋒利的邊線,這時期的特征在新 MacBook 系列產(chǎn)品中表現(xiàn)的尤為淋漓盡致,所以這一篇文章將以 MacBook 為例,嘗試更深一步來交流一下造型設(shè)計中曲面相關(guān)的一些問題。
上圖我們看到的是 MacBook 的一個細(xì)節(jié)特寫,這張圖片也在前面“曲線進(jìn)化歷程(3)”中使用,我們并不另外引用圖片,一個原因是這些 MacBook 的新照片都照得一樣漂亮,如果你不以此為然,可以用 MacBook 用搜索引擎或者各類相片分享網(wǎng)站搜索看一下,為什么照得一樣漂亮呢,因為 MacBook 很上鏡,其實就是說 MacBook 漂亮嗎,你或許不認(rèn)同這種說法,但是你一樣可以往下看,我們沒說比誰漂亮,假如你討厭一個人(或巨大一群人)說一個東西漂亮,我想你早就應(yīng)該停住不看了。
我們從上面這張照片能感受到什么,一個緩慢過度的曲面,而最顯眼的就是高光帶,所謂高光通俗說就是最亮的地方(或者白色的),這條高光帶一面過渡很緩和,從亮到暗,而另一面在最亮的地方陡然截止,另外一面就是陰暗面,形成亮麗的分割線。上面說到的無論你是從搜索引擎還是照片分享網(wǎng)站去搜索 MacBook 的照片,都覺得漂亮,其中一個最主要的特征就是這條高光帶,其實這也說明人們看到實物也是差不多。可以嘗試用 Google 搜索,不是在特殊條件下的照片,基本上有如上描述高光帶過渡。
簡要介紹一下高光,我們都知道我們眼睛能夠感知一切物體,是因為光的作用,即光的反射(不發(fā)光物體),不同的反射情況讓我們獲得不同的感知,比如鏡面還是磨砂面,是平面還是弧面,也包括不同顏色不同材質(zhì)等等所有視覺可感知信息。光的反射有一個基本的定理,即反射光線入射光線和法線在同一平面內(nèi),反射光線和入射光線分居法線兩側(cè)并且反射角等于入射角,無論是鏡面還是漫反射都是這樣。當(dāng)我們眼睛位于反射線上的時候,我們看到的是強光,在漫反射中法線是朝四面八方的,我們看到高光就是因為這一區(qū)域的更多的光線反射路線是到達(dá)眼睛的,高光帶漸變就是反射到眼睛的光的數(shù)量的漸變,所以高光是決定于物體的法線分布和光源、眼睛的位置。而物體表面法線的分布是由表面的材質(zhì)以及形狀決定的,從宏觀上來說,形狀是高光形狀特征的主要決定因素,比如同一形狀不同材質(zhì)的高光表現(xiàn)類似,其實這也是我們眼睛能夠感知形狀的原因,同時也說明高光帶在識別形狀中起的重要作用。
我們先看一下,舊版 MacBook 照片:
照片來自這里。規(guī)則的圓角過度,對比一下新版 MacBook 的高光表現(xiàn),差別非常大,舊版的高光帶較新版的聚集,過渡區(qū)域狹窄,比較復(fù)雜,比如高亮的角,不夠豐富,即沒有緩慢過渡也沒有新版一邊陡然切斷的感覺。高光表現(xiàn)的就是曲面。
也是用在前文的一張圖片。
高光表現(xiàn)的就是曲面。
和上圖一個系列,照片來自這里。
下面是一個示意圖:
兩種曲面界面的曲率變化雞冠示意圖,系列直線也表示曲線上的法線分布(疏密沒有比較關(guān)系)。注:這些法線分布是一個實際物體比如 MacBook 這個殼子上法線分布的宏觀反應(yīng),實際物體的法線都是根據(jù)不同材質(zhì)朝向四面八方的。
按照我們上面說的,高光形成的原因,我們可以對照一下這個示意圖,規(guī)則圓弧過度(老MacBook)在圓弧處的法線分布構(gòu)成了90度夾角,所以只要你眼睛看的見這段圓弧,總是能看到廣告,按照反射角等于入射角可以模擬各個方向的平行光,而且法線方向變化很快,所以高光比較集中。而下面新版 MacBook 自由曲面過渡法線方向變化緩和,也就出現(xiàn)高光帶的緩和變化,而且法線在右邊端點變化出現(xiàn)了不連續(xù),即最右端點的法線和豎直的法線是一個銳角,并且在這個斷點的另一邊(豎直部分)法線一律水平,所以在一般光源和一般視角情況中,高光帶在此斷裂,而曲線的法線方向是不一致的,在通常情況下,總能在此處看到高光,這也就是為什么大家拍出來的照片中都能看到這條美麗的高光帶。
而在我們不是以物理的視角來看的時候,高光帶和形狀之間的關(guān)系就陷入“蛋生雞,雞生蛋”的問題了,那么我們有必要這樣去認(rèn)識曲面嗎?討論這些法線分布,不就是一個形狀嗎?這個問題,放在一位普通消費者而非專業(yè)設(shè)計師,就是他有必要主動去關(guān)注那條高光嗎?
不是有必要,但是看看那些消費者拍的 MacBook 的照片,他們?yōu)檫@個結(jié)果著迷,或許有的人并不會用“高光”這個詞來稱呼。那么設(shè)計師也一樣,不必去分析什么法線之后詳細(xì)的原理,但是要認(rèn)識曲面,有意識的去設(shè)計曲面,而不是想當(dāng)然,這兒有個轉(zhuǎn)角,就加個R吧。
在邊框的四個圓角上,新版比老版的要大,試想一樣如果調(diào)換(不考慮加工工藝),在視覺效果上表現(xiàn)又是怎樣?通常我們在軟件中可以很好的模擬實際產(chǎn)品的視覺效果,但在設(shè)計時比如草圖階段,是否真的在意產(chǎn)品最后的高光效果之類呢?有些看起來很簡單,但是實際并不簡單,就比如我們用“簡單”“豐富”兩個看起來詞義相反的詞來形容新版 MacBook 一樣。如果說有人正在學(xué)高級曲面建模,可以模擬一下較精確建一個 MacBook 上殼試試(尤其是四個角的高光表現(xiàn))。
當(dāng)然曲面只是形態(tài)的一個特列,造型只是設(shè)計中的一部分,這里之所以討論這么多 Apple 的產(chǎn)品,MacBook 說這么多,除了 Apple 這種不斷突破帶來一種刺激,最主要是因刺激而來的激勵,用上世紀(jì)一個流行詞來概括就是“追求卓越”,我們連著說 Apple 的曲線曲面并不是說號召大家都來弄曲面,主要是體會并學(xué)習(xí)這種“追求卓越”的精神。把 Apple 當(dāng)“敵人”,做不到無視就學(xué)習(xí)它。
我們只說了 MacBook 上殼,其實 MacBook 有太多細(xì)節(jié),雖然看起來是簡單沒有細(xì)節(jié)的,本來想另外寫一篇 the Rthers——更多品牌筆記本的曲面曲線,但這一點主要在于個人體驗(比如有人或許還是喜歡老版MacBook的樣子),所以不再搜圖羅列了,大家可以自己比較一下,有看法可以在這交流。