工業(yè)設(shè)計(jì)與視覺動(dòng)力-09封閉輪廓的法向動(dòng)力
來(lái)源:想哥的工業(yè)設(shè)計(jì)
|
作者:pmo714
|
發(fā)布時(shí)間: 2020-04-19
|
825 次瀏覽
|
分享到:
也許你已經(jīng)想到了，法向視覺動(dòng)力，不是只有圓形才有。其實(shí)所有的封閉輪廓圖形都有。就像我們平時(shí)語(yǔ)言上表述的那樣，“這里有個(gè)洞”。一般我們所說的洞不一定是圓形的。而只要是穿透性的表面破損，比如衣服破了，也會(huì)這么說。所以，我們?cè)谥v圓形法向動(dòng)力的時(shí)候，打的“紙面上有一個(gè)黑洞”的比方，適用于所有封閉圖形。如下圖的穿墻效果。
封閉輪廓的法向動(dòng)力
也許你已經(jīng)想到了，法向視覺動(dòng)力，不是只有圓形才有。其實(shí)所有的封閉輪廓圖形都有。就像我們平時(shí)語(yǔ)言上表述的那樣，“這里有個(gè)洞”。一般我們所說的洞不一定是圓形的。而只要是穿透性的表面破損，比如衣服破了，也會(huì)這么說。所以，我們?cè)谥v圓形法向動(dòng)力的時(shí)候，打的“紙面上有一個(gè)黑洞”的比方，適用于所有封閉圖形。如下圖的穿墻效果。
所以，只要是封閉輪廓圖形，都有法向視覺動(dòng)力，都是由垂直所在平面的第三維度力量形成的。理解了這一點(diǎn)，法向動(dòng)力的圖形對(duì)象就一下子被擴(kuò)展了。它們之間的區(qū)別只是動(dòng)力的大小不同（如下圖），但它們都有法向動(dòng)力。圖形越接近圓形，法向動(dòng)力就越大。（圓形的法向動(dòng)力是最大的，因?yàn)樗鼛в行D(zhuǎn)特征。此內(nèi)容會(huì)在后面的流體章節(jié)展開。)
上圖中，你應(yīng)該能感受到，法向動(dòng)力分別從左向右依次變小。所以一個(gè)封閉的幾何圖形，它的圓角大小就決定了它的法向動(dòng)力的大小。這個(gè)方面在app圖標(biāo)的設(shè)計(jì)上就有體現(xiàn)。看看下面的這些圖標(biāo)，左右兩種，那個(gè)法向動(dòng)力更強(qiáng)呢？
還有就是我們每人都有的智能手機(jī)產(chǎn)品。無(wú)論你用的是哪個(gè)品牌，你是否注意過它的圓角大小，以及它放在桌面上的時(shí)候呈現(xiàn)的法向動(dòng)力效果呢？
至此，一切封閉輪廓開始引起我們的注意，它們的法向視覺動(dòng)力，似乎無(wú)處不在。
同樣，我們看到產(chǎn)品的時(shí)候，視覺動(dòng)力也會(huì)從第三個(gè)維度上同時(shí)展現(xiàn)出來(lái)。
下面的圖，不再標(biāo)出法向動(dòng)力的方向，請(qǐng)你自己觀察它們，判斷方向和大小。
上面的圖中，我想你已經(jīng)可以找到所有封閉輪廓的法向動(dòng)力了。
說到這里，應(yīng)該講一下封閉輪廓的法向動(dòng)力約束方式了。它與圓形有什么不同的約束方式嗎？并沒有，其實(shí)是一回事。首先第一種就是破壞邊緣，它還有另一種說法更接近本質(zhì)，就是打破輪廓，當(dāng)圖形不再是完整的封閉輪廓，法向動(dòng)力自然就削弱了。
你也許知道，在篆刻中，印章有一個(gè)外輪廓。而篆刻者經(jīng)常在這個(gè)邊緣上刻出一個(gè)缺口。這其實(shí)就是起到了削弱印章法向動(dòng)力的效果。只是人們并不知道它的原因而已。據(jù)說第一次出現(xiàn)輪廓缺口是因?yàn)椴恍⌒陌延≌滤ぴ诘厣显斐傻模瑓s發(fā)現(xiàn)這樣看上去效果更好，于是之后就有意刻出一個(gè)缺口。
比較下圖中兩個(gè)印章的法向動(dòng)力效果。隨后我們看看這種故意破壞封閉輪廓的方式在設(shè)計(jì)中的運(yùn)用。
直接切斷輪廓是一種方式，還有一種常用的方式就是把一個(gè)封閉輪廓和另一個(gè)封閉輪廓打通連接起來(lái)。這樣一舉兩得地同時(shí)削弱了兩個(gè)封閉圖形的法向動(dòng)力。如下圖，比較一下原設(shè)計(jì)和恢復(fù)輪廓以后的樣子。
汽車前臉設(shè)計(jì)中，大燈與進(jìn)氣格柵兩個(gè)輪廓之間常用到這樣的處理方式。
上圖中有很多封閉圖形法向動(dòng)力的抑制手段。你能看出來(lái)有哪些嗎？有的是聯(lián)通兩個(gè)封閉輪廓，有的是打斷封閉輪廓的圖形。如果把這些手法統(tǒng)統(tǒng)去掉，效果是有些恐怖的。
如上圖的前臉設(shè)計(jì)，如果我們?nèi)∠瓐D中采取的對(duì)封閉輪廓的多次切割的方式，而是采用兩個(gè)封閉輪廓之間的聯(lián)通方式，也是可行的。只不過這樣不是該品牌的風(fēng)格定位。
那如果，在設(shè)計(jì)中沒有辦法做封閉輪廓的實(shí)際打斷，就只能做裝飾性的輪廓打斷了。什么是裝飾性的呢？看下面的例子。
上面的地鐵車頭，就是車體形態(tài)的截面。是一個(gè)外形輪廓無(wú)法被打破的。但是用了一個(gè)不完整輪廓的裝飾燈條放在上面，可以形成一個(gè)視覺上輪廓被打斷的假象。從而削弱了法向動(dòng)力。
再如上面的耳機(jī)側(cè)面的設(shè)計(jì)。頭戴式耳機(jī)的耳罩形態(tài)也是一個(gè)天然封閉的輪廓形態(tài)。所以沒有打斷輪廓的可能，它也采用了裝飾性的斷裂輪廓的處理方式。
裝飾燈也不是每次都充當(dāng)打斷后剩余的輪廓，有的時(shí)候也是輪廓被的“打斷”那部分。上面的產(chǎn)品正面是三個(gè)封閉輪廓幾何中心偏移嵌套的方式。不僅如此，還把指示燈做成了輪廓的一小段軌跡，形成了輪廓不完整的視覺效果。
那要是，這樣假性的輪廓打斷都不能做上去的話。那就只有在涂裝上做文章了。在外殼上印刷與封閉圖形或者輪廓一致的色塊，來(lái)形成視覺上輪廓破壞的效果。如下面的例子。
在建筑設(shè)計(jì)中有類似的情況，不過形態(tài)上建筑設(shè)計(jì)更加自由大膽，所以，對(duì)于封閉輪廓的打斷比較夸張和兇猛。在平面設(shè)計(jì)中，封閉輪廓的處理也比較多見。與之前圓形元素的設(shè)計(jì)方式類似。
介紹完了所有封閉圖形的法向動(dòng)力之后，有些產(chǎn)品的外觀設(shè)計(jì)方式我們就能夠看懂了。比如下面這個(gè)空氣凈化器。很多人都認(rèn)為這個(gè)設(shè)計(jì)很經(jīng)典，簡(jiǎn)潔。但說不出它的具體的處理方式。
它的正面有兩個(gè)封閉圖形組成，一個(gè)是正圓，一個(gè)是產(chǎn)品的外形大輪廓，一個(gè)倒角很大的矩形。對(duì)于這兩個(gè)封閉圖形都存在法向動(dòng)力，所以采用了偏心處理。正圓嵌套在矩形內(nèi)，但幾何中心大距離偏移。你可能會(huì)說從產(chǎn)品的結(jié)構(gòu)來(lái)看，不得不偏移的，因?yàn)楫a(chǎn)品的幾何中心并沒有空間挖一個(gè)洞，只能放在靠上的位置。確實(shí)如此，但這里我們只從視覺的角度來(lái)討論它外形設(shè)計(jì)的幾何關(guān)系。
所以，利用了兩個(gè)封閉圖形的幾何中心偏移相互削弱了對(duì)方的法向動(dòng)力。其次，由于正圓的法向動(dòng)力比較大，所以logo放在圓心的水平位置延長(zhǎng)線上?？梢钥醋鍪且环N外界干擾的方式。logo的延長(zhǎng)線穿過圓心，這算是利用視覺慣性，對(duì)圓心的一種隱性制約。
這里我表述所用的詞匯并沒有什么命名或者定義的意義。只是試圖利用一些物理中常見的詞匯便于傳達(dá)信息。這些詞匯可以被推翻或者替換。語(yǔ)言的描述目的只是為了傳達(dá)視覺上的感受。
又如上圖中汽車前臉，側(cè)邊的兩個(gè)圖形。圖中編號(hào)1和2。它們都是封閉圖形。車頭整體很好看，但你可能看不懂圖形1和2它們的輪廓是如何定義的，每條邊線的角度長(zhǎng)短為什么是這樣，圖形1和圖形2之間看上去搭配和諧，它們倆又有著什么樣的幾何關(guān)系呢？其實(shí)這些問題都想的太過復(fù)雜，這兩個(gè)圖形實(shí)際上原本就是一個(gè)圖形，一個(gè)大的封閉輪廓圖形，然后為了約束法向動(dòng)力，對(duì)它做了分割和比較大面積的覆蓋處理，使它看上去像是兩個(gè)圖形了。所以對(duì)于這樣的圖形處理，只是先畫一個(gè)大的封閉輪廓，再用一個(gè)圖形去遮蓋它，就能產(chǎn)生兩個(gè)搭配和諧的獨(dú)立圖形。
法向動(dòng)力從圓形擴(kuò)展到一切封閉輪廓之后，所涉及到的例子數(shù)量就一下子龐大了許多。由于篇幅有限，這里無(wú)法一一列舉了。還需要你在日常的觀察中多留意它的存在。
下面需要講講法向視覺動(dòng)力概念提出以后產(chǎn)生的問題。它的主體對(duì)象依舊是二維圖形，只是視覺動(dòng)力從二維平面轉(zhuǎn)到了三維空間。所以理解難度上就高于之前的二維圖形和二維視覺動(dòng)力。難度在于需要想象它的存在，也就是需要腦補(bǔ)，這是在我們練習(xí)視覺識(shí)別的時(shí)候需要克服的。而這還不是最主要的問題，而是我們觀察外形的時(shí)候多了一個(gè)維度的視覺動(dòng)力，該如何平衡和取舍，應(yīng)該先考慮平面視覺動(dòng)力，還是注重法向視覺動(dòng)力？如何把控兩者之間的關(guān)系？我來(lái)看一些例子。
如上圖，這樣的產(chǎn)品是相對(duì)平面化的產(chǎn)品，它只有封閉輪廓，只需注重法向動(dòng)力的處理，不存在什么工作方向需要強(qiáng)調(diào)。
而之前我們講過的電動(dòng)工具產(chǎn)品的設(shè)計(jì)，有時(shí)候又只有二維視覺動(dòng)力，沒有法向動(dòng)力需要關(guān)注和處理。
也有的產(chǎn)品，它們雖然同時(shí)存在二維動(dòng)力和法向動(dòng)力，但它們分別處在產(chǎn)品的不同位置，相互沒有直接關(guān)聯(lián)。所以互不影響，也比較簡(jiǎn)單。而下面的例子就不同了，同一個(gè)圖形的形態(tài)，既有二維動(dòng)力的處理方式，同時(shí)也是法向動(dòng)力的處理方式。既是二維上施力者和受力者的受力形變，也是圓形輪廓的邊緣入侵。
有的時(shí)候，希望強(qiáng)調(diào)平面視覺動(dòng)力，就導(dǎo)致法向動(dòng)力不足。（如上圖）于是就通過增加封閉輪廓來(lái)補(bǔ)足法向動(dòng)力。增加了法向動(dòng)力之后，又覺得水平方向也不足了，于是再用平面上的拉扯圖示來(lái)彌補(bǔ)。這樣就保證了水平動(dòng)力和法向動(dòng)力都比較突出。
有的外形上只想強(qiáng)調(diào)左右水平動(dòng)力，就會(huì)把所有的封閉輪廓取用一種顏色包圍起來(lái)，使它們的存在在視覺上被忽略。（如上圖）
這兩類視覺動(dòng)力之間的平衡在汽車設(shè)計(jì)中比較多見，因?yàn)樾螒B(tài)先天約束比較少，更加自由。而更多情況下。我們所接觸的產(chǎn)品設(shè)計(jì)類型，都具有很強(qiáng)的先天形態(tài)限制。有的產(chǎn)品天生就沒有法向動(dòng)力。如下面的暖氣片產(chǎn)品。而創(chuàng)造出新穎的突破性產(chǎn)品，不過是打破它的先天形態(tài)約束，增加了封閉輪廓和法向動(dòng)力，就使產(chǎn)品變的與眾不同。
而有的產(chǎn)品，天生就自帶很強(qiáng)法向動(dòng)力。稍微增減一點(diǎn)點(diǎn)平面二維動(dòng)力都非常困難。（如上圖）
說到這里，我們要回顧一下上一章開頭的問題，視覺是二維的嗎？可以這樣回答，視覺信號(hào)是二維的，但視覺處理結(jié)果不是二維的，所以我們引出了法向動(dòng)力的概念。它是一個(gè)獨(dú)立于平面視覺動(dòng)力之外的存在。這里無(wú)法告訴你一個(gè)把握法向動(dòng)力和平面動(dòng)力兩者關(guān)系的萬(wàn)全之策，因?yàn)椴⒉淮嬖凇６颐總€(gè)產(chǎn)品都有其先天形態(tài)特點(diǎn)和設(shè)計(jì)要求的不同。而我們能做到的是，在意識(shí)中，一定要同時(shí)建立起兩種視覺動(dòng)力維度，它們相互影響，相互作用，作為設(shè)計(jì)師，主要的工作，就是在平衡它們之間的力量。
你可以回過頭去看看法向動(dòng)力之前的章節(jié)中所列舉的產(chǎn)品，找找它們有沒有法向動(dòng)力，以及是如何處理法向動(dòng)力和平面動(dòng)力的關(guān)系的。