首页 声音 项目 正文

UI/UX设计师该向《布达佩斯大饭店》取经

作者:Sumit Mehra 时间:2014-08-26 0

韦斯·安德森(Wes Anderson)向来以富有冲击力的视觉效果、细节考究的场景布置和绚丽明朗的画面色彩著称。从《月升王国》(Moonrise Kingdom)营造出的奇异氛围,到《布达佩斯大饭店》(The Grand Budapest Hotel)里考究的布景和精细的酒店微缩模型,安德森的电影堪称视觉盛宴。

重视场景设计的电影人在某些操作上和移动UI(用户界面)/UX(用户体验)设计师有共通之处。职业设计师们可以借鉴下安德森导演的技巧,把它们运用到自己的设计实践中,不断改进自己的作品。

1. 注重细节

安德森被誉为“全球最注重细节的导演”。他对细节的重视在电影的场景设计、色彩运用和画面安排上体现得淋漓尽致。拍摄《布达佩斯大饭店》的时候,他请了平面设计师安妮·阿特金斯(Annie Atkins)来设计电影里出现的每一个历史物件。为了营造出真实感,阿特金斯特地找来了一台上世纪30年代的打字机,电影里出现的所有打字稿都是用这台打字机打出来的。

                               

对设计者来说,对细节的重视体现了对产品的负责。在页面上精心安排一些小元素、仔细检查每一个像素,这些再小不过的细节就能让用户在使用APP的时候完全沉浸其中。成功让观众沉浸在一个完全不同的世界里的,正是《布达佩斯大饭店》里那些无比考究的细节。一个设计师,如果他设计的APP每一个细节都能让人心动,那他就一定能让用户在情感上认同他。这种情感上的联系可以帮助他吸引住用户,提高用户的忠诚度。

2. 构图和对称性也很重要

韦斯·安德森电影最大的特点之一就是画面的对称性。韩国影人野田高梧(Kogonada)精心挑选了安德森导演的几部电影,包括《了不起的狐狸爸爸》(Fantastic Mr. Fox)、《天才一族》(The Royal Tenenbaums)等,把电影里的多个经典镜头剪辑到一起,并在画面中央设了一条白线。通过视频我们可以很直观地看到,安德森电影的构图简直对称到家了。这些画面展现了导演对不同元素进行完美组合的非凡功力。

移动设计师们也可以和安德森导演一样,构建出一个高度协调的界面,营造视觉上的平衡感。使用网状结构可以达到结构上的平衡,让用户注意到一些视觉标识并开始使用。用户可以快速找到自己喜欢的内容,潜意识里也会对APP的外观和感觉满意。

3.以调查研究为导向

据说,安德森和布景师们从Google搜索开始,用多种方式不停地进行调查研究,寻找理想的拍摄地。在为《月升王国》取景的时候,安德森和他的团队通过网络搜索和实地考察找过的每一个地方,都影响到了最终的场景设计。导演甚至在剧本中插入这些地方的照片作为参考。

移动设计师们也应该进行系统的调研。一开始可以先研究下竞争对手的成功作品,对照自己的设计,看看哪些元素可以进行强化,哪些需要去掉。还可以对不同类型的用户开展调查,让他们帮助自己认清潜在用户的行为模式、使用动机和不满之处。

4. 色调要一致

“韦斯·安德森的调色板”(Wes Anderson Palettes)这个博客展示了安德森电影里绝妙的色彩搭配。在导演设计的奇幻世界里,色彩的饱和度通常很高,营造出一种梦幻的感觉。下面这幅图就是个例子:红色和蓝色高度饱和,和背景元素形成鲜明对比。

在一个名为《色彩在营销中的力量》的研究中,研究人员发现,用户对产品的评价有90%是单纯基于产品的颜色做出的。移动设计师们可以好好利用色彩的力量为自己的APP打造品牌特色和战略定位,真正走进用户的内心。设计师还应该花时间亲自体验色彩搭配。

5.聚焦故事情节

安德森讲故事的能力毋庸置疑,他用非凡的智慧和精彩的视觉意象讲述了一个又一个精彩的非传统故事。虽然他说他的很多电影“真没什么情节”,但它们都能够在精心打造的微观世界里讲述一段段传奇。

移动设计师应该有全局意识,应该明白APP的价值就在于用户对它的使用。成功的APP往往是研究用户使用案例时产生的副产品。比如说设计一个专门做推荐的APP, UI/UX 设计师应该把APP看做一个工具,一个符合用户需求、愿望和行为模式的工具,他设计的产品应该在某些场合、某些情况下对用户有用。交互设计师什洛莫·戈尔茨(Shlomo Goltz)是这样说的:“人物和使用目的、使用情境有关,而这些因素又彼此相关,就像小说、电影里人物、情节和目标相互关联一样。”

任何领域的设计师都应该向天才寻找灵感。想让APP的设计和功能实现最优化的移动设计师们,不妨看看韦斯·安德森导演的先锋之作,启发之下也许就能设计出能够吸引用户眼球的视觉大作了。

© 2011 - 2020  钛锋网  TMTForum.com  沪ICP备15013635号