⓿ 引言
看到白泽夜巡的一篇《网页设计巅峰你之作》感触良多,知友对其中的作品赞赏有加:
是的,网站可以这么写。
然而,大家知道这些网站是什么吗?为什么网站会做成这样?背后是怎样一批人?还有,为什么没有一个中国的作品?
在此先给一个定义,文章中的绝大部分作品属于互动网站,但必须特别提出除了这个:The FWA – Favorite Website Awards
这个网站相当于互动网站的奥斯卡,由Rob Ford创立Group94设计制作,自2000年起开始收录全球最优秀的网站作品,是世界范围内极具权威网站评奖平台,也几乎是所有互动人的梦想。
然而,我特意在知乎搜索了“互动设计”、“互动网站”等关键词,没有发现任何相关介绍。深感心寒之余,我默默决心不能在历史上做个无名尸,至此才有了这篇文章。目标是从以下角度解读互动行业:
· 互动设计是什么?
· 为什么要这样做网站?
· 行业教育现状
· 以及国内互动业的发展兴衰历程(已经衰败了吗?其实没有,只不过好多互动前辈已被拍在了沙滩上,后文详述)
❶ 什么是互动设计(Interactive Design)
听上去很类似现在互联网行业时髦的交互设计(IxD)、用户体验设计(UE/UX),但互动设计是侧重点完全不同的另一个领域。在此我并不想搬很多概念来解释,容易混淆,只从国内招聘的职能要求来说明一下。
主流互联网公司对交互设计师要求如下:精通UI界面设计,但更重要的是深入关注和理解用户体验以及易用性,可熟练运用产品原型图、流程图表达产品方案,举个例子:
而主流广告公司对互动设计师的要求为:可以理解各种天马行空的创意概念,设计出独特新奇、精彩有趣的互动体验,关注互动网站的体验趣味、实时交互及用户连接等。
静态的例子不太能表达,我就援引一下优秀互动设计师的DEMO:
体验链接 – https://demo.infinitysia.com/roxik/ 优秀的互动设计师更像设计师和程序员的结合体,十分稀有。对他们来说,互动业是一个极具想象空间的事业,关联的领域非常广泛。从早期的矢量动画、3D动画、脚本编程开始,发展到现在的图形学、三维、全景、面部识别、声音识别等等。只要创意十足,能带给用户体验的冲击,都可以制作成互动网站作品,引领潮流并让客户埋单。 例举一家世界上最杰出的互动制作公司之一:MediaMonks,目前FWA名人墙的首位(Google Creative Lab排名第八),他们这样定义自己 – 广告代理公司和知名品牌的“创意制作合伙人”,将概念、策略、IP转化为获奖级别的互动网站、影视、内容以及产品平台。 视频作品集 – https://v.youku.com/v_show/id_XMTg1NDg3Mjg5Mg==.html ❷ 为什么网站要这样做 我将以白泽文章中提到的此例做详细解读,网站链接 – https://resn.co.nz/ 这是RESN互动公司的官网,他们也是FWA的常客,以技术先进和创意丰富为著称。可以注意一下他们网站的标题: 概括非常精髓,他们创造的东西像细菌感染一样具备令人无法抗拒的能力,带给用户体验上的乐趣。这就是第一个层面(I):通过精彩的互动体验,影响到用户,使其沉浸其中。说直白一点就是“酷炫”,正如白泽文章下面的评论: 大部分人看到这个互动作品都会情不自禁的“哇”,不论作者想表达什么都先赞叹不已。 再深入一层(II): 我姑且以自己的共鸣来解读:我们不仅外表像华丽,而且内在更加丰富,震撼用户的方式,绝不只有一种。 传递深意却无需一字一句,全凭用户共鸣,这正是高超的表达技巧 – 互动作品可以用来当作表达自己的工具,并收获共鸣。这也正是商用广告之所需,抓住用户眼球目的是要表达广告主的诉求,传递品牌价值。 第三层(III):体现制作者具备业界最先进的技术水平以及设计能力。比如这颗钻石一样的东西,对于很多前端开发来说,是难以实现的。 想实现这种效果: 接下来,一个球和一个圆柱要表达的是三维物体的碰撞检测,也是做物理模拟的基础,用于判断在三维空间里一个物体的边缘,是否与另一个物体有接触。这个需要比三维模型展示更深入一层的研究,更能说明作者的研发能力。 其他的DEMO不赘述了,如果我是这家公司的老板,拿着这样的作品,足以展现高超设计和技术水平,轻而易举征服客户。 总结一下,一个好的互动网站是艺术和技术的完美结合的作品,可以感染用户获得共鸣。于我来说,从事互动业这么久,其实没有太多其他的原因,就是想做出更多这样的作品。 ❸ 追溯国内互动行业的发源 最早一批网页开发者都经历过网页三剑客时代Flash/Dreamweaver/Fireworks,这些工具当时在Macromedia旗下,还没被Adobe收购。 互动网站的发源,正是基于Flash多媒体插件提供的动画能力和用户交互能力。Flash技术出现后发展很快,插件在各大浏览器广泛普及,网站便有了各种形式的互动可能。而将整个网站以全Flash的互动形式表现,是由美国和日本创造的流行,并传向世界。
作者是Masayuki Kido,互动业早期的技术标杆,受邀于Adobe开发者大会做演讲嘉宾。
Infecting your screen for your enjoyment
为你的愉悦而感染你的屏幕
网站一打开,是一颗钻石模样,这究竟是什么呢?按照提示触摸并按住(Touch & Hold),钻石颤动直到爆裂,出现了万花筒模样的画面。
I) 需要使用H5支持的三维标准 – WebGL
II) 需要掌握三维建模 – 钻石模型(或许实现原理是程序生成的模型,但我觉得至少会有软件建模作为参考,或者提供模型数据)
III) 需要掌握实时镜面材质 – GLSL(可调用设备GPU计算特效渲染输出)