采访:Adobe 讲师 Paul Burnett 谈响应式设计与 HTML5 开发

  • 贾国清

2012 年 7 月 4 日

话题:HTML5语言 & 开发

上周五,Adobe 在北京举办了Adobe® Creative Suite® 6 巡展发布会,会议中有幸邀请到了 Adobe 公司创意解决方案部门资深全球专业讲师 Paul Burnett,主要就 HTML5 技术和工具支持、响应式设计、PhoneGap、jQuery Mobile、Webkit 等方面的问题进行了解答。以下是采访的详细内容。

您认为 Flash 成功的最主要原因是什么?未来的发展会是什么样的?

Paul:其实这是一个很好的问题。我知道现在 HTML5 和 CSS3 在技术方面有很大的进展,有很多功能可以使用。过去利用 Flash 做动画网页或者是应用式的互动内容,因为技术进步的关系,HTML5 就可以做到,而且可以在不同的设备上使用。Flash 的成功之处就在于 Flash 可以做的事情远远超过它在浏览器做的事情。这是它成功的主要原因。至于您说 Flash 的未来在哪里,我觉得目前 Flash 最大的应用是在高端游戏产业,以浏览器为基础的高端的 3D 游戏,这个行业越来越受欢迎,也是 HTML5 没有办法做到的。非常高端的 3D 浏览器游戏是 Flash 的优势。另外一个方面,DRM 就是数字权利管理,这个是 HTML5 没有办法做到,只有 Flash 可以做到数字的权利管理。

我之前接触过一些设计师,他们觉得这种响应式设计的上手还是有难度的,Adobe可以用哪些方式帮助这些设计师使用响应式设计,响应式设计会不会成为未来设计的主流?

Paul:针对您的第一个问题,跟其他人给我的回应不一样。像我们的响应式设计面对的是设计者,使用者给我的反馈是非常容易使用。第一是不用写任何的程序,只要点击按钮,拖放图框就可以使用。在我进行演示的时候,用 5 分钟的时间就可以教会大家如何使用。

您提到的第二个问题是响应式设计会不会在未来成为主流。响应式设计现在已经是主流了。如果说你在谷歌上进行搜索,比如你搜索针对多种不同设备设计的解决方案,响应式设计几乎就是最佳的做法。我个人认为未来五年它都是处于技术的主流地位。甚至有一些顶尖的网页设计人员,他们也会认为响应式设计会最成熟的。

要特别澄清一点,响应式设计并不是 Adobe 发明的概念,它是由一个网页开发者提出来的,受到了社区的支持。现在它的主要概念就是说希望做非常简洁并容易执行的网页设计方法。

HTML5现在的技术发展让Adobe的传统技术受到了冲击,Adobe如何看待这方面的问题?你们的解决方案有没有在CS6套件中得到体现?

Paul:我们不认为这些是挑战。因为随着 HTML5 和 CSS3 技术的进步,可以让我们在浏览器上做非常多的事情,过去可能是通过 Flash 才能做到,现在用 HTML5 和 CSS3 就可以做到。对 Adobe 来说,我们会把它视为一个机会,而并不是挑战。比如有很多工具,像是 Dreamweaver 和 Edge,之所以可以提供给使用者,都是因为 HTML5 的技术更加进步。对我们来讲,HTML5 是一个机会,而不是挑战。

去年Adobe收购了PhoneGapAdobe一直在致力于开源社区的贡献,有三个项目 jQuery Mobile、PhoneGap、Webkit。我想知道Adobe在这段时间,在这个项目上投入了什么,有哪些进展,未来会有哪些技术规划?

Paul:有关于jQuery Mobile,是 Adobe 针对社区贡献的开放应用。在 CS6 里面有新版本的 jQuery Mobile,把它放在 Dreamweaver 里面,里面有关于仿字体的资源,我们会持续的投入。因为 jQuery Mobile 非常重要,不能说全部,但至少说很大部分应用程序的基础都在这里。

有关于PhoneGap的部分,我们的态度是非常积极的。在一开始并购 PhoneGap 的时候我们就已经打定主意保持 PhoneGap 这个开源的技术,我们并不希望 PhoneGap 是 Adobe 的专属技术,我们对基金会的捐款他们也有接受。在 Adobe 里面也有专职的员工特别针对 PhoneGap 的组织架构来开展工作。大家可以通过 Dreamweaver 把原始的内容上传到网站上,这个网站就可以帮助大家进行规划和整理。这是我们对大家的承诺。

PhoneGap 的这个部分还没有正式宣布,如果我们看到有任何新的平台出现,只要这个平台的功能够大,我们就会针对这个平台给出解决方案。目前还没有任何正式的发布来说明我们要支持什么样的移动平台。但我们的原则是如果今天有一个平台出来,只要它的功能够大,我们就把它纳入到 PhoneGap 支持的范围。Adobe 一直坚持平台的中立性,我们希望设计者制作网页的时候可以非常畅通无碍,可以把它放在各种平台上。

最后讲到Webkit,是一个浏览器的引擎,是苹果发起的,Adobe 在这方面的工作也有很多,Adobe 有专门的员工负责 Webkit 的应用开发。Adobe 还有很多项目是针对未来标准的推动。因为像 Adobe,比如在字体的版式方面,我们的专业能力是非常强的。在 Dreamweaver 和 InDesign 产品上,我们希望把这些技术回馈给制定标准的社区。比如说刚才提到的几个例子,CSSregion、CSSinclusion、CSSexclusion、CSSshader、CSStransition,我们的努力是希望确保在未来,大家的工作更具有动态性,更具有互动性。

还有一个例子是我们在上个星期宣布推出的Brackets,它是一个线上的免费工具,是完全由 Adobe 开发的,它是一个开源程序。它的英文名字就是一个中括号的意思。它是针对网络开发而推出的高端工具,是一个程序码引擎。网页开发设计人员在一边写程序码的时候就可以在浏览器看到它的样子,就可以使用这个软件,这是完全免费的。

PhoneGap的开发效果和适用场景是否适用于游戏。我听一些人说PhoneGap作为工具开发是没问题的,但如果用于游戏开发的话,会比本地效果差很多。

Paul:PhoneGap 的设计目的就是针对应用程序,它不是针对游戏的,如果使用者利用它做游戏开发,效果肯定不理想。

PhoneGap 并不是万能的,比如我要做资讯型的应用程序或者是要载入一些数据,或者说我要载入一些相关内容,用 PhoneGap 是没有问题的。但如果要针对游戏,假设是我自己写一个游戏,我应该会用 Flash 来做,再用 Air 的方式去发布。因为我如果用 Flash 做游戏的话,我可以监督到它的效果和 3D 能力,并且速度很快。有的时候用一些相关的源代码还是有好处的,但大部分的应用程序用 PhoneGap 就已经足够了。

国内的开发者经常会去一个网站叫ADC,看一些内容,下载一些工具和资料。在未来,HTML5的工具或内容方面,Adobe会不会向ADC提供一些内容或者是工具和资料的下载?

Paul:在ADC(Adobe 开发者中心)上面已经有针对 HTML5 的相关内容,而且内容越来越多。以前的重点是放在 Flash 上面,现在跟 HTML5 和 CSS3 相关的内容都已经放在上面了。内容上分目前主要设置了移动、HTML5&CSS3、游戏、RIA 等专区,后续我们还会把最新的产品和技术文章通过本土化的方式更新到该站点上。

关于讲师

Paul Burnett 是 Adobe 创意解决方案部门资深全球专业讲师,负责推广 Adobe 产品使用、客户咨询、研讨会产品展示、产业论坛演说,以及领导各项 Adobe Creative Suite 产品系列的特别进阶训练课程。加入 Adobe 之前,Paul 在网络、多媒体及视频产业拥有超过 18 年工作经历,他所创办的公司- MAD(Multimedia Art Design)曾荣获多项奖项,包括五座 Macromedia/Adobe 每日最佳网站奖(Site of the Day)。Paul 曾为 Macromedia 担任亚太地区资深专业讲师多年,负责亚洲、澳洲及新西兰地区的新产品展示、研讨会及主要课程。由传统模拟视频及音频制作领域出身,Burnett 在 90 年代 Adobe 首度推出 Adobe Premiere Pro 时,就率先投入数字使用及教学领域,并且率先导入 Adobe After Effects 新产品的运用,设计出多项独立视频制作及多媒体网页整合视频作品。

HTML5语言 & 开发