欧美中文字幕在线播放_人妻无码免费的_中文日韩欧美州_无码av中文系列久久免费

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

MacBook產品造型設計中的曲面特征及高光表現

2019-09-12 2587 0

macbook

      在“Rpple——Apple 產品上的曲線進化歷程(3)”中我們將依據 Apple 產品上的一些新設計語言將這一時期的 Apple 設計風格以“New Edge”來稱呼,區(qū)別于曲線進化歷程(2)中介紹的“理性主義”時期規(guī)則的圓角過度,在“New Edge”時期,Apple 的產品出現了更自由的曲面以及鋒利的邊線,這時期的特征在新 MacBook 系列產品中表現的尤為淋漓盡致,所以這一篇文章將以 MacBook 為例,嘗試更深一步來交流一下造型設計中曲面相關的一些問題。

      上圖我們看到的是 MacBook 的一個細節(jié)特寫,這張圖片也在前面“曲線進化歷程(3)”中使用,我們并不另外引用圖片,一個原因是這些 MacBook 的新照片都照得一樣漂亮,如果你不以此為然,可以用 MacBook 用搜索引擎或者各類相片分享網站搜索看一下,為什么照得一樣漂亮呢,因為 MacBook 很上鏡,其實就是說 MacBook 漂亮嗎,你或許不認同這種說法,但是你一樣可以往下看,我們沒說比誰漂亮,假如你討厭一個人(或巨大一群人)說一個東西漂亮,我想你早就應該停住不看了。

      我們從上面這張照片能感受到什么,一個緩慢過度的曲面,而最顯眼的就是高光帶,所謂高光通俗說就是最亮的地方(或者白色的),這條高光帶一面過渡很緩和,從亮到暗,而另一面在最亮的地方陡然截止,另外一面就是陰暗面,形成亮麗的分割線。上面說到的無論你是從搜索引擎還是照片分享網站去搜索 MacBook 的照片,都覺得漂亮,其中一個最主要的特征就是這條高光帶,其實這也說明人們看到實物也是差不多??梢試L試用 Google 搜索,不是在特殊條件下的照片,基本上有如上描述高光帶過渡。

      簡要介紹一下高光,我們都知道我們眼睛能夠感知一切物體,是因為光的作用,即光的反射(不發(fā)光物體),不同的反射情況讓我們獲得不同的感知,比如鏡面還是磨砂面,是平面還是弧面,也包括不同顏色不同材質等等所有視覺可感知信息。光的反射有一個基本的定理,即反射光線入射光線和法線在同一平面內,反射光線和入射光線分居法線兩側并且反射角等于入射角,無論是鏡面還是漫反射都是這樣。當我們眼睛位于反射線上的時候,我們看到的是強光,在漫反射中法線是朝四面八方的,我們看到高光就是因為這一區(qū)域的更多的光線反射路線是到達眼睛的,高光帶漸變就是反射到眼睛的光的數量的漸變,所以高光是決定于物體的法線分布和光源、眼睛的位置。而物體表面法線的分布是由表面的材質以及形狀決定的,從宏觀上來說,形狀是高光形狀特征的主要決定因素,比如同一形狀不同材質的高光表現類似,其實這也是我們眼睛能夠感知形狀的原因,同時也說明高光帶在識別形狀中起的重要作用。

      我們先看一下,舊版 MacBook 照片:

old macbook stack

      照片來自這里。規(guī)則的圓角過度,對比一下新版 MacBook 的高光表現,差別非常大,舊版的高光帶較新版的聚集,過渡區(qū)域狹窄,比較復雜,比如高亮的角,不夠豐富,即沒有緩慢過渡也沒有新版一邊陡然切斷的感覺。高光表現的就是曲面。

macbook hightlight
 

也是用在前文的一張圖片。

高光表現的就是曲面。

macbook hightlight

和上圖一個系列,照片來自這里。
下面是一個示意圖:

macbook normal
 

      兩種曲面界面的曲率變化雞冠示意圖,系列直線也表示曲線上的法線分布(疏密沒有比較關系)。注:這些法線分布是一個實際物體比如 MacBook 這個殼子上法線分布的宏觀反應,實際物體的法線都是根據不同材質朝向四面八方的。

      按照我們上面說的,高光形成的原因,我們可以對照一下這個示意圖,規(guī)則圓弧過度(老MacBook)在圓弧處的法線分布構成了90度夾角,所以只要你眼睛看的見這段圓弧,總是能看到廣告,按照反射角等于入射角可以模擬各個方向的平行光,而且法線方向變化很快,所以高光比較集中。而下面新版 MacBook 自由曲面過渡法線方向變化緩和,也就出現高光帶的緩和變化,而且法線在右邊端點變化出現了不連續(xù),即最右端點的法線和豎直的法線是一個銳角,并且在這個斷點的另一邊(豎直部分)法線一律水平,所以在一般光源和一般視角情況中,高光帶在此斷裂,而曲線的法線方向是不一致的,在通常情況下,總能在此處看到高光,這也就是為什么大家拍出來的照片中都能看到這條美麗的高光帶。

      而在我們不是以物理的視角來看的時候,高光帶和形狀之間的關系就陷入“蛋生雞,雞生蛋”的問題了,那么我們有必要這樣去認識曲面嗎?討論這些法線分布,不就是一個形狀嗎?這個問題,放在一位普通消費者而非專業(yè)設計師,就是他有必要主動去關注那條高光嗎?

      不是有必要,但是看看那些消費者拍的 MacBook 的照片,他們?yōu)檫@個結果著迷,或許有的人并不會用“高光”這個詞來稱呼。那么設計師也一樣,不必去分析什么法線之后詳細的原理,但是要認識曲面,有意識的去設計曲面,而不是想當然,這兒有個轉角,就加個R吧。

      在邊框的四個圓角上,新版比老版的要大,試想一樣如果調換(不考慮加工工藝),在視覺效果上表現又是怎樣?通常我們在軟件中可以很好的模擬實際產品的視覺效果,但在設計時比如草圖階段,是否真的在意產品最后的高光效果之類呢?有些看起來很簡單,但是實際并不簡單,就比如我們用“簡單”“豐富”兩個看起來詞義相反的詞來形容新版 MacBook 一樣。如果說有人正在學高級曲面建模,可以模擬一下較精確建一個 MacBook 上殼試試(尤其是四個角的高光表現)。

      當然曲面只是形態(tài)的一個特列,造型只是設計中的一部分,這里之所以討論這么多 Apple 的產品,MacBook 說這么多,除了 Apple 這種不斷突破帶來一種刺激,最主要是因刺激而來的激勵,用上世紀一個流行詞來概括就是“追求卓越”,我們連著說 Apple 的曲線曲面并不是說號召大家都來弄曲面,主要是體會并學習這種“追求卓越”的精神。把 Apple 當“敵人”,做不到無視就學習它。

      我們只說了 MacBook 上殼,其實 MacBook 有太多細節(jié),雖然看起來是簡單沒有細節(jié)的,本來想另外寫一篇 the Rthers——更多品牌筆記本的曲面曲線,但這一點主要在于個人體驗(比如有人或許還是喜歡老版MacBook的樣子),所以不再搜圖羅列了,大家可以自己比較一下,有看法可以在這交流。


14
評論區(qū)(0)
正在加載評論...
相關推薦