2011年11月8日星期二

20+ 设计开发相关Adobe AIR应用程序

对一个设计师或开发者来说,如果能拥有一款兼容各个操作系统的工具,那是件幸福的事情。选择基于adobe air的应用程序是个不错的主意。本文里面,帕兰映像为你收集了一些你可能会喜欢的Adobe AIR应用程序 – 如果你是一个设计或开发人员。

这些工具涵盖了布局创建、字体工具、配色工具、截图工具、任务和项目管理、Web2.0生成器、测量和调试工具和开发参考手册等等。

1. MyStylez: MySpace布局创建工具

MyStylez 是一款桌面MySpace布局创建工具,基于Adobe AIR, 包括所有你需要控制的Myspace 设计元素。且可以通过MyStylez访问Flickr帐户,轻松地拖放图像纳入自定义MySpace的布局。
mystylez 20+ 设计开发相关Adobe AIR应用程序
你也可以为你的朋友建立Myspace布局,只需保存你的代码到你的电脑并传送文件给他们,当然记得让他下载MyStylez。

2. Webkut: 基于AIR的网页截图桌面应用程序

Webkut 是一款基于Adobe AIR的网页截图桌面应用程序。直接在程序界面调用的浏览器地址栏中输入待截图的网页地址,就可以以三种模式截取图片: 全页截图,当前域截图和自定义区域截图。
webkut 20+ 设计开发相关Adobe AIR应用程序
所截取的图片还能保存为JPG, PNG或PDF格式。另外,还可以设置截图缩放比例,图片质量,图片保存路径和文件名编号等。同时,所截取的图片还可以发送到你的Flickr帐户。

3. DesignView: 功能丰富的Flex 构建设计工具

DesignView 是一个为Flex 开发人员提供的Adobe AIR 应用程序,它包含许多Flex 构建设计检视的基本功能。我用这么简短的一句话描述这个程序,但事实上它的功能很强大,但我并不是Flex 开发人员,我只是试用了一下,它的拖拽功能,它内含的各种基本元素,感觉上挺强大的:)
designview 20+ 设计开发相关Adobe AIR应用程序

4. Random Patter: 渲染波纹效果生成器

Random Patter 是一个简易的AIR 应用程序,能够基于设定的参数生成渲染效果的波纹图样. 渲染图片可以用为做为马赛克效果的基底. 波纹图样可以保存或载入(在XML文件格式里) 或者输出图象保存为SVG 格式。
random pattern 20+ 设计开发相关Adobe AIR应用程序

5. Caliper: 支持360度旋转的测量工具

Caliper 是由BetaDeisgns 开发的一款基于AIR 的测量工具。其最大特点是支持360度旋转,以及仿真的界面设计。

caliper 20+ 设计开发相关Adobe AIR应用程序
Caliper 基本可以用于任何电脑平台上的设计测量工具,比如网页设计师可用于布局测量。平面设计师可用于照片和插图测量。计算机设计工程师可用于测量建筑图纸的辅助工具。
Caliper 的特点

  • 支持拖拽
  • 可悬浮于任何程序之上
  • 关闭时能记住上次使用的位置
  • 支持方向键微调或调整到任意位置
  • 使用Shift + 方向键可实现每次对程序本身调整10像素的位置
  • 使用Shift + 点击旋转按转可实现旋转45度

未来版本可能加入的功能

  • 自定义皮肤
  • 透明度支持
  • 自定义刀片颜色
  • 多显示器支持
  • 随机启动选项
  • 自定义测量单位
  • 显示X/Y 坐标
  • 集成拾色器
  • 支持更多的快捷键,比如热键可移动测量标尺
  • 90度捷径

就目前的版本功能而言,Caliper 其实也很有自己的特色了,简单实用。我已经把它放在我的设计类工具文件夹中,你呢?

6. Alcon: ActionScript 应用程序调试工具

Alcon 是一个为ActionScript 开发者提供轻便的调试工具。提供了几种简单和快速存取方法来调试任何ActionScript 2的或ActionScript 3 应用程序,无论是从Web浏览器,独立的Flash播放器或AIR 运行时。
alcon 20+ 设计开发相关Adobe AIR应用程序
它提供了一种简单的方法来从任何地方输出调试信息,而不仅仅是Flex调试中的Flash IDE。它装有一个监控的应用,可以监测帧率和内存消耗,监察任何对象的性能,数组等。Alcon 可运行于任何平台,支持Adobe AIR公司,可以使用Flex编译器,Flash IDE或MTASC。

7. Dojo Toolbox: Dojo桌面工具箱

Dojo Toolbox,顾名思义,Dojo桌面工具箱。可以帮助开发者获取更多的Dojo 相关资源。Dojo Toolbox 主要包括三个主要栏目: API Viewer, BuilderResources。它的目标是为了改善和简化Dojo 的开发利用。
dojo toolbox 20+ 设计开发相关Adobe AIR应用程序
先让我们来看一下什么是Dojo:

Dojo 是一个用javascript 语言实现的开源Dhtml工具包。它是在几个项目捐助基础上建立起来的(nWidgets, Burstlib, f(m))。Dojo的目标是解决开发DHTML应用程序遇到的那些,长期存在 、历史问题和 DHTML 跨浏览器问题。via

Dojo Toolbox 桌面工具箱的特点

  • API Viwer 的最大特点是即使你没有连网,离线状态下也能查看资源。
  • Resources 里面包含各种Dojo 相关文档和资链链接。
  • 搜索容易的导航和相互参照
  • 易于管理的相关性,优化代码,减少HTTP请求
  • 以及更多实用的功能会在未来的版本中开发

8. JavaScript Array Generator: JS数组对象生成器

JavaScript Array Generator 可以生成Javascript 数组对象代码. 简单而实用! 尤其适合那些初学Javascript 代码的朋友。使用这样一款工具,既然方便生成想要的数组代码,又可深入学习Javascript 知识。
array generator 20+ 设计开发相关Adobe AIR应用程序

  • When using the numerical value option enter the array length and an index value.
  • A number is then appended to the index value starting at 000.
  • A second value can also be added after the number by entering in the second textbox, if this is not required leave the box blank.
  • If the numerical value option is not used each individual array index value is typed in the text field, you can then either click the “Manual Enter” button or press the “Return” key to confirm your index value.

9. pixDIF: 像素距离测量工具

pixDIF 是一个基于AIR 的像素测量工具,帮助设计师和开发人员测试项目中的一些像素距离。
pixdif 20+ 设计开发相关Adobe AIR应用程序

10. SearchCoders Dashboard: Flex 社区知识中心

如果你是一个Flex开发人员,那你一定不能错过这款其它成千上万的Flex开发者使用的、屡获殊荣的Adobe AIR 应用程序 SearchCoders Dashboard
searchcoders dashboard 20+ 设计开发相关Adobe AIR应用程序
使用SearchCoders Dashboard,你可以每天寻找最有价值来源的Flex相关信息:

  • 搜索FlexCoders存档内容
  • 综合聊天室功能,与其它Flex开发人员聊天
  • RSS实时订阅最新的Flex信息
  • 集成笔记功能
  • 收藏你最喜欢的Flex资源
  • 高级搜索功能让你找到最喜欢的Flex相关信息

界面方面,SearchCoders Dashboard 的设计简单直接,顶部iphone风格的图标醒目而易用,灰白主窗口,绿色高亮效果。程序顶部设有快速搜索框。
我并不是一个Flex 开发人员,但这确实是一款让人感觉良好的AIR 应用程序。作为Flex开发者的你,不可不用。

11. Icon Generator: 基于AIR的图标生成器

Icon Generator 是一款基于AIR的图标生成器,可以让你轻松生成CS3风格或Web2.0风格的图标,只需简单两步: 输入字体,选择颜色,即可生成四种像素大小的图标,包含128*128像素,48*48像素,32*32像素和16*16像素。
clockmaker icon generator 20+ 设计开发相关Adobe AIR应用程序

12. RIA电子学习平台Parleys桌面版

Parleys.com是一个RIA平台,用来发布视频、播客、幻灯片等诸如此类的在线学习资料。Parleys Desktop 是Parleys.com 基于AIR 推出的桌面版,作为下一代的RIA电子学习平台,Parleys提供了最丰富的Java学习内容,使用Parleys Desktop ,你可以在线观看或是下载学习资料到本地。
parleys 20+ 设计开发相关Adobe AIR应用程序

Parleys.com 概述

Parleys.com是下一代的RIA电子学习平台,在这个平台上,人们能在浏览器里或是在桌面上观看视频讲座。现在,Parleys.com的默认频道提供来自 JavaPolis、SpringOne、BeJUG、JavaBin、Jazoon、EclipseCon的一些优秀技术演讲视频。顶级品质的Java 内容总共将近有200个小时。
Parleys.com观众也能把这些讲座下载到本地磁盘离线观看,这是一个使用得越来越多的优秀特性。浏览器和桌面应用程序都能让你用全屏模式观看演 讲,甚至能在观看时动态调整播放模板。播放时间轴可以让我们的观众添加注释、标签,并在需要的地方跳过幻灯片。你能在菜单栏选择自己喜欢的幻灯片演示设置 (我自己喜欢3D Cube),或在自己的收藏列表中添加某个演讲、查看其它相关的演讲。浏 览器和桌面应用程序之间无缝集成是一个很好的特性。
比如说,你能从浏览器中启动桌面应用程序。桌面应用程序启动之后,如果你在浏览器下载某个演讲,它会被 添加到桌面应用程序的下载队列中。这样当你从浏览器中观看演讲的时候,如果该演讲已经下载过,流数据就会由桌面程序负责从本地磁盘中取得。这会节省你的一些带宽。
另一个顶好的特性是后退按钮能正常工作,你还能对演讲中的某个特定的幻灯片进行深度链接。(节选自 Parleys.com 创始人Stephan Janssen 的访谈录)

13. Adobe Developer Connection Developer Desktop

Adobe Developer Connection Developer Desktop (简称为ADC桌面) 是一款Adobe AIR 应用程序,主要提供一些实用的Adobe开发资源, 方便开发人员跟踪查看信息和资源,比如汇总的Flex组件,bug通知,新闻资讯等。
adc 20+ 设计开发相关Adobe AIR应用程序
AOC桌面的主要功能

  • 你可以通过AOC轻松的跟踪和接受最新的bugbase
  • 你还可以在桌面上探索和跟踪汇总的Flex组件在您的桌面上
  • 使用集成的RSS阅读器查看新闻和资讯,获取更新情况
  • 最后,你可以通过用户组和活动地图找到Adobe公司的用户群体和最新时事

14. 基于Adobe AIR的ConceptShare桌面伴侣

ConceptShare Desktop Companio 是热门在在线设计协作服务ConceptShare 的桌面客户端。它能让你从你的电脑桌面或Mac 轻松拖放设计或媒体文件到你正在进行或新的工作项目中。
conceptshare 20+ 设计开发相关Adobe AIR应用程序
CONCEPTSHARE 是什么呢? ConceptShare 是一种专为设计师和摄影师提供的简单,低成本的有效工具,可用来收集小组成员和客户的反馈,轻松分享媒体和邀请他人加入某个项目,快捷的意见答复,和 标记视觉效果等等。

CONCEPTSHARE 是一项收费服务,根据功能和空间,其费用24美元到99美元/每月不等,不过它有一个免费的30天用户体验计划。

15. EM Calculator: px转em的网页排版辅助工具

随着Typograhpy 在网络的流行,甚至已经成为Web开发的一项标准。诸多的设计大师一再向我们强调,良好的网页排版是多么的重要。而同时随着更多符合标准的浏览器能够更好理解CSS的能力 ,设计师和开发人员需要花费额外的时间和精力追求卓越的版式设计。
关于EM Calculator 这款工具的设计初衷,其开发者给出了一堆理论阐述,我没时间细看,就我简单的说吧,EM Calculator 是一款基于AIR、可以把网页设计CSS 代码的度量单位px 转em 的桌面程序。
为什么要转成em 呢?

因为em 单位能够更精准的显示网页排版效果,对于各大浏览器更加友好。一个很常见的问题,当给中文字体设置为11px 的时候,在IE 下显示正常,但是在FF 下则会小的看不清楚。而如果使用em,则会在各个浏览器里面显示更接近的大小,从而达到兼容各浏览器的友好排版效果。
另外一点,px的精确度不如em,比如你设置12.5px,IE 和FF 的理解会完全不一样,具体我一下子记不得了,好像是说IE 会理解为12或13px,而FF则按12.5px. 而使用em, 你使用12.875这样的值,各大浏览器都是可以正确理解的。

emcalculator 20+ 设计开发相关Adobe AIR应用程序 事实上,我自己最先设计的时候也是使用px, 后来开始使用em, 使用em的最大问题是它的继承性会导致有的地方不知道该在什么地方先定义CSS属性,另外就是由于其太精准,不知道该使用多大的值才最好。

如果你是一个苛刻的设计爱好者(我想真正的设计爱好者应该对自己都是苛刻的吧,追求完美嘛。),那Em Calculator 应该会是一款实用的工具。

Em Calculator 的使用

Em Calculator 的使用非常简单,新建一个CSS 规则,输入样式化元素名称,字体大小,内边距padding和外边距margin的px值,即可得到转换为em 度量单位的CSS 代码。你可以通过剪切按钮把代码放到剪贴板。
另外需要注意的是它有个基准值,默认的字体大小是12px, 行高line-height是21px. 你可以根据需要进行调节。

16. Klok: 个人时间跟踪监测工具

Klok 是一个适合想要跟踪自己花费在某个项目、任务或其它任何事情上多少时间的工具。Klok功能齐全,包括丰富的自定义设置选项。杀手级功能包括拖放时间表数据到你的桌面,保存为Microsoft Excel文件和全面的图表报告。
Klok
Week View“屏幕会得到日历视图,进一步跟踪你的生活和工作。创建项目包含空白项目,Web项目和品牌项目三种模式,其中又包含丰富的子项目设置。报告功能则能让你很好的浏览项目或工作的历史进程。更多的细节可查看开发主页
Klok 基于Adobe AIR 平台运行,开发框架看起来应该是Flex.

17. COLOURlovers的桌面配色查找工具

对于设计师和开发人员来说,ColourLovers 是一个伟大的网站,你可以浏览一些美妙的配色方案,分享你自己的设计配色和吸引最多的配色灵感。无论是用于广告,产品设计,甚至在建筑规格 – 你都需要颜色,而最新的颜色趋势,新闻和评论,各种惊人的配色方案,你都能在ColourLovers 找到。
colourlovers desktop color finder 20+ 设计开发相关Adobe AIR应用程序
COLOURlovers Desktop Color Finder 是COLOURlovers 推出的AIR 桌面应用程序,主要用来搜索查找COLOURlovers 社区丰富的配色方案。类似的配色方案工具,我之前介绍过Adobe Kuler, 我相信大多数人都更喜欢ColourLovers,但不得不说COLOURlovers 的桌面版很逊,Kuler可以让你在桌面搜索配色且直接复制配色的16进制值,而COLOURlover Desktop Color Finder 虽然提供搜索结果的排序和搜索类型的选择,但点击搜索结果的任何一个部份,都把你带到ColourLovers 网站,它不像是一个桌面工具,更像是一个桌面版的ColourLovers快捷链接。
或许是我太苛刻,不过我更喜欢COLOURlovers的在线版配色工具COPASO,它是如此的强大。

18. RegExr Desktop: 基于AIR的正则表达式测试工具

对于开发和设计人员来说,正则表达式(RegEx 或 regular expressions) 是非常有用的。RegExr Desktop是一个学习工具,用来编辑和测试正则表达式,兼容Mac OS X, Windows和Linux 操作系统。
regexr 20+ 设计开发相关Adobe AIR应用程序
就目前来说,这只是开发者在线正则表达式测试工具的桌面版,不过开发者说会在以后的版本中加入更加丰富的版本。

19. WebSnapshot: 输入网址载屏的AIR桌面程序

WebSnapshot 是一款基于AIR平台的网页截屏工具。它的使用是简单而有效的,只需要输入待截取网页的网址,选择截取模式: 缩略图,浏览器窗口或整个页面。点击”Snap” 即可截取网页。
Websnapshot
WebSnapshot 可配置项包括每种模式的宽高像素,以及是否自动保存和截屏图片的保存路径。
就是这么简单,但对于我来说他还稍显麻烦,需要复制网址到程序界面又截屏,着实的不是那么方便。并且由于网页载入速度的影响,不一定能截取到自己想要的网页图像。

20. Mockups: 创新、强大的桌面设计开发工具

Mockups 是由 Balsamiq 开发的一个强大和创新的应用程序,适合所有的软件,Web 或 RIA 设计师和开发人员。Balsamiq 是前Adobe雇员Giacomo Guilizzoni 成立的一个新公司 (人们称它为Peldi) ,所以这是一个让人期望很高的应用程序。
Mockups拥有丰富的用户界面库, 包含各种最常见的界面元素,比如浏览器窗口界面,下拉菜单,复选框,导航菜单,表单等等。这些要素故意做得具有新鲜感和粗糙感,看上去就像手绘素描一样,通过程序顶部的横向滚动菜单,你可以选择这些元素,拖拽到设计窗口,然后进一步的设置。
Mochups
要具体的阐述Mochuup 的功能还真不是几句话讲得清楚的,所以我只能凭几分钟的试用后分享一下感觉:这是一个让人舒服的设计开发工具
你可以免费下载Mochups, 但是一些功能的应用必须付费获得许可密匙,比如保存和载入多种Mochups文件, 付费版是79美元
更多AIR 桌面设计程序,

21. Font Picker: 极其方便的AIR字体预览应用程序

你是一个设计师,你的电脑里面有N多种字体,但每次设计一个项目的时候,你不知道选哪个字体?或者你需要烦人的一个一个的去试,看最终哪个效果更好?
这时你需要一个字体预览程序。Font Picker 正适合你,它是一款基于Adobe AIR的字体预览程序,兼容Mac OS X 和Windows,可以让你非常方便的预览你电脑里面的每款字体效果。
font picker 20+ 设计开发相关Adobe AIR应用程序
安装Font Picker 并启动, 它会扫描载入你电脑里的字体,显示”Type Here” 和每款的名称。

  1. 随意选择一个方框输入你想测试的文本即可查看效果。
  2. 字体太多,你可以删除确定不要的字体来进行筛选,方便选择。
  3. Font Picker 程序窗口可以根据你自己的情况任意调整大小。

22. Kuler: Adobe提供的配色分享工具

Adobe Kuler 是一个在线生成和分享配色方案的社区. Kuler 提供有基于Adobe AIR平台的桌面版,桌面版可查看最热门的配色方案,最新配色方案,评级最高的配色方案和随机配色方案。可搜索配色方案,每个配色下面的复制按钮能让你复制配色的16进制值到剪贴板,如果你登录了Adobe帐户,还可以下载配色方案到你的帐户。

kuler2 20+ 设计开发相关Adobe AIR应用程序kuler 20+ 设计开发相关Adobe AIR应用程序

左图我下载后得到的桌面版Kuler界面,左图是在网上搜到的。当然是右图要特别一点,可我没找到切换皮肤的方法,不知道右边这个界面是不是以前版本的,还是皮肤。不过重要的是实用,如果你实在喜欢右图的界面皮肤,自己去网上搜索一下到底是怎么回事儿。

23. Drupal 6 Theme Starter: 制作Drupal 6主题的辅助工具

.info文件是Drupal 6主题所需要的一个重要文件。如果你想创建一个Drupal 6 主题,并且尝试手动创建.info文件的代码, 那Drupal 6 Theme Starter 可能会适合你。Drupal 6 Theme Starter 是一个Adobe AIR应用程序,它可以为你的自定义主题生成Drupal主题中的.info文件,通过配置Drupal主题, 子主题,样式表,功能文件,脚本文件和所有其它Drupal6所需的文件。
Drupal 6 Theme Starter
一切都很迅速,Drupal 6 Theme Starter 的口号是 “Make your theme’s .info files in seconds not minutes.” 你可以在xtnd.us中下载和查看这个Adobe AIR 应用程序的使用DEMO.

Drupal 6 Theme Starter 支持Mac OS X, Windows和Linux操作系统。

来源于 20+ 设计开发相关Adobe AIR应用程序 | 帕兰映像

没有评论:

发表评论