几米「躲进世界的角落」制作大揭秘，IE让网页制作不设限

Internet Explorer 10 与几米绘本「躲进世界的角落」跨界合作，将书本上的经典场景通过数字创新技术带给消费者动态的惊艳，并通过IE浏览器对触控的完整支持，以及无边框浏览的特性，使用 HTML 5 技术赋予几米绘本数字互动新体验。 IE浏览器也特别请国际知名创作者几米对本次合作分享一些心得及看法。

• 在创作历程的十年内到现在，网络的出现与快速变化，对创作本身带来什么影响？

  对我而言，科技变化对我的创作最大的直接影响可能是呈现的媒介从黑白走向彩色，我创作的画面跟素材也跟著变了，不过那是从黑白印刷过度到彩色印刷时期，网络可能让许多人更方便地接触到我的作品吧。 网络也让我能迅速而方便地浏览大师的艺术创作，欣赏伟大的作品总是能让我得到启发。

• 对于纸本作品经过改编以其他形式呈现的想法?

  我的创作到作品集结成册就结束了，接下来经过其他人的改编，或是以不同的媒介呈现，都是另一种属于他们的诠释，我都会给予尊重。

• 躲进世界的角落场景中，里面有个小米，不停地在各个角落探索，对于探索有什么想法？

  创造出角色的造形跟个性后，我也通过角色的眼睛跟行动，一起探索故事的发展。探索对我来说是创作的过程，也是跟角色一起理解故事与世界成立的方式。

• 躲进世界的角落的创作历程，在创作中最有趣和最苦的是什么？

  最开心的是灵感泉涌让我一直画下去，最痛苦的时候是没有灵感枯坐桌前，找不到满意的画面，但即使是这份苦，我也甘之如饴。毕竟画画是我最喜欢的事，能一直画下去我已经很感恩，没有什么好再抱怨的了。

几米对创作上的坚持和无限想像的空间与 IE 团队有同样的理念，本次特别邀请几米共同合作，希望带给消费者令人耳目一新的浏览体验，开启数字的想像世界。网站上许多内容与「躲进世界的角落」著名场景紧密整合，针对触控进行最佳化，整合 Internet Explorer 硬件加速的功能，让大量的几米图片可通过硬件设备的图像处理单元（GPU）来呈现，进一步加快浏览的速度。同时，未来将开放在 Windows 8 上的 Windows 市集提供下载，为使用者带来创新的内容，打造优质且不同凡响的浏览体验。 这次网站制作是委由灵智广告负责创意发想，十八设计进行制作执行，制作团队也在此分享整个网站的发想、创作与执行上的一些心得。

• 这次几米绘本的互动制作上，碰到最困难的部份是什么？

  几米的绘本多数以华丽、色彩丰富著称，结合 Internet Explorer 无边框的特性，可以轻易的让使用者在无框架的限制下自由浏览。但在制作上，就必需同时考量网络频宽上的限制，经由不断地测试，想办法找到频宽与画质两端点的平衡。而这次制作同时也支持触控的屏幕操作，好在 Internet Explorer 本身就是完全针对触控而设计的，节省了需要另行开发的时间，语法上并没有做太大的改写，就能符合触控的需求。

• 在这次网站的互动场景上，有许多让人惊艳的 HTML 5 动画，能不能分享一些制作上的经验?

  HTML 5 的制作并不像赛璐璐片的动画，许多几米场景的动作是通过程序去加以控制，而几米的场景本身其实在很多细节上都有寓意，在调整和作动上，就必需花更多心思去进到几米的世界中。而在场景本身设计上，通过 HTML 5 可控制多重物件的特性，我们将绘本上的单一场景分成许多的层次，再通过程序的控制，去产生由远至近的景深，在这制作上其实花费相当多的 时间。而由于 IE10 在 Canvas 绘制引擎的支持，也展现在多重物件的流畅动画上，不会吃掉系统太多资源。

• 在经典场景重现的部份，有没有碰到什么最困难的地方或挑战?

  这次制作上最困难的就是首页，由于物件上相当的多，不仅要提供物件的触发动作，同时也要通过滑鼠位移表现景深变动，还加上要让物件更生动的一些小动画。在单一场景中，要通过追踪使用者操作的座标变化，产生对应的互动效果，还要有这么多动画，不仅考验程序的功力，也同时是浏览器的严苛试鍊。

互动制作大解密，IE 让网页制作不设限

在移动时代，网页浏览是数字体验无可取代的一环，而 IE10 的出现可让使用者能够随时随地进入丰富的网络世界，无论消费者在家使用笔电、桌机上网，抑或出外使用手机、平板，在多屏幕的世代，IE10 结合 Windows 8 带给消费者如影随行的便利；而 IE 10 提供触控最佳化的设计与沉浸式内容体验，搭配快速翻页、固定网页、无边框浏览和 Windows 8 子母画面等便利设计，让消费者能轻松、直觉与网页互动， 享受跨平台与触控最佳化的绝佳浏览体验。 而在网站制作上， IE10 全面支持 HTML5 网页标准，通过 HTML5 的 API，网页开发人员更容易开发出互动性高的网页内容，而 IE10 能直接运用装置硬件加速这些互动性功能，大幅提升浏览网页的使用体验。此外，IE10 也针对触控操作的体验进行优化，不但能清楚辨识是手指还是触控笔，更能正确地感应触控的手势操作或是点击角度，提供给网页制作人员更多制作丰富网页应用程序的想法和创意空间。

标签:IE动态网页HTML5IE10触控