《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

本文无公害,没有剧透,请各位放心食用。

快到春节了,大家在旅途中都会看电影、玩儿游戏来打发时间。前段时间看了一部佳作,给各位分享下,叫《网络迷踪》,英文名叫《Searching》,讲述一名硅谷的韩裔工程师父亲通过社交软件在网络中寻找女儿失踪线索的故事。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

影片含有大量细节、彩蛋,豆瓣评分8.5。在100万美元的制作预算下获得全球总计7,000万美元的票房。

全片只有电脑和手机屏幕,充满了大量普通美国人常用的网站、软件界面。五个主创拍片十三天,但是后期的剪辑制作花了快两年,复制还原了将近16年的电脑操作系统及各种软件的界面。也就是说我们看到的所有UI界面都是设计师做出来的,包括影片中大量界面细节。

其中Google、Facebook、YouTube等网站给父亲David提供了很多帮助,如果主角用的是百度,估计什么都找不到,还会被莆田系骗走几万块钱吧。

据不完全统计,影片中出现的网站、APP一共有40多个,下面我们就一起看看普通美国人在生活中都使用什么软件吧。

Windows XP

影片所有画面都发生在各种电子设备上,首先出场就是XP系统,熟悉的画面,熟悉的味道,熟悉的桌面背景。目前还活跃在各种复印店,平时已经很少遇到了。

XP默认桌面壁纸是Bliss,照片拍摄于1996年,位于美国加利福尼亚州。本篇发生的地点是硅谷,也是在加州。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

AOL Instant Messenger

影片花了几分钟时间讲述XP时代,也就是女儿Margot小时候发生的一些故事,作为前情提要。其中出现了这个聊天软件,在北美当时用户量还挺大。依稀可见QQ的影子。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Address Book

XP系统自带的记录工具,满满的系统自带软件风格。在国内可能很少人会用到,影片中女儿Margot的父母就用这个来记录各种联系方式。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

YouTube

这就是世界知名的国内404视频网站早期界面,当时的超链接还是经典的蓝字+下划线。YouTube由美籍华人陈士骏等人创立,2006年11月,被Google以16.5亿美元收购。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Skype

这个大家也不陌生,虽然用的很少。早期的Skype界面,现在看起来也不是很过时。但是你能想到这么一款风靡世界的通信软件是诞生在一个叫爱沙尼亚的国家吗?

顺便一提,爱沙尼亚的IT产业和编程教育领先世界,拥有3700个IT公司,是欧洲地区人均创业最多的国家。大约在2002年,此国就全部覆盖免费WiFi了……Skype于2011年由微软收购。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Addicting Games

一个国外早期的在线小游戏网站,有点类似于国内4399。影片中父母对女儿充满了关爱,还能陪着一起玩儿游戏……

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

广告弹窗

这个大家都不陌生了,当年上网时各种广告弹窗,在美国也不例外。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

eBay

1995年创立的eaby是B2C电商的鼻祖,美国第二大电商平台。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Google

这个就不多介绍了,大家都知道,但是实际很多人却没怎么用过……影片开头出现的是旧版的logo,后面再看就是新版logo了。

作为本片最强大的工具,父亲David利用Google搜索在女儿失踪案中找到了大量重要资料。很难想象如果没有Google,这位父亲独自一个人怎么能从海量的网络信息中找到线索。

试想下,如果是我们国内的一位父亲发现女儿失踪,打开百度去寻找会是什么样。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Windows Media Player

Win电脑自带的播放器,可能是水土不服的原因吧,大部分人用的是第三方播放软件。不过当年的UI界面还是不错的。影片中用来播放一家人的日常视频。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

苹果Mac系统

前面几分钟主要介绍的是女儿Margot小时候的事情,以及后来妈妈得癌症去世。接着时间线就来到现在了,女儿长大,使用的电脑也换成Mac系统。

影片大部分的场景都发生在这块苹果电脑屏幕上,感觉像是Mac电脑的广告。父亲David通过Mac中大量的常用软件为观众演示了一下苹果系统顺畅的人机交互操作,估计会诞生很多新的Mac用户。

女儿失踪,父亲各种寻找,桌面因此也变得乱七八糟。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

iMessage & Facetime

这两个都属于Mac自带的聊天和视频工具,不过大家都习惯了用微信,国内使用这两个的还是少数。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

YouTube

虽然时间线来到了现代,YouTube网站也变得更加现代化,不过影片中的logo并不是最新的,2017年夏天,YouTube已更换了最新logo。关于背后的故事可以看这篇文章。https://www.uisdc.com/youtube-logo-design

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Chrome

Google logo的变化也体现在影片中。父亲David利用Google都做了什么呢?大家还是去影片中一探究竟吧。关于新logo的故事可以看这篇

https://www.uisdc.com/evolving-the-google-identity

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

ABC7News

一家主要服务旧金山大湾区的新闻网站。电影中很多新闻都是由这个网站发布的。典型的欧美网站设计风格。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Ubuntu系统

我们经常使用的桌面操作系统除了Windows就是Mac了,生活中几乎很少遇到其他的。其实在程序员的世界中,还有大量其他的桌面系统使用在各个方面,比如Ubuntu。

名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词 ,类似儒家“仁爱”的思想,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观。大家如果想体验,可以下载虚拟机安装体验。具体可以参考这篇文章《释放你的Mac潜力,轻松安装Win10系统》,Ubuntu同样的安装方法。

http://www.uihacker.com/parallels-win10/

影片中父亲David是一名硅谷湾区的工程师,工作中用的就是Ubuntu。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

QuickTime

Mac系统内置的播放器,平时大家也很少使用。截图中的马赛克,你懂得……

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Gmail

Google的Gmail,虽然大陆无法使用,但是很多人都注册过。电影中Gmail也给父亲David帮了大忙。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Instagram

国外很流行的社交应用,2012年被Facebook收购。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Twitter

国内无法访问,是全球互联网上访问量最大的十个网站之一。Twitter是一种鸟叫声,创始人认为鸟叫是短、频、快的,也符合网站微博客的定位。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Facebook

国内无法访问,但是无人不知。最初是扎克伯格在哈佛读书的时候建立的为学生服务的网站。顺便一提,扎克伯格是一位犹太人,此外Google、戴尔、甲骨文的创始人也都是犹太人,为世界做了巨大贡献。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Tumblr

国内无法访问。Tumblr是目前全球最大的轻博客网站,成立于2007年,2013年被雅虎收购。国内据说都是老司机喜欢去的,不过去年12月中旬Tumblr开始禁止成人内容,要与色情内容说再见了。

父亲David虽然是一名硅谷的工程师,但是第一次听到Tumblr还是一脸懵逼:汤什么伯乐?可见Tumblr主要还是定位在年轻人。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

NamUs

NamUs是美国各地失踪、身份不明和无人认领的案件的国家信息交换中心和资源中心,属于一个政府性机构。

影片中女儿失踪后,父亲David用这个平台找线索。不清楚我们国家有没有这样的平台。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Yahoo Mail

雅虎邮箱,跟Gmail相比国内很少人使用。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Google文档

对于在线协作文档我们都不陌生,国内有石墨文档、腾讯文档等等。Google也有一个在线的,有文档、表格、幻灯片、表单四个功能,可惜国内无法使用。

影片中父亲使用Google在线表格收集人员资料。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Pages

Pages、Number、Keynote称之为Mac平台的Word、Excle、PowerPoint,国内也有很多人使用。在用户体验上,苹果办公三件套甚至超过了Office全家桶。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Google Map

对于地图应用,国内有百度地图、高德地图、腾讯地图等等很多选择,但是Google地图只有一个。关键是Google地图基本涵盖了世界的大部分角落,利用3D街景,甚至足不出户就可以畅游全球。可惜这么好的应用在国内只能有羡慕的份儿了。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Bank of America

美国银行,以资产计算是美国第一大商业银行。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

CrowdChase

影片中,父亲David想知道一个人的联系方式,用到了这个网站,输入姓名得到结果列表。当然,想看到对方的电话号码是需要付费的。

试了下,应该是电影虚构的网站。可以看出电影制作团队还是很细心的,用了比较现代化的大图背景设计。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Venmo

Venmo是PayPal旗下的一个移动支付平台,年轻人用的比较多。在国内我们主要使用的移动支付是支付宝和微信,美国年轻人使用比较多的是Apple Pay、Square和Venmo。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

YouCast

在线视频直播网站,应该也是电影虚构的,打开www.youcast.com后出现的是Windows Server的宣传广告。

影片中父亲在这个网站中找到了关键线索……

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Reddit

关注NBA的人可能会知道这个网站,但是对于大多数人来说很陌生。Reddit的访问量在美国排在第五位,是一个社交新闻平台,采用民主机制,用户可以对论坛中的帖子进行投票互动。所以很多互联网的新鲜事都是从这个平台出来的。

影片中的Reddit是旧版本,2018年UI界面已经更新,有兴趣可以去看看。不过也是从2018年开始就无法从国内访问。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

TMZ

TMZ是美国在线旗下的一个娱乐新闻网站,名字来源于三十英里区域“Thirty Mile Zone”的英文单词第一个字母的缩写,主要服务于洛杉矶地区。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Windows 10

影片中出现的另一个操作系统Win10,在国内也已经很普及了。顺便一提,这个桌面壁纸透露了影片中一个隐藏很深很深的彩蛋,实际与剧情无关,大家看完电影后可以到网上搜一下本片的隐藏彩蛋。不得不说这部电影处处布满了细节。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Adobe Photoshop

设计师们都非常熟悉的PS,影片中用的是2017版本。画面中显示的是加州驾照,其中有一个细节是中间偏下有个红点,显示DONOR,这个就是美国驾照的器官捐献标志。

意思是如果你发生车祸意外丧生后,是否愿意捐献你的器官。有这个标志就代表在发生车祸丧生后同意捐献器官,即使家人也不能阻止。不知道在国内普及后会不会被滥用……想想都可怕……希望大家开车都平平安安的。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

Spotify

国外最流行的音乐播放平台,不过国内有网易音乐、QQ音乐、虾米音乐等等一大堆可供我们选择,所以用Spotify的还是少数。当然版权问题也是一大原因。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

AMBER Alert

还有一个小点不得不提。就是警方向媒体通告女儿Margot失踪后,电脑推送了一条失踪人员警报。这就是美国的安珀紧急通告。

《网络迷踪》UI界面大盘点,一起看看美国人平时都在用什么软件-UI黑客

全美范围内设立的“安珀紧急通告”系统,在发生儿童失踪案件的时候,手机、电视台、广播、高速公路显示器会推送失踪信息,动员尽可能多的资源协助寻找失踪儿童。这个警报系统的产生是源自一个1996年德州被绑架并被杀害的女孩安珀,这起谋杀案至今没有侦破。

真的希望我们国家也设立这个系统。

影片中出现的应用基本都已经介绍,还有几个不太重要和涉及到剧透就没有放,大家可以到电影中去发现。目前网上已有片源,可以自己搜索观看。总之这是一部佳作,其中的细节和彩蛋非常值得多刷几遍。

一些补充

类似《网络迷踪》的电影被称之为“桌面电影”,顾名思义就是通过现代的电脑屏幕桌面来讲述电影内容。同类型电影还有其他的,比如《解除好友2:暗网》。

自己刚开始看的是俄文版,片中所有网站的文字都是俄文,配音是英语。后来看英文版的时候,电影里面所有软件界面都是英文,所以UI界面都是设计师制作的,可见其巨大的工作量。

整部电影使用Photoshop、Illustrator、AfterEffects、Premiere等Adobe全家桶制作,下面的视频展示了影片的一些幕后制作方法

https://weibo.com/tv/v/H5fWZ0jx1?fid=1034:4312528466214864

电影还有个专门的官网

http://www.searching.movie

此外还有个沉浸式交互网站

http://www.searching.movie/site/

最后说一句:Google真好用。