文章來源:公眾號 阿潤的增長研習社
李安在《喜宴》中曾經(jīng)借薇薇評價公公書法的場景表達了對于藝術的看法:
原文為:這是我最喜歡的一幅未蝌,王羲之書法講究的是平和自然诊赊,含蓄有味,您寫的王體字不論用筆或者是結構呢,都有一種經(jīng)過精心推敲胧后,卻又渾然天成的美肴盏,而且氣韻跟這一首白居易的詩渾然呵成一體科盛。這是藝術里面非常高的境界。而且您看這幅字菜皂,全篇從頭到尾沒有一個敗筆贞绵,這是神閑氣足,長壽之征啊恍飘。
總結一下李安對于電影和藝術的看法:平和自然榨崩,含蓄有味谴垫,精心推敲,渾然天成母蛛,意境場景融為一體翩剪。回看李安所有的電影是不是符合這些藝術看法彩郊。
經(jīng)過精心推敲前弯,卻又渾然天成的美是所有設計所追求的至高境界。也就是說我們的設計是精心的秫逝,是費盡心血的恕出,但是作為產(chǎn)品用戶使用起來,是體驗很好的违帆≌阄祝或者用戶的觀影感受很舒服。
看到這里你會說不是說講喜劇之王嗎刷后?為啥說了半天李安在《喜宴》的畴。我們先通過李安講了設計的精髓,然后講講喜劇之王是如何符合這句精髓的惠险。而這種精心推敲的設計方法也同樣會用在產(chǎn)品設計上苗傅。
讓我們回到喜劇之王
導演楊超在《一席》這個分享會上深度的剖析了《喜劇之王》,告訴大家周星馳是如何精心的運用電影鏡頭語言來傳遞情感班巩,進而讓用戶產(chǎn)生共鳴達到對張柏芝和周星馳移情的巔峰渣慕。但是這并不妨礙我從產(chǎn)品設計的角度重新剖析一遍《喜劇之王》。我會用喜劇之王這段故事的每個鏡頭告訴大家好的電影和產(chǎn)品一樣都是精心推敲抱慌,卻又渾然天成的美逊桦。
一些影評對這段的解讀是不對的。他們的解釋為:張柏芝以為是感情抑进,而周星馳則很認真地玩强经,玩了過后還非常講究地準備才錢財,張柏芝看到后寺渗,非常傷心匿情,沒想到自己付出的感情,還是被付了錢信殊,于是落寞的離開了炬称。這顯然有問題。
楊導分析的段落我補充背景并告訴大家為啥上面的解釋有誤涡拘。周星馳和張柏芝一夜情后玲躯,其實周是拿不準張的態(tài)度,可以理解為周角色的自卑,認為張不過是把他當成了客人沒有動感情跷车,但周是動情了棘利,所以給了他認為最珍貴的東西,所有值錢的財物朽缴、以及那本《演員的自我修養(yǎng)》(這里給的東西也是有特殊意義的善玫,我后面會講)。而張認為周是不喜歡她的不铆。所以很失落蝌焚,這是一個兩人彼此的誤判,才會有后面的彼此試探情節(jié)誓斥。
第一幕,張柏芝準備離開
用了非常簡單的前后景構圖许帐,兩張臉劳坑,他們的心情,他們的試探和自尊成畦,從一個鏡頭中都看出來了距芬。這種景深也暗示了兩人的關系。我們在產(chǎn)品設計中的圖形界面設計也會用到這種景深的方法循帐】蜃校或者布局的按時兩個操作對象有關聯(lián)。
比如iPhone點擊抽屜會彈出應用拄养,同時模糊化背景离斩。 這個就是一種類似電影的景深處理方法來暗示兩者關系。再比如我們會使用兩個操作對象放在同一襯底上的方法瘪匿,比如內(nèi)容和翻譯器會放在一個襯底上暗示用戶他們彼此關聯(lián)跛梗。而最糟糕的就是用文字說明或者tips和toast,電影上最糟糕的就是旁白棋弥,依靠旁白來表達人物內(nèi)心的活動核偿,這是非常糟糕的,因為它會完全扼殺了意境顽染,好的設計應該通過布局讓用戶自然的感知一些關系和情感才是妥當?shù)难馈2季职凳救宋镪P系,布局也會按時使用關系粉寞。
第二幕
張柏芝出去后尼荆,省去了關門之后走出外屋的一段,直接跳切到了院子里面仁锯,這種跳切處理主要是要提速帶領觀眾的情緒耀找。那么放到產(chǎn)品設計里面,有沒有哪些流程我們發(fā)現(xiàn)是跳過一些環(huán)節(jié)或者界面呢。情景上存在演員或者用戶應該完成的路徑野芒,比如張柏芝要從關門到走出外屋子蓄愁。比如我們從通訊錄聯(lián)系人詳情發(fā)一個短信,理論上就應該走一個哪里來回那里去的物理路徑狞悲,發(fā)送后返回到通訊錄撮抓。但是你會發(fā)現(xiàn)大部分的產(chǎn)品設計人員會直接把從通訊錄發(fā)消息的界面跳切到短信列表。大家等待接收方回復短信這就是一種產(chǎn)品設計上的提速摇锋。只要是這種提速是你情感和場景可以接受的你會非常舒服會有一種流暢感丹拯。但是考慮錯了你也會有一種迷茫感。
第三幕
電影省去了周星馳起床的過程荸恕,直接將畫面拉到雙方情緒對撞的場景里乖酬。沒有旁白告訴你說張柏芝在想什么,周星馳在想什么融求,但是這樣的構圖咬像,加上一個柵欄這樣的分割暗示,自然明白男女主人公的想法生宛,沒有產(chǎn)品設計中糟糕的toast县昂,tips。布局暗示了人物狀態(tài)也會同樣暗示產(chǎn)品狀態(tài)陷舅。
第四幕
一個鏡頭倒彰,就從張柏芝沮喪的臉,直接把周星馳也拉了出來莱睁。剛剛還沉浸在張柏芝的沮喪之中待讳,馬上驚喜就跳了出來。除了在情節(jié)上提速繼續(xù)帶領著觀眾的情緒以外缩赛,這個情節(jié)還有一個值得玩味的地方耙箍,這是楊導沒有講的內(nèi)容。就是張柏芝是從左向右移動酥馍,大家的視覺也是跟隨的辩昆。這時候周星馳就一定是從屏幕的左上角出來,這樣視覺上才舒服旨袒。
否則汁针,大家可以腦補一下,周星馳從下面出來砚尽,或者從屏幕右上角出來施无,感覺就會很怪。大家想想有多少個產(chǎn)品內(nèi)容切換時候視覺焦點是亂掉的必孤。設計中一定要去考慮物體進入頁面時候用戶的視覺焦點在哪里猾骡。這些設計上的原理產(chǎn)品設計和電影設計是相通的瑞躺。所有的電影和產(chǎn)品設計都要遵循視覺焦點一致。
第五幕
當張柏芝走了兴想,從小房子角落消失后幢哨,觀眾可能覺得事實交代清楚,可以了嫂便。這個就是一個簡單的鏡頭切換從物理上講張柏芝是按照從左向右移動的捞镰。也必須是這樣的一個運動軌跡。
但鏡頭馬上就隨著音樂升起來毙替,看到了海浪岸售!
這個時候不需要周星馳的表情,直接用海浪厂画,用自然事物來表達心情凸丸,這就是最好的電影!最好的電影都是心相袱院!影片用焦慮的海浪來表達周星馳此時復雜的心情甲雅,比直接拍周星馳的表情要高級得多!
我們說好的產(chǎn)品也是心相的:設計上盡量用布局和意境來表達感覺坑填,而不是使用旁白和表情,要有靈動感和想象的可能弛姜。比如我們和喜歡的女孩或者男孩微信的時候脐瑰,你發(fā)了一句話給對方,然后界面上顯示對方正在輸入中……或者我們離開了手機回來看到界面上顯示對方撤回了一條消息廷臼。這個就是心相的產(chǎn)品苍在,因為它給了你很多的猜想和可能。盡管微信可以不提供這個功能荠商。
第六幕
又是一個跳切寂恬,直接到張柏芝走路的畫面。大家還沉浸在張柏芝的沮喪情緒中時莱没,周星馳就進畫面了初肉。大家都以為兩個人就這么結束了。但是馬上電影就給了我們一個驚喜饰躲,這種連續(xù)的一波三折跳躍牙咏,不斷挑動我們的情感,讓觀眾覺得還有希望嘹裂!
在這里從電影的人物入場上說妄壶,周有一次從鏡頭的左上角進入了畫面。這個保持了和上一個鏡頭感的一致寄狼。這種一致性是非常重要的丁寄。讓我們設想一下,周星馳從不同的 角度進入這個畫面。一會兒從左上角伊磺,下一幕從右上角盛正,用戶的心理就完全沒有預知了。感覺周會亂入的屏幕中奢浑。我們想象在產(chǎn)品設計上是不是也要保持中類似的界面切換或者界面元素的切換蛮艰。主人物和主功能的動畫切換盡量保持一致。
同時只給了張腿部的描寫有助于突出周星馳雀彼,一幕或一個界面只突出一個主角或者一個主功能壤蚜。
第七幕
周星馳表白時的猶豫。第一個鏡頭是在周星馳右邊徊哑,周星馳猶豫低頭后袜刷,鏡頭馬上換到周星馳的左邊,這是一種熒幕跳軸莺丑。瞬間讓人感覺有一個時間過去的感覺著蟹,同時也代替了周星馳猶豫的過程。
周星馳喊出了那句經(jīng)久不衰的金句“我養(yǎng)你吧颐А萧豆!”。當他喊出這句話時昏名,觀眾的好奇心都會落到張柏芝身上涮雷。前面已經(jīng)有了非常華彩的鋪墊,大家會期待張柏芝的反饋轻局。
第八幕
更出彩的鏡頭來了洪鸭!切了兩個人的背影,鏡頭從遠到近仑扑,直接朝張柏芝的背影沖了過去览爵!表達我養(yǎng)你這句話慢慢的觸到了張柏芝,面對這種視覺加情緒的沖擊力镇饮,任何表演都會顯得非常無力蜓竹。
類似一個景深的鏡頭移動去表示那句我養(yǎng)你觸達張柏芝暗示兩人的關系,這是電影鏡頭和產(chǎn)品設計都常用的一個方法:場景動畫來暗示用戶盒让。
第九幕
張柏芝回頭梅肤,她會怎么回答?所有的鋪墊就為了這一句邑茄,觀眾的情緒已經(jīng)全部被調(diào)動起來姨蝴。“你先養(yǎng)好你自己吧肺缕,傻瓜左医!”
非呈谂粒可惜,他們錯過了相愛的時刻浮梢,看來就這樣了吧跛十。而且下一個場景還是周星馳沮喪的特寫★跸酰看來已經(jīng)塵埃落定芥映。這次,他們相愛不會相愛了远豺。
第十幕
表白失敗奈偏,場景轉(zhuǎn)換,車窗外離開的場景躯护,場景的結束告知觀眾這個事情真就這么結束了惊来。所有的觀眾都相信都他們兩個人的感情結束了。
張柏芝在車上泣不成聲棺滞!注意張柏芝不是從不哭開始裁蚁。她不是從零哭起,她是從五開始哭起继准。如果張柏芝從零哭起枉证,那么用戶就有了防備心了。就不會被這個鏡頭打動移必。就是這種猝不及防徹底擊穿了觀眾的預期刽严,導演已經(jīng)非常成功地將劇情移情到了角色身上,誰演避凝,都必定會感動觀眾!
從場景跳轉(zhuǎn)上眨补,導演和設計人員再一次“欺騙”了大家管削,他們快進到了張柏芝淚流滿面,之前場景渲染都是鋪墊撑螺。這個場景的跳轉(zhuǎn)才是合理的含思。有時候我們在產(chǎn)品設計上有些界面是不是當我們鋪墊很好的時候可以直接跳轉(zhuǎn)呢?而不是再讓用戶重新選擇甘晤,看著“張柏芝”從零哭到五含潘。對用戶心理預期的場景跳轉(zhuǎn)。
最后說下楊導沒有講述的內(nèi)容线婚,我們回到開頭埋下的伏筆遏弱。
為什么周星馳給了張柏芝所有值錢的財物、以及那本《演員的自我修養(yǎng)》塞弊?
鏡頭上在張柏芝哭泣中拿出了這些財物漱逸±嵋蹋可以說這兩件道具是抽象的一種具象表現(xiàn)。一個是周的角色因為很愛張柏芝給了她所有的錢饰抒,包括存折和手表肮砾。那么《演員的自我修養(yǎng)》是周星馳給張柏芝的夢想和他認為作為男人最重要的事業(yè)。依然沒有旁白袋坑,沒有字幕告訴我們說我好愛你仗处,為了你我愿意放棄一切。但是有這兩個鏡頭的存在我們發(fā)現(xiàn)鏡頭勝過了萬語千言枣宫。
導演用了一本書告訴了觀眾周星馳為了張柏芝放棄了一切婆誓,甚至是自己最愛的事業(yè)。我們從人物設定上說張柏芝相比較周星馳來說是沒有那么熱愛表演的镶柱。但是他們是通過表演定了情旷档,通過表演愛上了彼此⌒穑《演員的自我修養(yǎng)》對彼此有著非凡的意義鞋屈。
導演從張柏芝拿出的物品中也暗示張柏芝是一個單純的女孩,最終她把錢放入了包里面故觅。而是緊緊的抱住了那么他們心有靈犀的《演員的自我修養(yǎng)》厂庇。來我們想一想在產(chǎn)品設計中存在這種暗示指代嗎?當然是有的输吏,我們會用標志與符號暗示性別或者用途权旷。而不是做大量的文字描述和解釋。有時候一個符號或者具象的形象勝過千言萬語無論電影還是產(chǎn)品設計贯溅。
細節(jié)和符合細節(jié)的場景才能讓電影和產(chǎn)品真實
好了最后復習一下上篇文章我們說的場景問題拄氯,為什么這樣兩個小人物的故事會感動大家呢,細節(jié)和場景它浅,記得張柏芝扮演學生妹译柏,讓富豪哭醉的場景嗎?她想到周的吃芥末膏姐霍,然后流淚對富豪說我是真的喜歡你鄙麦。到富豪哭醉在桌子上,張柏芝的第一個反應不是去拿錢镊折。而是之前吃了芥末膏太辣了胯府,趕緊對著嘴巴扇風。
以及周星馳為了怕張柏芝介意錢是舊的進而把錢捋平了恨胚。正是這些小細節(jié)骂因,讓兩個人物鮮活起來了。因為拍攝大情節(jié)誰都可以赃泡,但是只有多看一步侣签,多想一步塘装,把別的導演忽視的必然細節(jié)拍出來,才是高手影所。