不会编程也能做 10分钟学会开发手机App
1POP：10分钟教会你开发手机App
你约莫一行代码都不会写，但天天交往这么多手机App内心总会有些痒痒，如安在没有任何编程基本上开发一款逻辑明白、架构完满的手机使用步骤？但是借助一些东西，无需任何盘算机实际我们也可以轻松完成这一职责。接下去我们就为各位先容一种简便的开发途径，你只必要准备笔纸大概简便的PS本事，只需10分钟，一款精良的手机App就诞生了。
不会编程也能做 10分钟学会开发手机Ap
起首我们必要借助这款开发神器——POP-Prototyping on Paper，这款App旨在协助我们仅仅经过手绘来完成手机使用的界面、UI计划、框架搭建和开发。你只必要把想要开发的界面原型画出来，经过手机照相和抢手互链完成交互，就能将一个App画出来。
手绘制造的App
为了更好的演示POP开发手机App的历程，我们决定为各位重新开发一款手绘板“中关村在线”App，具体向各位手机App是怎样经过铅笔画出来的。
2笔纸团结 手工绘制界面图形
笔纸团结 手工绘制界面图形
在开发手机App之前，我们必需有完成的交互方案，好比什么场合放什么东西，两个页面之间怎样完成交互，不同的内容之间怎样构成相反，是不是必要添加新的功效等。在方案App时你必要把本人当做一名产物司理，既要完满功效、用户体验还要统筹雅观实用。
中关村在线App的界面计划
鉴于ZOL武艺部和计划部的大大们以前完成了一切成型的方案，我们只必要照抄就行，底下就是我们为手绘版“中关村在线”App计划的各个界面的草图（画的不佳，ZOL武艺部和计划部的大大们请多多包涵）。
手绘版框架搭建
手绘版框架搭建
前方我们以前打好了框架，因此在画草图的时分每一个可以掀开的页面都必要我们手工画出来，事情量比力大。固然假如你想寻求雅观和听从，也可以直接使用PS完成。（注意，POP依据不同的手机设置有不同的区分率，以是我们在画草稿时一定要注意屏幕的比例，苹果的开发上风这个时分就显现出来了）。
绘制时一定要注意比例
3添加交互 让手机App动起来
添加交互 让手机App动起来
接下去我们要在POP新建项目，和头像上传的办法一样，手机App也可以经过图片大概手绘一个圆角icon，如今是展现各位绘画功底的时分了（笔者手绘功底渣滓，这里盗一张计划部计划的图标）。
开发App界面
依次将以前绘好的草图上传上去，点击左下角的相机标志即可录入刚刚我们手绘的界面，这里另有简便的编纂功效，好比裁图，翻转角度、高亮等，补偿拍摄的缺陷。
上传手绘页面
添加链接
接下去我们要做的就是将一切的页面举行热区互链，好比在首页中有很多链接，包含组图、讯息链接以及种种功效按钮，如今我们只必要给每一个地区添加交互链接即可。
添加种种利用举措
点击左下角界面正中显现一个赤色的伸缩框，把它拖动到我们必要链接的地区并举行缩放，然后就能链接到其他页面，好比点击下方的图赏按钮即可转换到图赏页。POP提供多样性的点触和手势滑动举措，转场举措也有几个可以选择，完成的链接会体现绿色。
4视频演示 看一看我们做的App
视频演示 看一看我们做的App
依照前方的方案，我们必要在每个页面添加种种链接，你可以选择点触、滑动、捏合和双击等举措，基本上掩盖了现在一切App开发所必要的举措。完成以上利用之后一个完备的App就做好了。
正式版和手绘板比力
视频演示
以下就是我们以前完成的手绘板中关村在线手机App，除了绘画有些粗糙之外，利用体验的流利度和原版没有太多区别，你也可以以为一下本人计划手机使用步骤的快感。不外POP也有一些缺陷，好比无法添加外链，添加的一切链接必必要我们逐一绘制出来。但关于那些学习产物开发的初学者来说使用有效，你可以经过POP来体验整个App的开发流程，并完成种种举措的演示，进而可以了解此中显现的成绩，协助我们快速发觉。假如你有兴致，无碍也来实验做出一个来。
