在做移动app设计时，设计师想要更好的呈现视觉效果给用户，不仅仅需要一款优秀的app原型设计工具，同样也需要适用和优质的原型模板和例子。mockplus为大家提供了最佳的移动端mockup设计工具，mockup设计的例子以及模板资源下载（psd）。
一，免费的app原型设计工具
1. mockplus
mockplus 在最近几年一直受到强烈的关注，我花了几天时间使用了这款原型设计工具，果然是很简单易用，并且交互功能很强大，无论是做wireframe还是mockup都能很好的呈现原型效果。当然，如果你需要交互功能更加完善，那么这款app 原型设计工具绝对是你的不二之选。它的主要功能是：
简单的拖拽实现快速交互大量经典图标和矢量图标格式刷功能，组件样式功能以及“格子”减少重复工作ui流程图呈现更好的视觉效果团队协作功能进行实时交流和协作与excel功能相近的“表格”组件sketch文档导入更多的项目例子和模板提供下载
花费：基础功能全部免费
2. fluid ui
fluid ui是一款用于移动开发的原型设计工具，它能够帮助设计师快速高效地完成产品原型图的设计。
内置超过1700款的线框图和手机ui控件，会经常进行更新。无平台限制，支持windows、mac以及linux系统。包含超过2000个的ios、android以及windows 8插件。
花费：允许创建一个免费项目（10个页面）
3. invision
invision 是一款快速原型设计工具，在app ui 设计方面占据一定的优势，它主要功能是：
responive design（响应式设计），采用了全自动化自适应布局引擎，为越来越多的设备进行设计适配。利用invision studio，当改变设计系统中某些 ui component 的样式后，整个设计文件中的相同 ui component 都可以同步更新。酷炫的动画效果设计协作，实时沟通
花费：免费创建一个原型项目
4. sketch
sketch我想大家都不陌生，sketch 是最强大的移动应用矢量绘图设计工具，对于网页设计和移动设计者来说，功能强大易用，支持自动切图，并且具有移动设计模板，能够大大节省设计师的时间和工作量，适合进行网站设计、移动应用设计、图标设计等。最近更新的以下主要亮点功能：
交互原型功能：画板（artboards）和热区（hotspot）链接实现页面间的跳转，实现动态交互原型便捷的效果预览：sketch软件内部预览、sketch mirror内实时预览、sketch cloud内实时预览。强大的插件：sketch还拥有专门的开发人员社区，不断创造新的扩展插件，来帮助设计师提高工作效率。
花费：$99/年
二，app原型模板下载（psd）
1. free isometric iphone x appmockup psd

pixeden
https://pixeden/mobile-apps
free psd mockups
https://graphberry/category/mock-ups
三，2018年最佳5个app mockup 界面设计例子
1. productivity app transition
https://dribbble/shots/4082589-productivity-app-transition
2. iphonex project
https://dribbble/shots/4241730-iphonex-project
3. app calendar plan mockup
https://dribbble/shots/4597903-app-calendar-plan-mockup
4. movie app
https://dribbble/shots/4596226-movie-app
5. furniture app concept
https://dribbble/shots/4562156-furniture-app-concept-ui-ux-design