一、面的理解

產(chǎn)品設(shè)計中將具有面積感元素定義為“面”?！懊妗奔瓤梢允怯行蔚目臻g體積塊面，也可以是是元素構(gòu)成的任何感官面積。

大的連續(xù)空間可以看做是面

大面積的出氣孔可以看做是面。

與“點”、“線”相比，“面”具有明顯長度和寬度，在空間上占有的面積更大，因而視覺感受力更強(qiáng)。面的大小、空間、位置等不同狀態(tài)都會讓人產(chǎn)生不同的視覺感受。

“面”的形態(tài)多種多樣，如線條硬朗的直面、圓潤親和的曲面、自然生動的自由面等，不同的形態(tài)的面使人產(chǎn)生不同的視覺心理。

1.直面

“直面”指由直線構(gòu)成的面，輪廓具有明顯的規(guī)律性，如矩形，三角形、多邊形等。

直面與直線有著相同的視覺特征，如堅硬、銳利、穩(wěn)定感等。??

同一個直面分割成幾個直邊面，形成一種面積大小的對比構(gòu)成感。

二條及以上長度相等的直線構(gòu)成的矩形面是最常見的表現(xiàn)形式，它規(guī)矩的產(chǎn)品形態(tài)，富有直接性、簡約感。優(yōu)點是整齊有序，構(gòu)成后的產(chǎn)品穩(wěn)重、嚴(yán)謹(jǐn)、大方，較容易與讀者溝通。

直面的利落，簡約風(fēng)格最好表現(xiàn)。

而使用不相等的直線構(gòu)成的非矩形直面進(jìn)行設(shè)計，可以創(chuàng)造出豐富的產(chǎn)品結(jié)構(gòu)，增強(qiáng)形式感和趣味性。

直面的邊長不同，也會構(gòu)成了面的指向性，具有方向感。

直線邊構(gòu)成的面，易于塑造塊面十足的產(chǎn)品。

低多邊形造型就是將曲面變成有直邊構(gòu)成的直面。

金屬質(zhì)感+加上凌厲直面容易塑造力量感，機(jī)械感的產(chǎn)品。

2.規(guī)則曲面

“曲線面”指由曲線邊構(gòu)成的面，如圓形、橢圓形等。與曲線有著相同的視覺特征，給人隨意、舒適、柔美的視覺感受。曲線面不像直面的整個面保持在一個二維平面，曲線面更多的保持著空間三軸（xyz）的變化，所以造成曲線的變化更加豐富。

圓形構(gòu)成的面是最常用的

圓形給人飽滿、完整、柔和的視覺感受。當(dāng)我們看到圓形，會產(chǎn)生尋找圓心的愿望，所以使用圓形很容易形成視覺的聚焦，吸引人的注意力。

將顯眼元素放在圓心，人的眼睛一下看到視覺中心。

曲面賦予產(chǎn)品柔和感

其它形狀的曲線面優(yōu)點是趣味性和親切感比較強(qiáng)烈，可以創(chuàng)造較為豐富的產(chǎn)品形態(tài)。

曲線（像女性優(yōu)美的身體形態(tài)）構(gòu)成的面在女性產(chǎn)品中運用廣泛，可以表現(xiàn)產(chǎn)品的優(yōu)美感。

不規(guī)則曲線面，具有柔和生動的變化，可表現(xiàn)兒童類產(chǎn)品的活潑可愛。

將直面倒曲線圓角，讓面既具有直面的利落與規(guī)整，又具有曲面的柔和。設(shè)計時，要注意直線與曲線圓角比例的大小，不同比例傳導(dǎo)了不同的產(chǎn)品感覺。

僅僅小倒角，二維平面不變，基本保持直面的感覺。

直面少量圓角，且保持二維平面，產(chǎn)品鋒利感更多，柔和感稍微有一點。

藍(lán)色部分的矩形部分和圓角比例趨同，給人舒服的和諧感，溫和居家產(chǎn)品常用大倒角。

Apple?產(chǎn)品在圓角上運用更是極致。Apple 不僅將圓角曲線運用到產(chǎn)品，也同時應(yīng)用到界面之上，從下圖我們可以看到，在界面上加入了更多圓角曲線的元素，達(dá)到視覺上的和諧統(tǒng)一。

下面角從最外側(cè)的圓角開始一直等距遞進(jìn)到電話圖標(biāo)，這個角落可以數(shù)出至少6條等距圓角曲線? 。

順滑圓角看著很舒服。

我們單獨理解一下圓角：

5種圓角的曲率表現(xiàn)

上圖 a為 1/4 圓弧過渡的圓角，iOS 7 之前的圓角圖標(biāo)，通常平面軟件繪制的圓角四邊形，以及通常我們稱作“導(dǎo)圓角”，?直線的曲率為 0，?切線連續(xù)（G1 連續(xù)）。過渡的不順暢我們可以通過視覺很明顯地感覺到。

上圖為用一段曲線替代了 1/4 圓弧作過渡，連接直線的兩端達(dá)到曲率連續(xù)，即這段曲線的曲率是從兩端的 0 逐漸連續(xù)的增大的，我四個角上看到過渡順暢，但是，存在一個問題，看上去四個角不夠圓了。雖然光滑但不夠圓，從曲率的示意圖中觀察到，這條曲線曲率的變化不具備圓的特征，因為圓的曲率處處相等，均質(zhì)而統(tǒng)一的。

上圖示意，曲線兩頭連續(xù)過渡，中間部分過渡緩慢，接近均等，當(dāng)然這個曲率過渡也要在設(shè)計中多考慮，才算達(dá)到自己想要的順滑圓角。

我們對比下這G3倒角和蘋果圓角的連接方式，?蘋果圓角倒角分成三段來擬合，倒角和直線直接過渡緩和，三段曲線均達(dá)到相切連續(xù)且曲率大致相同，逼近圓弧的視覺感受。

知道圓角的這種細(xì)節(jié)后，我們做設(shè)計是不是更具有美感了呢。

矩形特殊倒角-跑道矩形

矩形短邊兩頭完全變成了半圓，倒角達(dá)到了極致。半圓和直線的比例，很大程度決定了面給人的感覺是硬朗還是柔和。

長條矩形，倒最大的角，讓2頭構(gòu)成半圓，就形成了跑道形態(tài)的面。

跑道形態(tài)的面，如果直邊短，柔和感就更多一些，直角邊更長，就感覺更嚴(yán)肅些。

極簡設(shè)計常用的規(guī)則曲面：

曲線通過簡單的移動或者旋轉(zhuǎn)而形成的面，如圓柱，圓球面，方形體等，這樣規(guī)則曲面看起來簡潔有次序。采用三視圖可以清楚表達(dá)出曲面的特質(zhì)。

直線旋轉(zhuǎn)成型可以得的圓柱曲面，仍然具有直線的利落，簡約感。(注意如果截面圓大于直線的長度，那產(chǎn)品的曲面感就更強(qiáng)）

方形體，倒圓角讓連接的三邊形成曲面連接在一起，讓產(chǎn)品看起來更柔和。

3.自由曲面

曲線的走向是非單一方向，非圓或方基礎(chǔ)形態(tài)，具有流動性，在xyz三個空間上都具有變化。復(fù)雜的自由面就像大自然隨機(jī)的形態(tài)，因此自由曲面視覺上感受到自然、生動、有靈性。

這個頂面給人一種自然山丘的感覺。

重復(fù)構(gòu)成的自由曲面，給人花朵的印象。

像布面被拉扯的感覺

汽車的自由曲面，也類似于布面被緊繃?yán)陡?，轉(zhuǎn)折和寬窄變化都遵循視覺力來變現(xiàn)。

鞋子本身是柔軟的材料，采用自由曲面拼接來構(gòu)成形體最為常用。

自由面的輪廓形式多種多樣，運用在產(chǎn)品設(shè)計中很考驗設(shè)計師想象力和把控力。自由曲面優(yōu)點是可發(fā)揮設(shè)計的空間很大，讓產(chǎn)品變得很有特點，傳達(dá)品牌獨特的調(diào)性，但是操作難度高，自由曲面不管是設(shè)計、建模、生產(chǎn)都是更具有難度。