
2Advanced V5 "Attractor"于6月1日正式上线。作为世界级顶尖的设计工作室的页面改版,将给在业界引起怎样的反响呢。先不论褒或贬,来看看2A自己的说法。
以下文字部分翻译自2A网站上的Case Study。
总的来说,V5是2A内部在不违反美学的基础上进行一次新技术尝试。In all, the V.5 project was an internal challenge to explore new methodologies and techniques without sacrificing aesthetics.这里的aesthetics应该就是2AD自己一贯的风格。
开始的创意总是最难的。2A在V5的风格上进行了许多的尝试。最终我们所见的风格是在Eric Jordan一次个人的matte painting创作中诞生的。看到这里不由得更加钦佩Eric Jordan,从V3版本确立最早的2A风格到后来的3D特效结合,甚至于现在的matte painting,确实都是站在行业的尖端位置。而且Eric还是一名DJ,在他自己的blog上每月都会发布他的音乐作品。
Matte Painting

Eric的作品强烈的激发了工作室成员的灵感。同时,2A认为正是恰当的时机在他们的风格基础上推动技术的整合。于是长达10周的工作开始了……
最早的工作是设计layout。2A设计了将近50张的页面(由250多张设计稿发展而来)。然后是核心框架的搭建,先用占位符代替还没有设计出来的元素和导航,把最基本的用户界面功能和transition作出来。在这些工作完成以后,接下来2A团队分组开始平行工作。开发团队中由一人完成actionscript设计,2人开发CMS和XML Data Cache技术。市场部重写了网站的所有内容(是V4的四倍),并且翻译成日文。设计团队继续完善网站的各项细节。Flash设计师则开始制作transitions(过渡变化)、pre-loaders(加载)、sectional animations(在section内的动画)。
接下来2A着重介绍了他们在V5上使用的新技术:Flash Dynamic Deep Link(DDL),和我在整合了浏览器功能的Flash导航里提到过的技术应该差不多。另一个是XML Data Cache。这项技术是2A开发的用于数据库和Flash端通讯的传输技术。根据2A的介绍,使用XML Data Cache能够减少与数据库通讯的等待时间。CMS的引入使得V5全站的内容都是动态的。应该说DDL+XML Data Cache+CMS就是V5在Flash站点上的核心技术,也是2A在V5上作出的最大的技术创新。
Flash Dynamic Deep Link

XML Data Cache

CMS

2A还注意到了本地化(多语种)的应用,并且开发了一套解决方案。可以根据浏览者的国家、系统语言、IP地址和URI来选择动态嵌入的字体。基于这套框架上还可以在不改变源文件的前提下方便的增加其他语种。
"Attractor"是2A在设计风格和后台技术上的一次最复杂的融合和平衡。
仔细的读完关于"Attractor"的Case Study后,来简单谈谈我的想法。在我看来,2A的V3在业界独领风骚的时代已经成为过去。这并不是说2A要没落,而是现今的互联网上设计风格层出不穷,更像是百家争鸣的时代。虽然V5的Matte Painting风格大异,但是骨子里还是很"2Advanced"的。很高兴他们并没有选择3D或者视频特效等现今大热的表现手法,从他们的创新精神和设计能力上来看,并不辱没他们Progressive Design Technology的Slogon。
另一件值得fans们开心的事就是2A终于开了他们自己的官方blog,很期待通过这个平台能够更加的了解这个出色的团队,并且学习到他们的设计理念。
更多截图:





Blog




加入灵感聚合SXNA,地址http://xna.spvrk.com
希望看到更多分析!
你在这方面无疑是领衔水平
其实我更多的关注项目流程方面。
根据2A的介绍,几乎所有的团队(约25人)都参与了这个项目(sales也不例外)。最多同时有13名人员制作。项目周期由6周延长至10周,一共有4000个人力工时。
2A的流程是概念layout设计先行,随后是核心框架结构的设计,然后再多线并行工作。
对于这样的一个改版,风格的确立无疑是最重要的。Eric Jordan的创造力无疑起到了很大的帮助,我们还应该注意到"Experiment"在一个设计公司的重要性。这点正是我们国内公司所缺乏的,可以是一个小项目或者仅仅是一个方向的无命题设计,都有可能激发大家的灵感。
2A的这个项目在框架(framwork)上引入了DDL+XML Data Cache+CMS的创新。很多时候我们所需的框架结构比较简单,但并不意味着可以省略。一个经过优良设计的框架结构对后期的制作有重要的指导意义。而框架的搭建在我们的流程中很多时候被忽略掉了。2A的这个框架对于构建一个动态flash site来说是非常合适的,而且技术实现上并不存在太大的难度。
风格和框架设计好之后,程序、文案和设计可以开始并行工作。现实的项目因为有客户的介入使得项目执行有不确定因素,但是这种并行工作的思想和规划是必须要有的。