工業(yè)設(shè)計(jì)與視覺動(dòng)力-12流動(dòng)的形態(tài)
來源:想哥的工業(yè)設(shè)計(jì)
|
作者:pmo714
|
發(fā)布時(shí)間: 2020-04-19
|
230 次瀏覽
|
分享到:
這一章，我們要引入一個(gè)新的概念，就是流體。引入的原因是因?yàn)橐曈X動(dòng)力這個(gè)概念的運(yùn)用遇到了它的瓶頸，因?yàn)槭噶窟@個(gè)數(shù)學(xué)或者物理工具并沒有辦法解釋工業(yè)設(shè)計(jì)視覺領(lǐng)域的所以內(nèi)容。所以需要借用物理世界中的其他概念。
流動(dòng)的形態(tài)
這一章，我們要引入一個(gè)新的概念，就是流體。引入的原因是因?yàn)橐曈X動(dòng)力這個(gè)概念的運(yùn)用遇到了它的瓶頸，因?yàn)槭噶窟@個(gè)數(shù)學(xué)或者物理工具并沒有辦法解釋工業(yè)設(shè)計(jì)視覺領(lǐng)域的所以內(nèi)容。所以需要借用物理世界中的其他概念。
這里我們所說的流體并不是流體力學(xué)的內(nèi)容，那個(gè)還需要有微積分?jǐn)?shù)學(xué)基礎(chǔ)。好在視覺范圍內(nèi)能夠引入的也一定是視覺可以識(shí)別的概念。所以這里講的流體不過是流動(dòng)的液體而已。
那么視覺動(dòng)力的概念遇到了什么局限呢？
對(duì)于類似上圖中的有機(jī)形態(tài)，視覺動(dòng)力的方法就沒有什么效果或者什么好的方式來表示。不得不像上圖中那樣用很多個(gè)很小的箭頭排著隊(duì)來表示形態(tài)的生長力。如果用這樣多的箭頭去表示，這個(gè)方法就變得繁瑣累贅，而且不容易有結(jié)論。但是，這些箭頭的排列卻在視覺上有了一種有趣的效果，那就是一種動(dòng)態(tài)的效果。于是受到啟發(fā)，我們可以引入流動(dòng)的液體來表示一些形態(tài)。當(dāng)然也不是想引入就能輕松引入，我們需要先討論一下流動(dòng)液體的性質(zhì)。這里會(huì)牽涉到我們平常視覺上對(duì)于靜態(tài)和動(dòng)態(tài)觀察的能力。
大多數(shù)人都有這樣的視覺體驗(yàn)，在倒蜂蜜或者橄欖油的時(shí)候，你知道液體在流動(dòng)，但某一瞬間看上去它像是靜止的一樣。過了一會(huì)，發(fā)生一些變化，比如液體的形體變細(xì)了，或者里面有氣泡在移動(dòng)，視覺才緩過神來，看出液體在流動(dòng)。我們的視覺判斷物體的動(dòng)態(tài)主要依靠光影的變化。這種質(zhì)地均勻，清澈透明的液體，很容易給我們?cè)斐梢环N靜止的錯(cuò)覺。
同樣的，如果反過來，靜止的圖像也會(huì)給我們?cè)斐蓜?dòng)態(tài)的錯(cuò)覺。如下圖。
一定覺得奇怪吧，明明一張靜止的畫面，為什么眼睛看著它時(shí)卻感覺在動(dòng)呢？其實(shí)只要我們睜開眼睛，眼球就會(huì)一直處于高頻的輕微顫動(dòng)狀態(tài)。因?yàn)橐暰W(wǎng)膜不但需要有光線照射才能發(fā)出電信號(hào)，而且需要不斷變換的光線照射，才能持續(xù)發(fā)出電信號(hào)傳遞到大腦。如果視網(wǎng)膜上的一個(gè)細(xì)胞一直被一樣波長的光線照射，它很快就會(huì)因?yàn)楦杏X不到變化而失去敏感性，無法傳遞電信號(hào)到大腦。這就是雪盲的原因，當(dāng)眼前一片白色，整個(gè)視網(wǎng)膜被波長一樣的白光照射，即使眼球努力頻顫，也無濟(jì)于事，視網(wǎng)膜感覺不到光的波長變化，不一會(huì)就眼前就一片漆黑了。所以你再看上圖，你的眼球主動(dòng)移動(dòng)一下，移動(dòng)的越厲害，圖片的動(dòng)態(tài)效果也就越明顯。
所以，我們用動(dòng)態(tài)的方式來描述靜態(tài)的畫面和物體是有生理依據(jù)的。只不過那些靜態(tài)的圖片引起的動(dòng)態(tài)效果沒有上圖中那么明顯，往往是不能被察覺出來的，所以我們需要通過提示和標(biāo)注，來識(shí)別它們。
如上圖中，我們不再用之前視覺動(dòng)力的方式來描述生長形態(tài)，而是用連續(xù)小箭頭作為引導(dǎo)，能讓我們用流動(dòng)的視角來看待一個(gè)靜態(tài)的形態(tài)。就好像我們親眼看到它長出來的過程似的。那如果我們用同樣的方式來標(biāo)注產(chǎn)品的形態(tài)會(huì)是什么樣子呢？
通過上面這些圖例，我想你已經(jīng)明白用流體的眼光看待形體是一種怎樣的方式。那之后，我們會(huì)提出與之前視覺動(dòng)力同樣的問題“看出來以后怎么辦？”
這就要從流體的物理性質(zhì)出發(fā)，流速和軌跡。不像視覺動(dòng)力，我們強(qiáng)調(diào)的是方向，大小，增強(qiáng)，削弱。在流體概念中，關(guān)鍵的就是流速和軌跡。
流速可以分為兩個(gè)方面，一個(gè)方面要讓形體有流速，如同河流，一般無頭無尾的是活水，一個(gè)你眼睛都能看到頭和尾的，那一般不是河流，是死水。產(chǎn)生流動(dòng)性和產(chǎn)生流速的首要條件是在視覺上制造流動(dòng)的可行性，也就是制造出連貫的流道，如下面的例子。
上圖中你可以看到，這里所說的在視覺上制造流道，是指，要么在可視范圍內(nèi)制造閉環(huán)流道。要么讓流道消失在產(chǎn)品的邊緣，當(dāng)然，這其實(shí)依然是一個(gè)閉環(huán)流道，只不過這個(gè)流道是立體環(huán)繞產(chǎn)品形體的。這樣就可以保證流動(dòng)的可行性。使得產(chǎn)品外觀具備了流體動(dòng)感。
再如上圖中，打印機(jī)產(chǎn)品的例子，這種產(chǎn)品的設(shè)計(jì)局限性很大。外形不能有太大的變化，以至于流體的表現(xiàn)和節(jié)奏（下一章內(nèi)容）的把握，占據(jù)了主要的地位。無論是使用寬窄變化的河道面，或者是使用寬度一致的河道線，它們都在試圖制造產(chǎn)品的形體上的視覺流動(dòng)性。
此處你可能有一個(gè)疑問，就是兩個(gè)流道交匯卻又互不影響是怎么回事，這個(gè)從物理世界比較好理解。就像德國的馬格德堡水橋一樣是上下錯(cuò)開的。但是在產(chǎn)品上它們分明是互相穿過的。所以我們需要做一些視覺上的處理，以粗細(xì)，或以顏色加以區(qū)分，否則流體的效果確實(shí)會(huì)受到影響。
另一個(gè)角度來說，流體一旦流動(dòng)起來，要使它變化，只能改道不能堵死。這也是符合我們對(duì)客觀世界的觀察的。所以，在很多產(chǎn)品的細(xì)節(jié)處理上要符合這樣的規(guī)律。當(dāng)流道中出現(xiàn)障礙，其大小可能直接把流道堵死的時(shí)候，那流體一定會(huì)改道，繞過障礙。如下圖。
這一點(diǎn)和我們要講的另一方面是相互關(guān)聯(lián)的，就是流體減速。當(dāng)我們解決的流動(dòng)性問題之后，又冒出來一個(gè)流速過快的問題。其中為了減速正好也是通過在河道中放置一些障礙物來實(shí)現(xiàn)的。我們來看下面這個(gè)例子。
上圖中是一種風(fēng)格簡潔的醫(yī)療儀器。它有一個(gè)屏幕（上圖右），屏幕周圍是一圈按鍵，按鍵所處的區(qū)域是一個(gè)灰色的圍繞屏幕一周的流道。這個(gè)灰色流道，它的寬度在遇到按鍵和logo的時(shí)候就有所變化。目的也就是對(duì)流速的一種保障。在產(chǎn)品的左上角（上圖左），有兩個(gè)綠色的按鍵，按鍵邊上還有圖標(biāo)。它們就是產(chǎn)品白色外殼區(qū)域這個(gè)流道中的細(xì)小障礙。但它的布局和外輪廓可一點(diǎn)也不隨便，兩個(gè)按鍵的輪廓和圖標(biāo)的排布一定是按照流體的流向安排的，如同它們是在一條河流中沉睡了上百年的石頭，被沖刷成與河流方向一致的樣子。
另外，該產(chǎn)品中，障礙物往往放在拐角處，這是為什么？在轉(zhuǎn)彎時(shí)必然減速，這是常識(shí)。而障礙物也是讓流體減速的因素。所以彎道和障礙物兩個(gè)減速放置在同一處，可以使流體在視覺上有明確的減速效果，離開減速區(qū)域后，有開始在直道無障礙加速。如果分開放置，就會(huì)產(chǎn)生流體可能在彎道減速，通過彎道準(zhǔn)備加速時(shí)，又遇到直道中的障礙物，不得不再減速的混亂局面。
所以在以流體元素為主的產(chǎn)品外形設(shè)計(jì)上，利用流體原則，可以指導(dǎo)我們對(duì)按鍵和圖標(biāo)這類小元素的位置和形狀的運(yùn)用。
所以在有些產(chǎn)品類型上，流體特性開始主導(dǎo)產(chǎn)品的外觀，而法向視覺動(dòng)力和凹凸關(guān)系，則會(huì)退居次要。
另一個(gè)重要因素是軌跡，如果一個(gè)產(chǎn)品外型上就一條流道，這個(gè)軌跡自然是可以很自由的設(shè)定。所以這種情況下，軌跡關(guān)系并不重要。但如果出現(xiàn)流體流道數(shù)量很多的情況，它們之間就會(huì)相互影響，流道軌跡與軌跡之間的關(guān)系就變的十分重要。這種情況主要出現(xiàn)在強(qiáng)調(diào)動(dòng)感的產(chǎn)品類型中，如下圖。
看了上面的圖，你可能就有所體會(huì)。河道的軌跡之間是有一定的相互約束。不能每個(gè)流道自己管自己亂來的。它們都同一朝向一個(gè)目標(biāo)，即便軌跡不同，但趨勢(shì)一致。如同游蛇們集體出動(dòng)，盯住同一個(gè)獵物。
我拿一輛外觀設(shè)計(jì)上不太成功的汽車來舉例，它在流體上的處理就非常的混亂。稍加修改，控制調(diào)和各個(gè)流道軌跡之間的關(guān)系，就可以有所改善。
如果我們用流體的概念，回頭去看那些視覺動(dòng)力圖示，又會(huì)如何顯現(xiàn)呢？
你可以看到，這些拉扯圖示，其實(shí)也是由于流體流速的劇烈變化導(dǎo)致的視覺效果，與之前講過的圖形劇烈形變所體現(xiàn)的視覺動(dòng)力有著類似的關(guān)系。那如果是法向視覺動(dòng)力呢？用流體來表現(xiàn)圓形會(huì)有什么不同？我們可以把圓的內(nèi)部看做擁有流體物質(zhì)并旋繞著圓心高速旋轉(zhuǎn)著，就類似于臺(tái)風(fēng)的樣子。
于是從流體的角度看，圓形的這個(gè)流體閉環(huán)內(nèi)，邊界的入侵就是一種對(duì)內(nèi)部流動(dòng)性的巨大阻礙。直到覆蓋圓心，閉環(huán)內(nèi)的所有旋轉(zhuǎn)流動(dòng)都被停止了。這也對(duì)應(yīng)我我們之前講過的法向視覺動(dòng)力的約束方式。不過之前內(nèi)容的局限性就體現(xiàn)在此處，有一種情況只能用流體概念來解釋，那就是當(dāng)我們之前講過的所有抑制法向視覺動(dòng)力的方法都不能用的時(shí)候。比如單反相機(jī)的鏡頭。
面對(duì)極端情況，我們就采用往流道里放置障礙物的方法，來抑制流體的流速，從而，我們可以抑制圓形流體閉環(huán)的法向視覺動(dòng)力。放的越多，流速越慢，法向動(dòng)力就越弱。
上圖中，左邊的鏡頭上有文字印刻，右邊的沒有。兩邊的法向視覺動(dòng)力大小不同。左邊的圓形閉環(huán)流體，由于流道內(nèi)障礙物的大量出現(xiàn)，導(dǎo)致流速降低。而右邊在沒有障礙物的情況下，流速可以達(dá)到非常高，再加上同心圓嵌套的形式，法向動(dòng)力就會(huì)非常刺眼。
講到這里我們大致介紹了流體在形態(tài)分析中的運(yùn)用。主要的可控變量是流體的流速和軌跡，還有一個(gè)要素，我們沒有單獨(dú)強(qiáng)調(diào)，那就是流體數(shù)量，但這個(gè)數(shù)量受到每個(gè)產(chǎn)品的先天因素影響比較大，所以就不展開了。你可以回到本章開頭的一連串圖例中，一一尋找三個(gè)元素的表現(xiàn)。看看它們與產(chǎn)品外觀的關(guān)系。
這三者往往直接決定了產(chǎn)品的外觀風(fēng)格，也就是說我們可以通過控制這三個(gè)變量來把控外觀風(fēng)格。比如下圖中的產(chǎn)品。同一個(gè)品牌，不同的市場定位，于是采用不同的風(fēng)格，它們的外觀設(shè)計(jì)除了顏色的不同之外，在流體的三要素上都有明顯的區(qū)別。
除了用流體描述局部形態(tài)之外（如上圖），很多形體就是直接模仿流體物質(zhì)的。比如下圖中的吹風(fēng)機(jī)。在對(duì)它的形態(tài)分析中，視覺動(dòng)力矢量分析方法是無效的。而你可以直接把它看做一個(gè)流淌的熱巧克力醬的形態(tài)。哪里粗哪里細(xì)，輪廓曲線的曲率一下子都有了參考。你也可以把流體的參考物質(zhì)變換成其它，比如蜂蜜，植物油，酸奶等等。
下圖中是一款非常別致的音響產(chǎn)品。它那背殼的木紋完美的沿著它隆起的外殼均勻的流動(dòng)著，這種木紋的實(shí)現(xiàn)一定非常不容易。但遺憾的是，木質(zhì)背殼上卻連接了一個(gè)彎彎的金屬柱體，流體特性幾乎沒有體現(xiàn)，使得其與木質(zhì)外殼的視覺風(fēng)格不夠匹配，如果，能夠使用上圖中那種高亮的流體形態(tài)金屬支架來搭配，效果可能會(huì)更好的。
流動(dòng)和靜止是個(gè)有趣的視覺主題。而流體概念的引入不但彌補(bǔ)了視覺動(dòng)力的局限和不足，還能夠從新的角度對(duì)形態(tài)進(jìn)行分析。
有人會(huì)問，既然流體概念這么好，是否可以代替視覺動(dòng)力的內(nèi)容。其實(shí)它們兩者并不沖突，可以針對(duì)不同類型的產(chǎn)品，在前期外形定位時(shí)就確定選用哪個(gè)方式作為主導(dǎo)來輔助設(shè)計(jì)。它們都是工具，就看哪個(gè)更合適了。