一德迹、面的理解

產(chǎn)品設(shè)計(jì)中將具有面積感元素定義為“面”芽卿。“面”既可以是有形的空間體積塊面胳搞，也可以是是元素構(gòu)成的任何感官面積卸例。

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

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

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

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

1.直面

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

直面與直線有著相同的視覺特征闰蚕，如堅(jiān)硬、銳利连舍、穩(wěn)定感等没陡。??

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

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

直面的利落剃斧，簡(jiǎn)約風(fēng)格最好表現(xiàn)轨香。

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

直面的邊長(zhǎng)不同，也會(huì)構(gòu)成了面的指向性根蟹，具有方向感策橘。

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

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

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

2.規(guī)則曲面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

順滑圓角看著很舒服。

我們單獨(dú)理解一下圓角：

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

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

上圖為用一段曲線替代了 1/4 圓弧作過渡，連接直線的兩端達(dá)到曲率連續(xù)漱牵，即這段曲線的曲率是從兩端的 0 逐漸連續(xù)的增大的夺蛇，我四個(gè)角上看到過渡順暢，但是酣胀，存在一個(gè)問題刁赦，看上去四個(gè)角不夠圓了娶聘。雖然光滑但不夠圓，從曲率的示意圖中觀察到甚脉，這條曲線曲率的變化不具備圓的特征丸升，因?yàn)閳A的曲率處處相等，均質(zhì)而統(tǒng)一的牺氨。

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

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

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

矩形特殊倒角-跑道矩形

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

長(zhǎng)條矩形烙如，倒最大的角么抗，讓2頭構(gòu)成半圓，就形成了跑道形態(tài)的面亚铁。

跑道形態(tài)的面蝇刀，如果直邊短，柔和感就更多一些徘溢，直角邊更長(zhǎng)吞琐，就感覺更嚴(yán)肅些。

極簡(jiǎn)設(shè)計(jì)常用的規(guī)則曲面：

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

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

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

3.自由曲面

曲線的走向是非單一方向翘单，非圓或方基礎(chǔ)形態(tài)吨枉，具有流動(dòng)性，在xyz三個(gè)空間上都具有變化哄芜。復(fù)雜的自由面就像大自然隨機(jī)的形態(tài)貌亭，因此自由曲面視覺上感受到自然、生動(dòng)认臊、有靈性圃庭。

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

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

像布面被拉扯的感覺

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

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

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

二艰亮、面的運(yùn)用

1.面的連接

面與面的連接，對(duì)產(chǎn)品的感受影響很大胞谭。直接連接垃杖，產(chǎn)生的邊線，產(chǎn)品就會(huì)給人硬朗的感覺丈屹；連接處曲度大，就是曲線的效果，給人溫和親近感旺垒。

面的連接倒角小彩库，切面明顯，硬朗力量感先蒋。

面的連接倒角大骇钦，銜接順滑，親近溫柔感竞漾。

面面交線保持鋒利感眯搭，給產(chǎn)品形成線的裝飾感

在本順滑的面上，特意造一條面線业岁，形成切削的裝飾感鳞仙。

2.面的延伸

從一個(gè)常規(guī)的正面延伸到側(cè)面，增加產(chǎn)品的空間層次笔时，讓產(chǎn)品更加整體棍好。

耳機(jī)絲印的銀色面從正面延伸到側(cè)面邊，產(chǎn)品豐富一個(gè)層次允耿。

從正面延伸到側(cè)面和立面借笙。

3.紋理面

如果單個(gè)面的面積占比大，并且空間走向單一的较锡，產(chǎn)品容易空洞無質(zhì)感业稼。

一般的處理方法：①.增加面積的走向，如2所講的面的延伸蚂蕴，將單一規(guī)則面變成豐富的自由曲面低散。②.在單一面上增加紋理，讓單一面增加內(nèi)容物掂墓。

在無人機(jī)的尾巴加入紋理谦纱，打破面的空洞，增加質(zhì)感君编。

電鍍件加入了CD紋跨嘉，精致感上升。

紋理的收尾要融入產(chǎn)品吃嘿，不能破壞產(chǎn)品的整體性祠乃。

紋理邊的結(jié)尾可以做漸變到消失處理，不影響邊緣的整體邊線兑燥，沒有打破單一面的整體性亮瓷。?

4.面的引導(dǎo)

由于萬物受到重力作用，下沉的面給人感覺就像是碗或者盆降瞳，是可以接納東西的嘱支。

內(nèi)凹的面蚓胸，會(huì)有視覺上收納的感覺，

下沉的小面按鍵除师，視覺上引導(dǎo)人去按壓沛膳。

水往低處流，凹陷的空洞有積水的作用汛聚。

總結(jié)

“面”的形態(tài)多種多樣锹安，如線條硬朗的直面、圓潤(rùn)親和的曲面倚舀、自然生動(dòng)的自由面等叹哭，不同的形態(tài)的面使人產(chǎn)生不同的視覺心理。但基本簡(jiǎn)化理解為：線給人的感覺痕貌，曲線柔（曲面柔）风罩，直線硬（曲面硬）。

面在產(chǎn)品設(shè)計(jì)中的運(yùn)用：

1.注意面的連接角芯侥，符合產(chǎn)品整體的氣質(zhì)泊交。

2.巧用面的延伸法，設(shè)計(jì)個(gè)性獨(dú)到產(chǎn)品柱查。

3.利用紋理面廓俭，打破面的平淡和乏味。

4.下凹面具有收納性唉工。

end~

（轉(zhuǎn)載先請(qǐng)聯(lián)系）

版權(quán)聲明：本文圖片來自網(wǎng)絡(luò)

版權(quán)歸原作者所有研乒，僅供學(xué)習(xí)和交流

原作者如不愿在本文章發(fā)布

請(qǐng)及時(shí)通知作者予以刪除