Sketch：与skala搭配手机端快速预览效果图 - 简书
<div class="fixed-btn note-fixed-download" data-toggle="popover" data-placement="left" data-html="true" data-trigger="hover" data-content=''>
写了727字，被10人关注，获得了13个喜欢
Sketch：与skala搭配手机端快速预览效果图
之前使用PS的时候用skala预览效果图十分便捷，换了sketch似乎只能用mirror？ skala仍然可以支持sketch，只需要装一个sketch预览的插件即可，具体流程见下：插件地址在这里----戳它：1.把插件的压缩文件放在这里
sketch”plugins“里面打开放置插件的文件夹
拷贝解压后的文件夹“sketch preview”
2.下载skala客户端,电脑和手机端都需要安装（无论是PS还是Sketch，skala都是良心）
skala下载地址
3.连接显示-手机上连接对应电脑，电脑接收connection就可以配对上了这里手机与电脑的连接有两个方式：A.WiFi下关联，需要手机和电脑连接同一个WIFI，优点是方便不需要数据线，缺点是有时候更新缓慢；B.用数据线将手机与电脑连接，手机端打开个人热点，优点是传输同步速度可以更快，缺点是需要数据线扯着手机咯；
电脑上面显示是这样的：没连上之前是这样的
直接选择sketch的 preview或者Command+P
电脑端匹配了手机的样子
手机端的显示
OK，这样手机和电脑就可以快速显示一致的内容了，开开心心的直接手机看效果图啦，感谢LH老师无私的分享这些，我只做记录顺便分享给需要的人。
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
满满地sketch教程
· 942人关注
不定期更新移动端的产品研究、见解、归纳。
分享当前主流的界面设计尺寸、主流平台的设计规范、主流APP的设计规范。
· 114人关注
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
选择支付方式：Sketch UI设计插件推荐
最近的界面设计工作都是基于sketch做的，用了这么久，也略微感觉出了它的一些好用之处。同时也收集了一些有助于UI设计师提高工作效率的插件，来分享给大家。
sketch toolboxsketch toolbox，它是一个插件管理器，为我们查找下载安装sketch插件提供了一体化的服务。这个工具使用起来也非常方便，左上角在所有插件和已安装插件之间切换，右上角是一个搜索框，查找到你需要的插件点击install就能下载安装，如果要拆卸，在installed里点击要拆卸的插件uninstall就拆卸成功啦。接下来的插件你都可以通过这个工具下载安装。下载地址：content generator sketch plugin这是一个快捷填充内容的插件。包括图片、文章、个人信息、日期等。你还可以自定义填充的内容。下面是官方为我们提供的演示动画sketch measure这是一个标注插件。它提供了sketch中完善的标注方案。最新版本引入了百分比标注方式和直接不标注导出HTML文档，自动生成标注的功能。是一个能大大提高UI设计工作效率的插件，相当的实用。以下为大家提供最新版本快捷键的翻译：框定范围:&?&+&?&+&1标注尺寸:&?&+&?&+&2标注绝对位置:&?&+&?&+&3标注属性:&?&+&?&+&4把现有文字转换成注释:&?&+&?&+&5标注尺寸（百分比）:?&+&?&+&6标注绝对位置（百分比）:?&+&?&+&7导出HTML文档:&?&+&?&+&E隐藏、显示标注:&?&+&?&+&H锁定、解锁标注:&?&+&?&+&L标注宽度:?&+&?&+ [标注高度:?&+&?&+ ]sketch preview这是一个手机预览插件，你需要配套skala preview来使用。相对sketch原生手机预览软件mirror，这个解决方案的优势就是免费，同时还支持安卓手机。事实上skala的功能范围不仅局限在sketch，还有PS，还支持直接把电脑上的图片展示在手机上而不借助其他软件。但是这款软件是我迄今为止用过的对局域网环境要求最高的软件，稍微复杂的环境就有可能导致它无法工作。安装这个插件并在电脑及手机上分别安装skala preview 和skala view就能在同一局域网下预览sketch中的设计稿了。软件下载地址：sketch notebook这是一款添加备注内容的插件。它能为我们额外添加一块用于对内容加以说明的区域，并且添加了不错的视觉样式。使得备注看起来整齐且优美。快捷键分别为：显示、隐藏标注:&control+option+command+0添加标注:&control+option+command+9整理标注: control+option+command+8sketch dynamic button这是一个保持按钮样式的插件。我们只要把按钮内容重命名成类似于10:10:10:10之类的名称，sketch会自动帮我们设定按钮边框的大小。他的原理是：将文字内容重命名成类似10:10:10:10的名称，以表示上、右、下、左的间隔。将按钮背景重命名为BG（注意一定要大写）并放在同一文件夹内，在选中文字的情况下按快捷键：command+j，按钮框会自动适应文字的大小。renameit这是一个批量重命名图层的插件。它提供我们一些重命名图层的格式，类似于%n是数字类推、%w以宽度命名、*代表原图层名等规则等zeplin这是一个标注插件。这个插件类似于sketch measure，提供不标注直接导出自动标注文件。但不同的是，它并不提供html文件，而是要通过zeplin.io网站或者相应的软件来获取资源，你的设计稿是存储在它的服务器上的。但在功能上要胜于sketch measure。同时该产品刚上线不久，存在一定的不稳定性及收费制度。所以...网站地址：
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
83人已收藏
小U妹文章推荐
Ctrl+Enter
Ctrl+Enter
您将要删除您的编辑推荐大作
Sketch UI设计插件推荐
在她入驻到UI中国的日子里
总共吸引了8659位设计师的驻足流连
总共收获了83位设计师的由衷赞赏
总共获得了46位设计师的悉心珍藏
总共引起了2位设计师的深入讨论
依然要删除吗？牛大拿_最贴心的设计师导航_
Brush Pots
65 Foodie Icons
DESK Blog Updates
Proletar in Motion
Landing Page For Tara
Mail.ru menu concept
Mobilo Animated
landing page
Daily Ui-Day#39
Anti-Bullying
Adventures - minimalist vector illustration
Q is for Quill
Photos walkthroughs
Elev.io Landing Page
animated H [gif]
Animated Logo For Wiseme
Fotrack - Landing Page
Intercom Customer Stories
Wood&Water - Homepage
one punch man 2
Odor Removal DIY for Your Car
BROTHERS INDUSTRIAL
Stand with Standing Rock
Klondike gold rusher
Female Hands with Black iPhone 6 PSD Mockup
iPad Pro Air 2 Black PSD Mockup
Female Hands Holding White iPad Air 3 PSD Mockup
What if Linkedin was beautiful - Redesign concept
Micro Interactions
Simon — Wayfinding
Aston Martin Interactive Experience
Real Estate Crowdfunding
StreetCar — Mobile Product Development
Make Steak Application
Bam (concept)
Netflix, New Experience
RAGE - Digital Agency PSD Template | Freebie
YaSteak — Frying Steak App Concept for RDC16
MAN HydroDrive
Real Estate Website Design
Desire Presentation
Adobe Discover. Find your font.
Galsy Dental Clinic Website
Pay Your Bill - Mobile App Design
Branding Concept - IED
The Best of Focus Lab 2016 ?
ToyFight(R)
BigDropInc
Freell - freelance website
Rettos - digital creative agency
NEXT Music Player
兔子骑行APP V1.0部分UI聚合
We are 伐木类
小趣护士项目总结
忆食APP-记忆中熟悉的味道
掌上小陌APP重设及其界面设计与规范
一款找工作的设计师－简历
无聊会动的卡通形象
web端网站设计
APP Redesign
如何徒手画一只兔子
腾云踏浪 天生优雅
日常你和我--动态插画
追波界面合集 Part 02
努比亚手机主题设计
HAPPY HALLOWEEN
DRIBBBLE 作品整理-1
Logo设计 标志 图标切图
C4D+PS打造属于自己的banner
#互联网+”指数H5# #EID用户体验设计# #EID
超级联萌－手机主题
叫你画一个萌萌的小商店
发现app概念设计
灌篮高手Q版－湘北队
潍坊标志性建筑
插画练习作品整理
羞哒情趣用品商城&社区
小区一哥黄果男~微信表情上线啦
呼朋唤友挖金矿活动h5总结
蓝色的官网首页
拾月书法字体精选
《奇妙的我》个人团队原创儿童教育游戏
#海纳# #EID用户体验设计# #EIDcneter#
映客 Inke 3.0 界面全新设计
【GUI】产品引导页
StreetVoice Design
DAILY UI 设计作品整理-SET01
专业科班方法！如何从零开始建立一个品牌？
实例分析！聊聊UI界面中搜索入口的设计
专业干货！防止用户无意识犯错的6个实用方法
有门道！UI设计中下拉刷新有什么讲究？
设计师如何与开发者合作（二）：需要询问开发者的问题
专业科班方法！平面设计里怎样提高作品的视觉冲击力？
酷站两连发！超好用的网页栅格化工具+免费可商用的优质图库
保证设计顺畅！交互稿撰写过程中的六个要点
讲究！UI界面中的文案设计有哪些注意事项？
吉祥物怎么设计？来看腾讯设计师的思考经验总结！
把PS装到网页上！带你轻松打开SVG的大门之滤镜实现
初学者手册！超全面的VR设计实战起步指南
Photos app psd
Retina UI Kit o Free Download
禅宗 Ui 赠品。
商务图标集
[PSD] 24 图标
免费的平板 UI 工具包
素描里 UI 试剂盒
免费 PSD-平 UI 工具包
圣诞 & 新的一年免费设置丰富多彩的 Ficons 图标 24 +
免费的商业主题 PSD
鼠尾草 — — 免费的 PSD 模板
仪表板免费 PSD
网站 （免费） 图标
PSD 免费赠品： MFD UI 工具包
雪花 UI 工具包
32 免费图标 (.psd)
圣诞节图标
35 的免费的粗线图标-&麻辣&
分析仪表板 UI 工具包-免费的东西
图像屏幕 PSD （下载）
游戏化图标
现代的 Facebook 盖
用户配置文件免费 psd
棒棒糖 Gui 工具包
20 免费牙科图标
奥丁-免费 iOS 图标包
因陀罗-80 免费天气 & 活动图标
谷歌材料设计 UI 工具包
推荐信息 Recommend
设计酷站 Design Site更新于
设计欣赏 Enjoy-idea更新于
素材资源 Resource更新于
高清图库 HD Graphy
文章教程 Tutorial更新于
设计理论文章 Article
Photoshop教程 PS
Illustrator教程 AI
图标设计 Icon更新于
CG绘画 Painting更新于
Sketch相关 Sketch更新于
Sketch文章 Article
Sketch源文件 .sketch
社区论坛 Sociality更新于
设计软件 Software for Mac OS /
for Windows /
for Android /
for Chrome / 更新于
设计工具 Tool更新于
设计团队 Team更新于
设计师主页 Designer更新于
设计微博 Weibo更新于
前端开发 Web Develop更新于
友情链接 Friend link交换友情链接请联络站长
: 、、、、、。
联系站长 :
Copyright &
3.0 2015 All Rights Reserved.
最后更新于：当前【iPhone】
全部安卓手机安卓平板安卓电视iPhoneiPad其他
当前位置：>>>Skala ViewiPhone版
连接上了速度超快，但是软件有bug，经常在ps里面没反应。自从换了iphone7以后，再也连不上了
机器：iphone4
系统：5.0.1
闪退！！！闪退啊！！！！！
目前用着最舒服的预览应用。好用
现在在IOS7下一直闪退，希望尽快修复啊，谢谢
最棒的预览工具，但在iOS7上无法使用
热门排行榜
13万+人在玩11万+人在玩17万+人在玩3万+人在玩10万+人在玩3371+人在玩
Skala View app相关推荐
发现该应用有下载安装使用错误或恶意扣费携带病毒，请
版权所有 京ICP备号-5
京公网安备 50 备五种App原型设计工具使用心得
核心提示：AppMockup Tools Reviews在开发的早期阶段，原型设计无疑是很重要的，这也是详查和分解应用最简单最低成本的阶段，所以你应该充分利用该阶段，以避免后期改写大量代码。在设计过程中使用原型的优点：很容易创建...原文：AppMockup Tools Reviews
在开发的早期阶段，原型设计无疑是很重要的，这也是详查和分解应用最简单最低成本的阶段，所以你应该充分利用该阶段，以避免后期改写大量代码。
在设计过程中使用原型的优点：
很容易创建。如果客户反馈引起了app结构上的或者其他大的更改，那么原型可以降低成本时间。
便于讨论。当团队对app进行评判讨论时，原型能提供可详细讨论的内容。
鼓励良好的沟通。原型可以促进多个团队之间展开头脑风暴，帮助他们在演示和demo过程中厘清与app相关的概念。
帮你在早期发现设计问题。原型可让你在早期阶段发现app流程中的问题，以及其他设计问题。
对可用性测试非常有用。交互性的原型可以让你在写代码之前进行可用性测试。
幸运的是，有大量工具都可以帮你创建原型，但不幸的是需要逐一评论，这篇文章中，我特意挑选了5款工具：
Handmade Sketches
你可以在它们之间进行比较，我用每种工具为一款简单的追踪应用创建原型。这款应用可以让你记录有趣的地方，添加follower，并在followers的list中查看兴趣点。
继续阅读--深入查看每个app原型工具，以及我个人对哪种情况下最适合哪款工具的一些建议。
Groosoft推出的Blueprint
Blueprint是一款售价19.99美元的iPad应用，已经针对iOS7进行了优化，可以帮你轻而易举地设计原型。Blueprint还有一个配套的免费内应用--BlueprintViewer，你可以用它来查看你的项目，或者通过iTunes File Sharing或者DropboxSync进行备份。Blueprint还具有自动保存的功能，有助于你毫无顾虑地工作。
注意：如果你不想掏这20美元，你可以试试demo版本BlueprintLite。
你也可以通过邮件发送你的原型，或者或者直接从收件箱中用Blueprint或者BlueprintViewer打开原型。Blueprint支持PDF和PNG格式的输出，这样无需使用Blueprint，你就可以打印和分享你的原型。
如果你手头上有多个项目，你会爱上这款简单支持多个项目的原型工具--Blueprint。如果你需要把app从iOS 6迁移到iOS7，Blueprint还提供了iOS 7项目转换工具，定价9.99美元，需要通过IAP购买。
Blueprint的UI非常直观，所有你需要的工具都触手可及。你可以用Blueprint为iPad和iPhoneapp创建原型，并且它的所有原型组件都是可伸缩的，以适应不同尺寸屏幕的iPhone。
Blueprint还有一个模仿苹果默认设计组件的插件库，包括按钮、加载指示、表视图以及地图视图。Blueprint还包括一些可以马上上手使用的复合组件，比如弹出视图或者操作表单。你可以简单地重新定义插件的颜色、尺寸，或者改变位置以满足你的实际需要。
你可以通过Blueprint创建单个app视图或者通过Actions创建一个完整的app体验。Actions可触发视图间的过渡或转场，你可以简单地为某个插件关联任何手势，或者选择两个视图间转场的类型和风格。
你可以在任何时候查看app的流程，并通过为不同的操作链接类型设置不同的颜色。比如，我用黑色箭头代表简单的导航转换，用紫色箭头指示tabbar导航，用红色箭头指示返回主屏幕。在一个复杂的多视图app中，这种组织方式非常重要。
Blueprint实际使用情况如何?
在没有查看任何Blueprint教程的情况下，我用20分钟完成了示例app的原型，但是Groosoft在其网站上提供了一些很不错的视频教程，如果我在开始设计原型前看过，那会非常有用。
最初，我在Actions和视图联接上多花了一些时间和精力，但是其他任务进展的非常顺利。Blueprint是非常直观的，并且BlueprintViewer可以轻而易举地让你分享项目。
点击“+”按钮可以导入项目，并像真实app一样演示，并且Blueprint还提供了合适的指南让你清楚原型的哪些部分是可以进行交互的。
你可以在BlueprintViewer – Play观看我的最终成果视频。如果你想自己试试BlueprintViewer，你可以下载 thisfile。上传到Dropbox文件夹，试一试吧！
Blueprint更多信息
Blueprint的核心app只适用于iPad设备，售价19.99美元，另外IAP项目--iOS6/iOS 7项目转换工具售价9.99美元。
BlueprintLite是一个免费的app，允许你在购买前试用Blueprint的大部分功能。
BlueprintViewer是一款免费的app，允许你查看使用Blueprint创建的mockup。
Hot AppsFactory推出的AppCooker
AppCooker是一个售价14.99美元的iPad应用，已经针对iOS7进行了优化。它并不仅仅是一个原型，它还提供了一个让你从概念捕获灵感的工具箱，从图标草图和原型设计，到AppStore信息收集以及创建商业模式。管理整个app项目计划周期是一个棘手的任务，不过AppCooker通过对各个方面信息的汇集可以简单地帮你达到专业的结果。
AppCooker工具箱中的组件包括：
Ideas definition
Mockup editor
Icon factory
AppStore info manager
Pricing and business model tool
虽然AppCooker有很多个工具，但我主要关注的是Mockup editor工具。
和BlueprintViewer一样，AppCooker也有一个免费的版本--AppTaster，可以让你通过email、Dropbox、Box或者iTunesFile Sharing保存和分享可演示的原型、屏幕或者整个项目。AppCooker还可以让你简单地创建和管理多个项目。
Mockupeditor工具的首界面是一个无限的空间，你可以在此构建你的app。通过双击可创建多达200个单个屏幕视图。你可以通过联接屏幕和设置过渡触发器以更具交互性的方式调整app流程。图中白色的箭头可视化地展示了两个屏幕之间的联接。高级的联接功能和过渡预览功能相当震撼。
你可以在原型中使用几种手势，比如单击双击以及长按。AppCooker提供了四种不同的联接类型：SimpleLink--在屏幕视图间进行切换；Smart Back--可以让你自动返回正确的屏幕；SwipeArea--在不同屏幕视图之间进行切换；Timer Tag--执行定时操作。你可以简单地预览屏幕过渡的类型和持续时间。
AppCooker为iPad和iPhone提供了一整套UI元素。真正的iOS动态组件功能，比如mapview允许你选择你想要展示的地方，以及你喜欢使用的缩放比例。AppCooker还提供了更大的灵活性和实用性，可以呈现iOS7的模糊效果，并保持像素完美的图形。你也可以绘制方形、圆形以及其他自定义的图形，徒手绘制项目，使用Dropbox或Photo库的图片。
该原型工具还有一个大的icon库--包含你标准的系统icon和200+的其他icon，还有Hot AppsFactory提供的大量字体。在将来的版本中，AppCooker还会有Subtle Patterns资料库和了不起的背景。
AppCooker实际使用情况如何?
通过AppCooker，我用25分钟完成了原型。AppCooker还在网站上提供了一些非常好的视频教程。整个用户体验非常棒，并且我发现AppCooker比桌面设计程序更简单易用。
跟Blueprint一样，你所有的进程都被自动保存，这样你可以更多关注原型，而不用担心系统是否保存了你的工作。
你可以以AppCooker、AppTaster或者PDF三种格式输出项目。项目文件不仅包含你的原型，也包含app的icon、Appstore以及定价信息。另外，针对特定的工作区，你可以输出PDF或者JPG格式的文件。你还可以通过AppTaster交互式查看原型，并留下反馈。
你可以在此here查看我的成果视频。如果你想试试AppTaster，可下载thisfile ，并把它上传至你的Dropbox文件夹。
AppCooker优点和缺点
AppCooker更多信息
Hot Apps Factory的AppCooker适用于iPad设备，售价14.99美元。当然你也可以在iPhone上免费使用AppTaster，你可以在AppTaster上试玩你在AppCooker中创建的原型。
FluidSoftware推出的FluidUI
FluidUI是一款用于移动开发的Web原型设计工具，无平台限制，支持Windows、Mac以及Linux系统。FluidUI是一项收费服务，但它提供了一项免费计划--允许你创建一个最多包含10屏幕的项目，并且没有更高级的功能。不过，这项免费计划应该足以让你清楚他们的产品是否符合你的产品需求。
Fluid UI的收费服务定价在12美元-89美元不等。更多细节，可在其产品定价页面查看。
Fluid UI服务最强大的功能之一--你可以创建适用于iOS、Android以及WindowsPhone平台的应用原型。非常适合跨平台开发者。
FluidUI的界面整洁，井然有序，不过在执行某些特定任务（比如创建包括两个分段的分段控件）时会让人觉得有点笨手笨脚。即便如此，FluidUI的整体体验是非常不错的。Fluid UI包含超过2000个的iOS、Android以及Windows8插件（针对手机和平板电脑）。
你可以选择低保真的线框图来加快开发，也可以选择高保真的组件来模仿真实的操作系统。你可以在整个库中搜索你想要的UI元素,如果2000个仍不能满足你的要求，那你可以上传自己的图片。
像我前边提到的那几款工具，使用FluidUI创建交互性原型非常简单。你可以简单缩放工作区和需要连接的屏幕。不过，FluidUI没有AppCookerSmart Backlinks简单和高级的功能。克隆屏幕以及其他便捷操作（比如注释、对齐）都非常容易，会让你节省大量时间。
使用集成到工作区的Fluid player可以让你随时演示屏幕流。FluidPlayer模拟了你的原型如何在移动设备上运行，虽然你可以在真机上演示你的原型。
如果你还想要试试这个很酷的特性，可以扫描下方的二维码，并跟随说明或者简单地跟随FluidUI提供的链接。
FluidUI实际使用情况如何？
用Fluid UI做原型花了25分钟。虽然FluidUI没有辅助性的app（译者注：比如AppCooker和AppTaster），但你可以通过邮件分享你的原型链接，并且收件人无需安装任何额外软件就能看到你的最终成果。
付费FluidUI用户可以以PNG屏幕、交互式的HTML原型以及PNG屏幕流图表输出项目，甚至可以打印出来。FluidUI还有一个免费计划，通过这个简单的免费计划，你可以在Twitter或者Facebook上分享你的项目。最后，Fluid UI允许你在账户之间移动项目。
FluidUI优点和缺点
Fluid UI更多信息
Fluid Software的Fluid UI是跨平台开发者一个很好的选择，而且使用FluidPlayer预览原型非常简单。
查看FluidUI--Demo来理解FluidUI更多可能性。
Adobe推出的Photoshop
Photoshop是Windows和Mac上一款知名的桌面应用，它不是最简单的mockup andprototyping工具，但它是迄今为止最全面的设计软件包。虽然Photoshop售价不低，但对于一个设计师来说是物有所值的。
你可以以19.99美元的价格购买Photoshop CreativeCloud，或者你可以以49.99美元的价格购买整个Creative Cloudpackage。如果你想了解更多详细信息，可在此查看整个Adobe产品列表。
Photoshop有一个陡峭的学习曲线，但是一旦你学会了基本的技能，以后你会有一个灵活性的优秀的原型设计工具。当设计工作流程（包括布局、指南、图形以及其他等等）时，Photoshop大部分基础的功能可以给你提供很好的帮助。
为了加快你的iOS图形设计工作流程，Photoshop也有很多不错的插件，比如DevRocket，它兼容PhotoshopCS5及以上版本的，这样你就没必要额外多付19美元了。
该插件始终保持更新，并且内置的工具可以让的工作流程更高效：
1.即时可见的视图模板：DevRocket可为所有iOS设备（iPad/iPhone）生成横向和纵向的视图模板，并智能展示模板。
2.智能icon工作流程：DevRocket可以使用单张icon设计生成各种尺寸的icon。
3.原生外观预览：在更原生化的环境中预览你的原型设计。
4.输出两种分辨率的UI元素：标准UI设计版本和retina设计版本。
你有两个方法在设计中使用UI元素：
1.在线搜索可以满足你需求的免费或者付费PSD文件；你可能会找到一个涵盖iOS 7UI组件的库。
2.你可以通过DevRocket到Refill Store下载免费或者付费的UI元素。
注意：Photoshop会以自己的格式保存项目文件。
由于标准的UI元素永远都不够，我在Teehan+laxfree iOS templates网站上找了很多非常棒的组件模板。
实际使用情况怎么样？
结合使用Photoshop,DevRocket以及PSD素材，我用了40分钟完成一个mockup设计。相比较其他几种工具，使用Photoshop花费的时间略微有点长，尤其是当你还不熟悉PS的时候。不过PS设计的弹性灵活性值得你投入这些时间。
一旦你创建好所有的屏幕视图，你可以把他们添加至共同的工作区，如果你想把这些屏幕视图连接起来的话。
有越来越多的第三方工具以神奇的方式扩展了Photoshop的兼容性。Bjango推出的SkalaPreview可以让你和客户分享你的Photoshop mockups，并且
Skala Preview还有桌面版本，iOS和Android版本。你可以在Bjango网站上查看所有工具。
通过Skala Preview分享项目只需简单几步：
1.Download桌面版SkalaPreview。
2.在Photoshop中创建一个远程连接。Edit & Remote Connections…,然后提供一个servicename和password，确定勾选了Remote Connections。
3.和下载了SkalaView移动app的客户分享你的service name和password。
4.打开Skala View app，确定你已经同时运行了Skala Preview和Photoshop，确保运行SkalaPreview的Mac和iOS设备使用了同一个wifi网络。
5.预览你的设计。
注意：为了实时预览你在Photoshop中编辑的文档，需要在SkalaPreview输入Photoshop RemoteConnection和密码，设置可在SettingsPhotoshop Settings中完成。
Skala Preview可以把原型像素完美的图片发送给任何iOS或者Android设备。你甚至可以进行色盲测试。
Photoshop更多信息
如果你需要一款灵活的强大的原型工具，AdobePhotoshop是一个非常不错的选择：
1.UI Parade推出的DevRocket是一个非常棒的可帮你加快工作流程的插件。
2.Teehan+lax上的PSD素材在提供了大量原型UI组件外，还可以帮你节省大量时间。
3.你可以从Mobile Tuxedo获得一些免费的手势图标，在原型中概念性地代表手势。
4.如果你需要分享自己的原型，可使用Mac上的SkalaPreview，可使用iOS设备上的SkalaView。
Handmade Sketches--byYou!
最后介绍的是手工草图，这仍然是一个进行原型设计的可靠的真实的方法。很多应用程序就开始于纸上的草图。
不少公司都为开发者提供了手工草图绘制工具，我们来看下UIStencils网站上提供的：
虽然这些工具看起来非常简单，但不要低估他们在绘制手工草图方面的自由行和灵活性。
Handmade Sketches实际使用情况怎么样?
我花10分钟完成了原型，使用了我们内部现成的模板，提供了信息的位置，比如日期和mockupid，如果你需要对工作进行分类，那么这一点非常有用。
Interface SketchTemplates提供了大量令人惊讶的模板，为你开始原型设计提供了坚实的基础。也为你的原型草图提供了专业的外观。另外，InterfaceSketch Templates还提供了iPhone和iPad草图模板，也为Android、web app以及WP8提供了草图模板。
你可以看看我做的原型：
我特意用荧光笔标出了视觉上的抽象信息，比如手势、操作以及选择元素。对我来说，这不仅简单灵活地描出信息，也让应用的流程一清二楚。
分享手工原型更为简单：使用iPhone拍张照片，然后上传至Dropbox，或者通过邮件分享。
但手工设计原型有优点也有缺点，有些缺点并没有在下面的图表中列出，比如它没有内置的方法来保存原型草图，没有简单的方法在草图间复制/粘贴元素。
原型工具对照表
上边是我尽自己所能给出关于原型设计工具的信息，而下表则是各种原型工具需要提供的：
那么结论是什么？
在我看来，AppCooker性价比最高，它提供了高级功能，较为直观并且可用性很高。而AppTaster作为一个非常有用和免费的viewer，很好地完善了AppCooker。
Blueprint使用起来非常简单，BlueprintViewer对项目的可移植性处理的很好，它最大的特性是直观性和即时性。
FluidUI的显著特点是跨平台兼容性，更具有灵活性，还有一个丰富的部件库。使用FluidUI创建原型非常简单和快捷。
如果你有时间学习使用新工具，那么Photoshop则提供了一个功能多样的环境。容易可用的插件和PSD模板可以让你的原型设计工作非常有趣。
最后是快速、便宜、易用的手工草图。它们抛却了炫目花哨的图形来展示app的核心功能，可以获得大量的反馈。
不过，要选择最适合你的方法。
如果你有任何问题或者评论，可加入论坛自由讨论。
针对这篇文章，以下是其他开发者使用的工具：POP， UIShape，Briefs，IRise，prototyper，Keynote，EvolusPencil，以及Balsamiq等。
推荐阅读：
iOS开发之工具篇-20个可以帮你简化移动app开发流程的工具
四个 iPhone应用的原型设计工具介绍
DevRocket：动动鼠标即可制作精美的 iOS 应用原型}