当我们在做APP产品设计的时候，我经常忘掉那些小界面。比如报错页面，比如“正在连接到服务器请等待”等零碎儿，它们和主要界面的关系是怎么样的，它们之间又是什么关系，象我这种没有什么编程基础的人来说，经常会忽略这些。所以当我把产品设计交给程序员的时候，他们很容易迷失在我的产品逻辑中，我们不得不一次次的开会，之后程序员们还不得不自己补全很多我遗漏的小页面。这让我很沮丧，也让程序员们很沮丧。
所以我想做这么个小工具，只要你会一点HTML，就可以用它快速的表达APP的产品表现，你可以轻松的增减或挪移界面，也可以很方便的表达它们之间的互动关系。
App Sketch大概的思路是，用一个Section来表达一个全屏的界面。整体有两个维度：横向是从左向右层层推进的主界面，纵向是每个主界面可能产生的各种小页面。各个界面之间的互动关系通过超链接串起来。
最简单的用法，是引用一系列全屏（默认是480*640，当然你可以随便改）的静态图片，每个Section放一张静态图片，然后你就可以看到他们的互动关系然后随手修改。它比Axure好的地方是很简单，你的思路不会因为使用额外的工具而被扰乱，还有就是你可以用自定义的CSS文件准确的描述每个界面的细节，而且这些Css可以复用到成品的APP上，不会浪费。
App Sketch在形态上就是一个html+JS的包，你下载后可以随便怎么改。我做了一套默认的APP风格，你可以直接用，也可以改成自己喜欢的风格。或添加你自己需要的css标签。
这个项目的发起人是我和我的同事张路。我是做市场的不懂编程，而且个性比较粗糙，所以你看到的这个工具现在也挺粗糙。不过这个工具对我挺有用，希望也对你有用。如果你有兴趣，欢迎你一起来完善这个小工具。
快速生成APP产品设计的小工具下载：App-Style-20120524kk.zip