Tag Archive: javascript


从互动广告到iOS开发

一年以前,我还在做各种Flash网站,而现在却是拥有一间小工作室的iOS独立开发者。从互动广告行业转型到移动互联网,也许也是正在阅读本文的你心中的一点小念头。即便你仍然打算奋斗在互动广告行业,对移动互联网带来的冲击也不可能置身事外。

移动互联网,正在真真切切的改变我们每一个人的生活,对你我正在从事的事业,都不能例外。那么,如何顺势而为,让我们能够在新的时代背景下游刃有余呢。

首先你应当成为移动互联网的应用达人:拥有一款移动设备,并成为重度用户。你得比你的客户或目标受众更加了解这种新的媒介。你要学会观察和分析这些移动设备产品设计背后的精髓,包括但不局限于:用户手持设备的使用习惯;屏幕尺寸限制对设计的影响;多点触摸的操作方式;单窗口应用和多任务的设计方法等。此外还有GPS定位,陀螺仪等特有硬件模块的玩法。

然后你还应当看看Apple的人机交互设计指南,了解那些细节到有些龟毛的设计建议背后的理念。这也保证你在发想创意的时候不至于偏差得太过离谱。

此刻你一定已经有了一个不错的想法(或者靠谱的Brief)。现在到了我们尽情发挥创意和设计才华的时刻。 流行如“下拉刷新”的操作可不是一开始就写在设计指南里的,而是由与我们一样的创作者想出来的绝妙创意。这绝对是重度用户才能发想出来的直觉式设计的最佳范例。还有Instapaper客户端的倾仰翻页,以及前段时间非常流行的Clear式轻扫和捏合操作,也都代表了交互设计的顶尖水平。 虽然在这个领域不乏一些专业的UI设计公司,还有各种互联网企业的UED正规军。但是在如何把移动应用设计得有爱或有范的问题上,我们互动这行的设计师也不甘示弱。我们看看私密照片分享应用Path 2.0中的创新折叠菜单。吸引了不少眼球吧。而我们拿它回过头来对比闪客们N年以前就已经实现的各种动态菜单,其效果不也显得黯然失色吗。用户在iOS应用上已经看了好几年标准界面的产物,难免开始产生审美疲劳。现在进入了重视用户体验的时代,互动从业者们在视觉表现和交互效果上的经验积累在此是一大优势。相比其他行业的转型者们,我们更容易创作出令人惊艳的作品。 View full article »

iAd Inspirations

iPhone上有一个App叫iAd Gallery。顾名思义,就是用来展示iAd效果的软件。我想只有蛋疼的互动广告人和开发者才会下载来研究。毕竟现在iAd还没有进入国内市场,想研究Apple的广告技术就只能通过这个软件了。

我们知道iAd的核心是Webkit,也就是基于HTML+JS+CSS技术。Apple为此提供了一套JavaScript框架iAd JS。因此制作iAd,除了HTML5技术外也就是和这套框架打交道。其中最值得关注的就是iOS平台原生功能的接口部分,比如保存图片为壁纸、处理摇动(Shake)事件、显示地图等等。完整的的原生功能支持列表如下:

  • 多点触摸和手势
  • 嵌入地图
  • 发起Store购买链接
  • 保存图片和设置壁纸
  • 截屏
  • 增加日历事件
  • 发起电话呼叫
  • 发邮件和短信
  • 响应屏幕方向旋转
  • 响应摇动事件
  • 响应加速计和陀螺仪事件

这些功能为iAd的创意发挥提供了强大支持。后文将介绍的一些案例都很出色的整合了这些特性。

除此之外,Apple还为大家准备了一套图形化的编辑工具iAd Producer。提供了简单便捷的操作方式和多样化的模版,使得制作iAd的门槛降到最低。

前面说了那么多,接下来我们就一起来看看iAd Gallery里有哪些精彩案例吧。

Lynx

这个案例是延续其TVC天使堕落的创意,用触摸手势和摇动事件设计了三种与天使互动的交互方式。此外视频和音频的应用也让整体氛围提升不少。

View full article »

Ajax Framework

Bindows

InfiView

前者实现了windows下大部分控件的功能(网格,树,工具条等等),后者是图形表示上的扩充(图表,地图,流程图等等)。非常强大的Ajax框架,是商业软件。

[tags]ajax, javascript, framework[/tags]

Powered by KevinCao.com ©2010 | Platform: WordPress | Theme: Motion
kevincao.com