創(chuàng)造視覺動力的性質(zhì)與手機界面設(shè)計,藝術(shù)設(shè)計論文魯?shù)婪颟q阿恩海姆是活潑踴躍在20世紀的德國藝術(shù)心理學(xué)家，他將格式塔心理學(xué)應(yīng)用于視覺藝術(shù)研究，為藝術(shù)理論奠定了初步科學(xué)基礎(chǔ)。我們對張力這一詞并不陌生，經(jīng)常在藝術(shù)作品評論里聽到。阿恩海姆提出了著名的視覺動力的學(xué)講，以為我們能夠在藝術(shù)作品中感悟到的張力是來源于我們的知覺力，這種知覺力是一種生理力，并非來自于思維和推理。接下來讓我們對其理論進行簡單講明和梳理?！惨弧骋曈X力簡述讓我們來舉例講明何為視覺力。圖1的圖形是在一個矩形外框中存在一個黑色圓面的式樣。當我們看到這個圖形時，會覺得這個黑色的圓面仿fo要被矩形的右側(cè)邊框吸引而去。能夠講，我們在圖1這個圖形樣式中知覺到了一種力的作用，是矩形邊框?qū)谏珗A面的吸引力。這樣一種我們能夠在圖形樣式中觀察到的力就是阿恩海姆所謂的視覺力。阿恩海姆以為，這樣的視覺感受的產(chǎn)生并不是一種幻覺，而是一種真實的存在。在我們傳統(tǒng)的認知里，視覺產(chǎn)生的經(jīng)過就好似是靜止式樣溫和地印在被動媒質(zhì)的經(jīng)過，然后我們的大腦再對這個外部物體映射到眼球上的信息進行理性的把握。而知覺經(jīng)過實際上不應(yīng)該是這樣一種靜態(tài)的經(jīng)過，所謂視覺刺激應(yīng)該是一個劇烈的能動經(jīng)過。阿恩海姆用戰(zhàn)斗來比喻這一經(jīng)過，外部物體反射的可見光能量入侵人眼引起沖擊，生理力起身對抗，仿fo要消滅入侵者的氣力而努力使大腦重歸安靜。而這個對抗相較的經(jīng)過產(chǎn)生的結(jié)果就是最后生成的知覺對象。而我們在知覺對象中發(fā)覺到的視覺力正是視覺中心遭到刺激后產(chǎn)生的那些生理力的心理對應(yīng)物，或者就是這些生理力本身。因而這并非出于我們的理性活動，而是在我們觀察這個圖形樣式的初階感覺活動時產(chǎn)生的一種真實的能量。確定這一點非常重要，假設(shè)這一張力是觀察者基于以往經(jīng)歷體驗加在知覺對象上的附加性質(zhì)，那么顯然這種性質(zhì)可能會隨主觀意識的變化而變化，特別不確定，并且這種影響是間接的微弱的。但是我們看到這一性質(zhì)是一種直接的客觀的存在，那么對圖形樣式中存在的力的研究就特別有意義了?？傊?，我們要記住阿恩海姆的這個重要結(jié)論：任何一個視覺式樣都是一個力的式樣?！捕骋曈X平衡讓我們在圖1的正方形中再放置一個圓面，看看會發(fā)生什么效果。我們能夠看到，圖2中的一對圓面，假如是華而不實任何一個單獨放置在這個正方形里，都會產(chǎn)生一種較強的運動感，但是當這對圓面同時出現(xiàn)時卻讓人感覺到它們互相到達了一種平衡，在位置上也到達一種對稱，但我們?nèi)匀荒軌蛑X到正方形邊框?qū)谏珗A面的影響以及黑色圓面之間的相互影響。我們知道，一件好的藝術(shù)品一定要到達一種平衡的狀態(tài)，人的視覺會追求平衡。阿恩海姆根據(jù)物理學(xué)力場的概念提出了生理學(xué)力場的假講：假設(shè)人的大腦視皮層區(qū)域就是這樣一個力場，這個區(qū)域中向簡化布局發(fā)展的趨勢就應(yīng)該特別積極。當一個刺激式樣投射到這個作為力場的大腦區(qū)域時，就會打亂這個場中的平衡分布狀態(tài)。一經(jīng)被打亂后，場力又會去竭力恢復(fù)這種平衡狀態(tài)。他以為我們這種視覺上對平衡的追求，是一種生理力追求平衡狀態(tài)的心理對應(yīng)物。從上述例子我們可以以看出視覺力的平衡和物理力的平衡有個很大的差異不同：當物理力到達平衡時，我們將不會再觀察到物理力的作用，比方一個左右秤上下晃動的天平，當它到達力的平衡我們就看四處于靜態(tài)的秤；但是視覺力到達平衡時，我們?nèi)匀荒軌蛑X到到達平衡狀態(tài)的圖式構(gòu)造中存在著力。一件到達平衡的藝術(shù)作品是由種種具有方向的力綜合影響所到達的平衡，而一件藝術(shù)品也不應(yīng)該僅僅只追求平衡，還要追求產(chǎn)生有一種具有方向性的力，這種具有方向的力就是視覺動力，進而使作品具有運動性，否則這將是一個僵化呆板的作品。以上我們對阿恩海姆的視覺動力進行了簡單講明和梳理。筆者以為，一個好的界面設(shè)計也同樣應(yīng)該具有這些特征，接下來將講明這一觀點。二、創(chuàng)造視覺動力的性質(zhì)與界面設(shè)計界面設(shè)計與藝術(shù)作品不同，一個界面圖式不僅僅需要平衡的美感，它還需要傳遞出與功能相關(guān)的價值信息。一個好的界面設(shè)計不應(yīng)該讓我們感覺是在擦玻璃，它傳遞出的豐富信息應(yīng)該是讓我們使用的時候能夠身臨其境的。一個圖式中合理的力對這種功能價值的傳遞構(gòu)建有很好的幫助，就好似一顆具有飽滿線條和紅潤色澤的草莓，它的形態(tài)所傳遞出的張力能夠告訴我們它已經(jīng)成熟并且特別美味。我們在界面設(shè)計中同樣能夠構(gòu)建合理的視覺動力，以使用戶具有良好的體驗。阿恩海姆在他的理論體系中討論了視知覺中的形狀、色彩、位置、空間和光線等所包含的種種能夠創(chuàng)造視覺動力的性質(zhì)，我們在這里討論兩種性質(zhì)并且在其視角下簡析界面設(shè)計中的案例?！惨弧掣淖儽壤叨劝⒍骱Ｄ诽岬搅藢が斶\動1的研究。我們在夜間看到一盞閃爍的燈時，我們會看到它的光輝似乎是從中心向中心四面八方擴展；但當它熄滅時，又好似是光向中心收縮，而所謂的伽瑪運動就是一個物體忽然出現(xiàn)和忽然消失時我們看到的運動。試驗證明，這樣一種運動往往會隨著物體本身形狀和空間定向的變化而有所不用。它的運動方向基本上與物體本身構(gòu)造骨架的主軸方向一致。紐曼以為這種運動的線路正是我們的知覺力在創(chuàng)造式樣時所進行的活動線路。而阿恩海姆以為，對這種伽瑪運動的特征解剖，就是對在圖形樣式中所觀察到的視覺動力的解剖。圖3中我們能夠看到一些規(guī)律形態(tài)的伽瑪運動的方向和趨勢大小。假如物體是一個圓盤形〔a〕，它就向四面八方均勻發(fā)射；假如物體是方形的〔b〕〔c〕，它就向它們的四邊或者對角線發(fā)射；假如是一個以第三條邊為基底的等腰三角形〔d〕，運動會以第三條邊為基地，沿著其余兩條邊向外和向上發(fā)射；假如這個等腰三角形在眼前暴露的時間很短〔e〕，運動就會從基底一直向頂點方向沖上去；假如正方形或三角形是以一個角為基底〔f〕〔g〕，運動就會沿著各個角均勻地向外發(fā)射。而在運動中，水平定向上的運動會比垂直定向上的運動趨勢強烈得多；假如只看垂直定向的話，向上運動的趨勢會比向下運動的趨勢強烈。我們知道，橢圓形和長方形通常比圓形和正方形更具有視覺張力，具有運動性。通過伽瑪運動的研究我們能夠看到原因，在圓形中的知覺力的運動是均勻的向四面八方發(fā)射的，因而這些力能夠互相抵消，以使得圓形有一種穩(wěn)定性；而橢圓形和長方形并非完全對稱的，力也不能平衡地向各個方向入侵，力在較長的軸線上具有了某種方向性。由此我們可以以看到，對一些具有穩(wěn)定性的圖形樣式進行比例的改變，會使得圖式更具有張力。一個三角形或楔形的視覺動力會顯得比擬強烈，由于這個式樣中伽瑪運動的方向性很明顯，就是講力的活動方向性很明顯，所以容易造成強烈的視覺張力。圖4〔a〕中的界面是一個音樂App的某一功能界面，這個界面非常具有運動感，但是又是一個整體平衡的圖式，符合我們的審美要求。在這一界面里，我們能夠很明顯地觀察到下方有一對互相到達平衡的視覺元素，偏右側(cè)的元素很明顯是一個按鈕，我們很直觀地知道它是能夠點擊的。這種明顯是怎樣構(gòu)造出來的呢？我們能夠看到圖5〔a〕和圖5〔b〕中兩個按鈕圖標的比照，很明顯，假如這個按鈕使用了〔b〕中普通的箭頭形態(tài)作為操作提示圖標，那么整個界面會顯得生硬得多，而且這個按鈕的可操作提示性并不特別明顯，這是由于〔a〕的箭頭發(fā)生了一些比例的改變，使得橫向的面積更接近楔形，進而造成了一種更強烈的視覺動力，也愈加具有一種運動感，使得我們觀看界面時第一眼就能夠接收到它想傳遞的信息，知道這個按鈕是能夠操作的，并且整個圖形樣式顯得愈加生動，富有活力。〔二〕改變空間定向使視覺樣式在垂直和水平等基本空間定向上傾斜，也會創(chuàng)造一種力。我們能夠把圖5的樣式看作是不同狀態(tài)下的風車的主軸，我們能夠看到〔a〕中風車的主軸呈現(xiàn)垂直定向，這會給我們造成一種靜態(tài)的穩(wěn)定感；〔b〕中風車的主軸呈現(xiàn)相互對稱的對角線姿勢，我們看到微小的動感和一定的張力；而當我們看到〔c〕時會以為這是一個旋轉(zhuǎn)狀態(tài)中的風車，這個樣式也能令我們看到一種緊張的力。固然偏離空間定向位置有時與我們對某些空間定向的記憶與認知有關(guān)，但我們不能講這種傾斜產(chǎn)生的運動性和張力是我們對物體運動狀態(tài)的認知造成的，實際上這種張力仍然是由于圖形偏離了較為穩(wěn)定的那個空間定向而造成的，正如在正方形內(nèi)的黑色圓面偏離了較為穩(wěn)定的位置，具有的仍然是視覺力。App是一個名叫flowerly的App，使用者能夠通過它向facebook的好友發(fā)送虛擬的花束或者發(fā)送郵件問候，是一個輕松的社交類App。我們能夠看到界面中的圖標都略微偏離了垂直的空間定向，造成一種運動著的活潑感，左右交替的偏離方向構(gòu)成不同方向的緊張的力。固然具有緊張的力度，圖式還是到達一種整體的平衡感，卻也不失活潑的氣氛，手繪般的線條和圖標的造型以及色彩都加增了這一活潑靈動的感覺，使我們很直觀的感到這是一個很有趣且輕松的應(yīng)用軟件。三、小結(jié)以上我們對視覺動力做了一個簡單的講明和梳理，并且用能夠創(chuàng)造視覺動力的性質(zhì)對界面設(shè)計案例做了一個簡單分析。能夠營造視覺動力的方式方法除了上文提到的還有很多，由于