DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計體驗:WEB設計和拍電影
交互設計體驗:WEB設計和拍電影
編輯:關於網頁技巧     

我覺得WEB設計和拍電影很像,交互設計師好比是編劇,視覺設計師則是導演,因為WEB交互設計就是WEB產品原型設計,他有個基本與根本的原則—易用性(易用性或可用性,以下統一用“易用性”概括),讓產品更好用。

我是一個電影愛好者,一直關注中國電影。近幾年,張藝謀拍了《英雄》《十面埋伏》《黃金甲》,馮小剛拍了《天下無賊》《手機》《非誠勿擾》,陳凱歌則拍了《無極》《梅蘭芳》,這些電影聲勢浩大,大牌大投資大陣容。都是大片,還賺了大錢,可越來越多的觀眾嚷嚷著說不好看了,越看越扯,這是為什麼呢?我接下來以一個普通電影愛好者自己的角度講講對幾部代表性電影一些不權威的見解,純粹一家之言,大家別太介意~


《英雄》這部電影感覺更像一部攝影集,畫面美得詩意,一張張葉子飄得都很專業,好萊塢式的特效視覺奇觀,以及劇中每個演員雷人的情緒化表演,讓大家把所有的注意力都放在了畫面與演員秀上。導演建設性讓故事的發展為其賣弄特技和畫面做鋪墊,電影畫面是一流的,但故事講得生硬,打動不了我。

《非誠勿擾》整部電影從頭到尾都安排到幽默睿智的橋段,看得出來是導演精心設計的並且也注意到故事本身的重要性。可是他沒能放眼電影全篇,不管是台詞還是戲劇沖突,導演為了增加電影的趣味性所作的內容增減同時也在修改故事的主線,削弱故事性,模糊了故事的整體性,表面上看劇情變得很豐富也很文藝,而我的感覺更像一口氣看了一本故事會。這個導演拍的電影還有個特點就是功能障礙化,永遠沒有高潮,導演是個大忽悠。

《無極》,陳導演可能想把《無極》拍成境界超越《霸王別姬》的電影,所以格局更大了,《霸》用京劇,《無極》直接用妖怪,《霸》用同性之愛,《無極》用一個血饅頭,立意高度抽象,難度更大了,立意和故事就像螺絲和螺帽的關系,可以不同顏色不同材料,但不可以不同尺寸。故事本身並不復雜,活活讓導演給整復雜了,導演殺雞沒用筆刀菜刀牛刀,找來了一個跟刀沒半點關系的工具。

在二十一世紀初的今天,各大導演變得匠氣了,在好萊塢視覺大片刺激之下越來越熱衷於賣弄技術,故弄玄虛。他們正在漸漸遺棄電影藝術最基本也是最根本的原則:講故事,拍電影就是講故事。編劇負責寫故事,導演負責講故事,編劇要做的是怎麼把故事寫出來,導演要做的是怎麼把故事講生動。電影藝術包括了攝影,音樂,剪輯,美術等等電影語言,電影語言是手段,都是用來修飾故事的,導演脫離了故事本身就會變得華而不實,深究電影技法反而迷失了方向。

我覺得WEB設計和拍電影很像,交互設計師好比是編劇,視覺設計師則是導演,因為WEB交互設計就是WEB產品原型設計,他有個基本與根本的原則—易用性(易用性或可用性,以下統一用“易用性”概括),讓產品更好用。WEB視覺設計師負責展示產品交互設計。而WEB視覺設計師設計WEB產品的時候忽視了交互易用性,就和導演們忽略編劇寫的故事劇本一樣。承接以上對三部影片的評論,在下自我總結了三種WEB視覺設計師忽略WEB設計交互而產生的三個表現:

第一種,《英雄》式,注重色彩和圖形表達,過分強調美感,只要能增加設計美感無所不用其極,在交互與視覺權衡之間往往犧牲交互,過分的設計增加了用戶的視覺負擔,降低交互易用性。

第二種,《非誠勿擾》式,似乎看到了交互設計的重要性,一個WEB產品具有良好的易用性體現在各個板塊之間分明的主次關系形成統一整體,而《非誠勿擾》式拆開甚至修改了這個交互設計,單獨加以設計,沒有一個全局觀,單獨板塊都有很到位的體驗,合在一起無輕重緩急,就失去了易用性。

第三種,《無極》式,注重設計的大概念,原意打破常規,對創新樂此不疲,甚至可以完全丟棄WEB產品易用性的原則,妄圖給業內設計帶來革命性的改變,做概念是一件風險很大的事情,做得不好反而背棄了WEB交互設計的基本原則,迷失方向。

也許因為原則這種東西太基本了,基本到常常自覺不自覺地淡化它的存在。所以大家平時上網使用互聯網產品,常常會用到這樣的WEB產品:好看,但不好用,操作很不順心,所以WEB產品設計要易用可用是為了讓人用得順心。

寫這篇文章主要為反思警醒,因為以上的這些錯誤觀念都是自己過去工作所經歷過的。在很長一段WEB設計從業時期裡,作為一個設計師,我認為自己是了解交互設計的(且認為作為一個視覺設計師只需了解即可),卻從沒對其有過一個清醒的認識。並且常常固執的認為,既然是視覺設計師,當然是要發揮色彩和圖形的優勢展示視覺。回頭想一想,這可能是跟我大學的學習內容有關系。我大學學的是廣告學,課程有海報、字體、vi、創意、色彩、造型,影視三維等等多種藝術課程,而且自己愛好歐美插畫塗鴉藝術以及動畫設計,傳統廣告視覺設計學的特點是:重形色,重寫意表達,重創意,重視覺沖擊,重內涵。

這應該就是我困惑的原因–把廣告視覺設計教育的精神生硬地復制到了WEB視覺設計中,雖然視覺設計都具有廣告性,但WEB設計更具產品性;視覺設計都具有宣傳性,但WEB設計更具說明性;視覺設計都具有溝通性,但WEB設計更最具互動性。傳統廣告設計注重用戶對結果的感知,WEB設計注重用戶對過程的體驗。

WEB視覺設計隊伍中有我這個廣告系轉來的,也有其他比如視覺傳達的、動畫的、裝潢的、國畫油畫版畫系的人,很多都成為業內高手。也不乏像我這樣對WEB設計概念模糊的、觀念仍一時轉不過來的人。希望此文能給一些WEB視覺設計師和即將轉行做WEB設計的朋友做參考。交互設計原則也是那麼老生常談,也因為太老生常談,才越容易被大家忽略吧。

WEB視覺設計師也不需要與交互設計師一樣精通交互設計,但必須要明確交互的意義,把視覺用到實處,發揮出設計本身的價值。電影導演拍電影拍的也就是一個故事。詹姆斯卡梅隆是個重視技術同時也是善用技術的導演。在《阿凡達》裡他把電影特效用到了極致。大家都有這樣的感覺,電影的每一處的特效都恰當的配合故事出現,每一種動植物都長得那麼自然,出現得那麼自然。故事飽滿,讓人神往,卡梅隆善用技術,更懂得講故事。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved