由Web 1.0到Web 4.0 专访朱力行畅谈界面演进史

撰文: 麦婉婷
出版:更新:

与死物说话,其实很平常。古人飞鸽传书,他们书写时面对的不就只是死物一件,一张纸。或许现代人未必视飞鸽传书为技术或发明,但是从电报、固网电话到长途电话,再到ICQ、MSN、Skype等林林总总网上通讯工具,再到现在流动手提电话无所不能的沟通方式,也不能明白沟通除了要使用语言作为工具,人在不能见面的情况,还要透过一个载体或界面与触不到的对象穿越时空交流。
摄影:陈嘉元、网上图片

从韩国电影《触不到的恋人》的信和信箱,到荷里活电影《触不到的她》(Her)的云端与AI OS系统,正说明了人类经历的界面变化。流动网络技术普及有余的此时此刻,界面几乎日日有新款面世,还要经历多翻转变,超越原有意义。界面先有同时以网站、行动应用程式,甚至电脑软体形态出现的资讯、社交、购物平台,如音乐的Spotify、社交的Facebook等等,不单只成全人与人的沟通或呈现资讯,更成为一个互动的资料库,让人们在虚拟间获取资讯并交流,进行娱乐、购物、理财等活动。另外,界面更可以是一件物件,作为工具来服务或娱乐人类,如VR眼镜。记者访问了互动网页及界面设计工作室Pill & Pillow创办人朱力行(Henry),从其作品中展示这些年来界面的演进和意义。

“作为一个写Code的人,我已经很老了!”这是Henry开场白。早在UI用户界面或UX用户经验那些词还未出现的时候,Henry与Pill & Pillow已经做了很多作品超越那些事情,既将Web 1.0至Web 4.0的转变玩得透彻,又将界面互动性的可能发挥得淋漓尽致。虽然Henry不断重复说“我也只是受人启发”,但从Pill & Pillow过往全球性业界取得百多个殊荣,他的确走得很前。电子工程系出身的Henry,自言最喜欢挑战规矩,毕业后到了大公司打工,最后换来种种失望,“我一直不想面对这情况,当时由概念、设计、样办、制作到实行,我一人已可完成。”从此衍生出Pill & Pillow,日后公司也是“一脚踢”制作模式,由网站到App界面设计,甚至制作一个系统。

朱力行(Henry Chu)
Pill & Pillow创办人,互动媒体、网站设计师、新媒体艺术家、交互设计师。毕业于电子和电气工程学系,于1998年开始从事数位设计工作。2004年创办了设计工作室Pill & Pillow,客户包括如Nike、Lane Crawford等国际品牌。曾在香港理工大学、香港城市大学创意媒体学院以及香港艺术学院任教。亦是音乐应用程式SoundYeah的创作者,同时在新媒体和互动式网站设计方面的作品均获得了世界各种奖项。
www.pillandpillow.com

界面设计、互动设计是一门跨学科的学问,Henry的工作室就藏着不同的书籍和电影、音乐录像,为他带来灵感,像PALM的《The Work Of Director》系列DVD和《Wed Designing》杂志,都是重要参考。

界面不止于触控荧幕背后的图像

Henry入行日子十多年,已经历了4个不同阶段,由于他能一手包办制作,所以更能亲身感受和理解当中转变,从其新旧作品中,看看他怎样从Web 1.0走到Web 4.0。

Web 1.0 线上沟通

2008年Pill & Pillow 制作圣诞卡生产网页《Grow A Xmas Tree》,让浏览者设定背景颜色和输入讯息后,能将讯息变成个人化的圣诞动画卡,继而发送给亲朋戚友,将这沟通方式电子化;翌年他们为Oval Design制作的网页,设计出小游戏界面《Space Travel》,网页浏览者要以键盘中上下左右掣控制飞船,登陆到承载资讯的星球,才能获得资料,正是“No Play、No Gain”,这作品应用当时大量崭新的技术,以程式代码取代Flash制作互动游戏,又以代码呈现视觉上能感知的物理现象,如Parallax,展示非平面的太空世界,动态网页不只是图片会动,而是互动。

 

《Space Travel》
《Space Travel》
《Grow A Xmas Tree》

Web 2.0  交流作为互动

《Forgotten War》网站透过呈现摄影师就“备忘:战争”刚果民主共和国图片展所分享的照片,鼓励网页浏览者留言,收集反战声音,从而带来交流效果。

《Forgotten War》

Web 2.0 + 3.0 进入虚拟世界

Pill & Pillow为西九文化区M+博物馆《M+进行: NEONSIGNS.HK探索霓虹》设计的互动网上展览《NEONSIGNS.HK》,将互动层次推到另一新阶段,网页浏览者可将自己的拍摄的霓虹招牌照片上载到网站,并提供地理位置,网站便会形成一个小型资料库,让网页浏览者除了可由虚拟世界走到真实世界,探索香港独有的霓虹招牌组合的城市景观。而为运动品牌Nike制作的《Nike M vs W》,网页鼓励跑步使用通过这个网站,将跑步数据上载,并将个人成绩与同性别小组用户进行整体比较,或选择对手进行单独比较,让跑手凭数据连结和比并,全新互动模式。

《NEONSIGNS.HK》
《Nike M vs W》

Web 3.0 界面各样可能性
自侃音乐玩得不够出色的Henry很喜欢音乐,对可以用programming做一些电子音乐乐器应到非常雀跃。他创作了一系列糅合电子技术和乐器的界面SoundGyroSoundYeah、获Moma赞许的Squiggle。随后也不难发现音乐人以新界面作乐器演奏,愈来愈寻常。

《SoundGyro》

Web 4.0 数码化人体资讯

为美容品牌IPSA设计的“DECODE ME样子.未来研究企划”游戏,透过应用面部辨识系统及收集玩家的容貌,继而分析玩家的皮肤制作个性解码,以预示玩家未来作出回应。看来像gimmick,又好像3.0无分别,其实要辨识到脸形、分析皮肤资料已涉及大量数据分析,像Alpha Go,而游戏形式只是方便人们应用技术。

《IPSA》

你想看更多精彩的深度文章吗?请购买今期《香港01》周报,或点击此处:成为我们的订户