福州印秀网络地图

福州印秀网络技术服务有限公司

总部地址:福州市仓山区中洲岛商贸中心2号412室
分部地址:福州市台江区华兴广场1区5座3楼(达道一号)
公司电话:0591-8348 9135
服务热线:400-800-9135
咨询电话①:189 6508 9135 (张先生)
咨询电话②:134 0599 8886 (何小姐)
公司网站:www.pk0591.com www.pk0591.cn
QQ 咨询: 建站咨询 建站咨询

福州印秀网络logo 福州印秀网络微信二维码

在线客服

电话①:189 6508 9135(张先生)
电话②:134 0599 8886(何小姐)
电话③:0591-83489135

建站知识


分析中国移动G3笔记本全Flash网站


在看到博客——“换手来用”的思考 有这么一句话:RIA是一个更趋向于“体验”设计的领域,不仅仅包括“开发人员”,还包括“设计人员”,这些设计师又包括UI设计,交互设计,图形设计,色彩设计,特效设计……一大堆五花八门的设计分支,这个分支可不是“开发人员”玩的转的。偶觉得基本列举了RIA的一些特性。

作为业界最热门的话题:3G,如何让人们了解3G,认识3G,宣传3G,营销3G,中国移动的策划肯定是花了很多心思的,最后,选择了Flash作为载体。最终的制作出来效果也非常棒,形式与内容结合俱佳,细节丰富,与其他两个运营商的区别一下就显现出来,下面就让我们一一来解读这个RIA应用(http://www.chinamobile.com/events/g3/g3book/)。

1、技术实现:Flash +Photoshop +Actionscipt3。之所以用Flash而非Flex,从网站的显示对象来讲,基本是复杂动画和自定义的界面,而不是数据的交互,这方面是Flash的强项。

2、UI设计:场景放在云端,整个意境体现了无线的空中穿梭感觉。处处是LOGO的变幻应用(G3气球),强化突出品牌。表格设计,滚动条设计及图片框等常用的UI组件样式都经过了特制,与整个背景和风格融为一体。美中不足的是视频的播放控制用了Flash的内置控制条,与整个网站风格不符并且高度显得太高了,如也能自行定义,则完美了。

g3_1

·云端

g3_2

·表格设计

g3_3

·滚动条设计

[nextpage_tab]

g3_4

·图片展示

g3_5

·视频播放器

3、图形设计:简洁明快,大量使用透明,羽化,模糊,光影效果,体现了无线上网及上网本的轻量级感觉。
4、 交互设计:整个网站的内容包括三大块,G3笔记本、产品、活动专区,通过下方云端的彩虹分别进入。由于菜单使用了逐渐进入效果,必须等待三个菜单全部显示完全之后,才能点击进入,这就需要用户有一个等待的时间,例如我一般都在菜单没显示完全就开始点击了,但都是无效点击,这一点如果有改进,比如按钮对象在动画过程中可以点击或者动画速度更快一些就更好了。进入具体的内容页,里面的交互就直接很多,不但可以方便的浏览G3的各种信息和活动,并且操作过程中一个过程被中途停止,返回时能继续此前的过程,连接顺畅而自然。应该说这样的交互是很清晰的,浏览内容没有中断和重头再来的感觉,再加上搭配合适的:

5、 特效设计:就显得天衣无缝了。几乎每一个对象和元素(甚至关闭按钮的出现和退出)都有动画效果,可见所有的特效是经过精心设计和测试过的,无论是速度还是节奏还是衔接都很自然。所有的进入和退出的动作都有缓冲效果,配合透明度的变化,酷眩和动感就出来了。

6、特色Loading:首先Loading进度条摒弃了大多数的居中的习惯,放到了浏览器的顶部;其次,进度条与浏览器同宽;第三,配合了颜色渐变和数字显示。就这么一个创新,果然有令人眼前一亮的感觉。

7、特色真人Show:这一点虽然不是什么创新,但是在这个场合,人和场景的融合及模特的动作表情却能很好的吸引住用户的眼球。

g3_6

·大头人

不足:

1、采用了过多的位图

2、资源耗费过高,CPU大概维持在90%左右

3、由于采用了Flash制作的表格样式等,扩展性不强,例如用户如果想要看到更多产品上网本的具体参数,就不能够及时更新,而这是比较关注的用户体验特性。


相关文章

首页  电话  咨询  顶部