美文网首页
喜剧之王告诉我们如何设计产品

喜剧之王告诉我们如何设计产品

作者: 阿润的增长研习社 | 来源:发表于2019-10-09 11:00 被阅读0次

    文章来源:公众号 阿润的增长研习社

    李安在《喜宴》中曾经借薇薇评价公公书法的场景表达了对于艺术的看法:

    原文为:这是我最喜欢的一幅,王羲之书法讲究的是平和自然,含蓄有味,您写的王体字不论用笔或者是结构呢,都有一种经过精心推敲,却又浑然天成的美,而且气韵跟这一首白居易的诗浑然呵成一体。这是艺术里面非常高的境界。而且您看这幅字,全篇从头到尾没有一个败笔,这是神闲气足,长寿之征啊。

    总结一下李安对于电影和艺术的看法:平和自然,含蓄有味,精心推敲,浑然天成,意境场景融为一体。回看李安所有的电影是不是符合这些艺术看法。

    经过精心推敲,却又浑然天成的美是所有设计所追求的至高境界。也就是说我们的设计是精心的,是费尽心血的,但是作为产品用户使用起来,是体验很好的。或者用户的观影感受很舒服。

    看到这里你会说不是说讲喜剧之王吗?为啥说了半天李安在《喜宴》。我们先通过李安讲了设计的精髓,然后讲讲喜剧之王是如何符合这句精髓的。而这种精心推敲的设计方法也同样会用在产品设计上。

    让我们回到喜剧之王

    导演杨超在《一席》这个分享会上深度的剖析了《喜剧之王》,告诉大家周星驰是如何精心的运用电影镜头语言来传递情感,进而让用户产生共鸣达到对张柏芝和周星驰移情的巅峰。但是这并不妨碍我从产品设计的角度重新剖析一遍《喜剧之王》。我会用喜剧之王这段故事的每个镜头告诉大家好的电影和产品一样都是精心推敲,却又浑然天成的美。

    一些影评对这段的解读是不对的。他们的解释为:张柏芝以为是感情,而周星驰则很认真地玩,玩了过后还非常讲究地准备才钱财,张柏芝看到后,非常伤心,没想到自己付出的感情,还是被付了钱,于是落寞的离开了。这显然有问题。

    杨导分析的段落我补充背景并告诉大家为啥上面的解释有误。周星驰和张柏芝一夜情后,其实周是拿不准张的态度,可以理解为周角色的自卑,认为张不过是把他当成了客人没有动感情,但周是动情了,所以给了他认为最珍贵的东西,所有值钱的财物、以及那本《演员的自我修养》(这里给的东西也是有特殊意义的,我后面会讲)。而张认为周是不喜欢她的。所以很失落,这是一个两人彼此的误判,才会有后面的彼此试探情节。

    第一幕,张柏芝准备离开

    用了非常简单的前后景构图,两张脸,他们的心情,他们的试探和自尊,从一个镜头中都看出来了。这种景深也暗示了两人的关系。我们在产品设计中的图形界面设计也会用到这种景深的方法。或者布局的按时两个操作对象有关联。

    比如iPhone点击抽屉会弹出应用,同时模糊化背景。 这个就是一种类似电影的景深处理方法来暗示两者关系。再比如我们会使用两个操作对象放在同一衬底上的方法,比如内容和翻译器会放在一个衬底上暗示用户他们彼此关联。而最糟糕的就是用文字说明或者tips和toast,电影上最糟糕的就是旁白,依靠旁白来表达人物内心的活动,这是非常糟糕的,因为它会完全扼杀了意境,好的设计应该通过布局让用户自然的感知一些关系和情感才是妥当的。布局暗示人物关系,布局也会按时使用关系。

    第二幕

    张柏芝出去后,省去了关门之后走出外屋的一段,直接跳切到了院子里面,这种跳切处理主要是要提速带领观众的情绪。那么放到产品设计里面,有没有哪些流程我们发现是跳过一些环节或者界面呢。情景上存在演员或者用户应该完成的路径,比如张柏芝要从关门到走出外屋子。比如我们从通讯录联系人详情发一个短信,理论上就应该走一个哪里来回那里去的物理路径,发送后返回到通讯录。但是你会发现大部分的产品设计人员会直接把从通讯录发消息的界面跳切到短信列表。大家等待接收方回复短信这就是一种产品设计上的提速。只要是这种提速是你情感和场景可以接受的你会非常舒服会有一种流畅感。但是考虑错了你也会有一种迷茫感。

    第三幕

    电影省去了周星驰起床的过程,直接将画面拉到双方情绪对撞的场景里。没有旁白告诉你说张柏芝在想什么,周星驰在想什么,但是这样的构图,加上一个栅栏这样的分割暗示,自然明白男女主人公的想法,没有产品设计中糟糕的toast,tips。布局暗示了人物状态也会同样暗示产品状态。

    第四幕

    一个镜头,就从张柏芝沮丧的脸,直接把周星驰也拉了出来。刚刚还沉浸在张柏芝的沮丧之中,马上惊喜就跳了出来。除了在情节上提速继续带领着观众的情绪以外,这个情节还有一个值得玩味的地方,这是杨导没有讲的内容。就是张柏芝是从左向右移动,大家的视觉也是跟随的。这时候周星驰就一定是从屏幕的左上角出来,这样视觉上才舒服。

    否则,大家可以脑补一下,周星驰从下面出来,或者从屏幕右上角出来,感觉就会很怪。大家想想有多少个产品内容切换时候视觉焦点是乱掉的。设计中一定要去考虑物体进入页面时候用户的视觉焦点在哪里。这些设计上的原理产品设计和电影设计是相通的。所有的电影和产品设计都要遵循视觉焦点一致。

    第五幕

    当张柏芝走了,从小房子角落消失后,观众可能觉得事实交代清楚,可以了。这个就是一个简单的镜头切换从物理上讲张柏芝是按照从左向右移动的。也必须是这样的一个运动轨迹。

    但镜头马上就随着音乐升起来,看到了海浪!

    这个时候不需要周星驰的表情,直接用海浪,用自然事物来表达心情,这就是最好的电影!最好的电影都是心相!影片用焦虑的海浪来表达周星驰此时复杂的心情,比直接拍周星驰的表情要高级得多!

    我们说好的产品也是心相的:设计上尽量用布局和意境来表达感觉,而不是使用旁白和表情,要有灵动感和想象的可能。比如我们和喜欢的女孩或者男孩微信的时候,你发了一句话给对方,然后界面上显示对方正在输入中……或者我们离开了手机回来看到界面上显示对方撤回了一条消息。这个就是心相的产品,因为它给了你很多的猜想和可能。尽管微信可以不提供这个功能。

    第六幕

    又是一个跳切,直接到张柏芝走路的画面。大家还沉浸在张柏芝的沮丧情绪中时,周星驰就进画面了。大家都以为两个人就这么结束了。但是马上电影就给了我们一个惊喜,这种连续的一波三折跳跃,不断挑动我们的情感,让观众觉得还有希望!

    在这里从电影的人物入场上说,周有一次从镜头的左上角进入了画面。这个保持了和上一个镜头感的一致。这种一致性是非常重要的。让我们设想一下,周星驰从不同的 角度进入这个画面。一会儿从左上角,下一幕从右上角,用户的心理就完全没有预知了。感觉周会乱入的屏幕中。我们想象在产品设计上是不是也要保持中类似的界面切换或者界面元素的切换。主人物和主功能的动画切换尽量保持一致。

    同时只给了张腿部的描写有助于突出周星驰,一幕或一个界面只突出一个主角或者一个主功能。

    第七幕

    周星驰表白时的犹豫。第一个镜头是在周星驰右边,周星驰犹豫低头后,镜头马上换到周星驰的左边,这是一种荧幕跳轴。瞬间让人感觉有一个时间过去的感觉,同时也代替了周星驰犹豫的过程。

    周星驰喊出了那句经久不衰的金句“我养你啊!”。当他喊出这句话时,观众的好奇心都会落到张柏芝身上。前面已经有了非常华彩的铺垫,大家会期待张柏芝的反馈。

    第八幕

    更出彩的镜头来了!切了两个人的背影,镜头从远到近,直接朝张柏芝的背影冲了过去!表达我养你这句话慢慢的触到了张柏芝,面对这种视觉加情绪的冲击力,任何表演都会显得非常无力。

    类似一个景深的镜头移动去表示那句我养你触达张柏芝暗示两人的关系,这是电影镜头和产品设计都常用的一个方法:场景动画来暗示用户。

    第九幕

    张柏芝回头,她会怎么回答?所有的铺垫就为了这一句,观众的情绪已经全部被调动起来。“你先养好你自己吧,傻瓜!”

    非常可惜,他们错过了相爱的时刻,看来就这样了吧。而且下一个场景还是周星驰沮丧的特写。看来已经尘埃落定。这次,他们相爱不会相爱了。

    第十幕

    表白失败,场景转换,车窗外离开的场景,场景的结束告知观众这个事情真就这么结束了。所有的观众都相信都他们两个人的感情结束了。

    张柏芝在车上泣不成声!注意张柏芝不是从不哭开始。她不是从零哭起,她是从五开始哭起。如果张柏芝从零哭起,那么用户就有了防备心了。就不会被这个镜头打动。就是这种猝不及防彻底击穿了观众的预期,导演已经非常成功地将剧情移情到了角色身上,谁演,都必定会感动观众!

    从场景跳转上,导演和设计人员再一次“欺骗”了大家,他们快进到了张柏芝泪流满面,之前场景渲染都是铺垫。这个场景的跳转才是合理的。有时候我们在产品设计上有些界面是不是当我们铺垫很好的时候可以直接跳转呢?而不是再让用户重新选择,看着“张柏芝”从零哭到五。对用户心理预期的场景跳转。

    最后说下杨导没有讲述的内容,我们回到开头埋下的伏笔。

    为什么周星驰给了张柏芝所有值钱的财物、以及那本《演员的自我修养》?

    镜头上在张柏芝哭泣中拿出了这些财物。可以说这两件道具是抽象的一种具象表现。一个是周的角色因为很爱张柏芝给了她所有的钱,包括存折和手表。那么《演员的自我修养》是周星驰给张柏芝的梦想和他认为作为男人最重要的事业。依然没有旁白,没有字幕告诉我们说我好爱你,为了你我愿意放弃一切。但是有这两个镜头的存在我们发现镜头胜过了万语千言。

    导演用了一本书告诉了观众周星驰为了张柏芝放弃了一切,甚至是自己最爱的事业。我们从人物设定上说张柏芝相比较周星驰来说是没有那么热爱表演的。但是他们是通过表演定了情,通过表演爱上了彼此。《演员的自我修养》对彼此有着非凡的意义。

    导演从张柏芝拿出的物品中也暗示张柏芝是一个单纯的女孩,最终她把钱放入了包里面。而是紧紧的抱住了那么他们心有灵犀的《演员的自我修养》。来我们想一想在产品设计中存在这种暗示指代吗?当然是有的,我们会用标志与符号暗示性别或者用途。而不是做大量的文字描述和解释。有时候一个符号或者具象的形象胜过千言万语无论电影还是产品设计。

    细节和符合细节的场景才能让电影和产品真实

    好了最后复习一下上篇文章我们说的场景问题,为什么这样两个小人物的故事会感动大家呢,细节和场景,记得张柏芝扮演学生妹,让富豪哭醉的场景吗?她想到周的吃芥末膏,然后流泪对富豪说我是真的喜欢你。到富豪哭醉在桌子上,张柏芝的第一个反应不是去拿钱。而是之前吃了芥末膏太辣了,赶紧对着嘴巴扇风。

    以及周星驰为了怕张柏芝介意钱是旧的进而把钱捋平了。正是这些小细节,让两个人物鲜活起来了。因为拍摄大情节谁都可以,但是只有多看一步,多想一步,把别的导演忽视的必然细节拍出来,才是高手。

    相关文章

      网友评论

          本文标题:喜剧之王告诉我们如何设计产品

          本文链接:https://www.haomeiwen.com/subject/zivwpctx.html