不会编程也能做10分钟学会开发手机App
发表时间：2023-09-09 17:01:28
文章来源：炫佑科技
浏览次数：130
菏泽炫佑科技
不会编程也能做10分钟学会开发手机App
1POP：10分钟教你开发移动应用
你可能一行代码都写不出来，但是当你每天接触这么多的移动应用时，你总会感到有点手痒。 无需任何编程，如何开发出逻辑清晰、结构完整的移动应用？ 事实上，借助一些工具，我们无需任何计算机理论就可以轻松完成这一任务。 接下来我们给大家介绍一个简单的开发方法。 你只需要准备笔和纸或者简单的PS技巧。 只需10分钟，一个优秀的移动应用程序就会诞生。
即使您不会编程，也可以在 10 分钟内学会开发移动应用程序。
首先我们需要用到这个开发神器——POP-on Paper。 该App旨在帮助我们仅通过手绘即可完成移动应用的界面、UI设计、框架搭建和开发。 你只需要画出你想要开发的界面原型，通过手机拍照、链接热点完成交互，就可以画出一个App了。
手绘应用程序
为了更好地展示手机App的POP开发流程，我们决定为大家重新开发一款手绘平板“中关村在线”App，详细向大家展示手机App是如何用铅笔绘制的。
2笔和纸结合手绘界面图形
笔和纸结合手绘界面图形
在开发移动应用程序之前，我们必须有一个完整的交互计划，例如在哪里放置什么，两个页面之间如何交互，不同内容之间如何通信，是否需要添加新功能等。在规划应用程序时，你需要把自己想象成一个产品经理，不仅要提高功能和用户体验，还要兼顾美观和实用。
中关村在线App界面设计
由于ZOL技术部门和设计部门已经完成了所有的造型方案，所以我们只需复制它们即可。 下面是我们为“中关村在线”App手绘版设计的各个界面的草图（画得不好app开发，ZOL技术部请原谅我和设计部的大家。）
手绘版框架结构
手绘版框架结构
之前我们已经把框架布置好了，所以我们在画草图的时候，每一个能打开的页面都需要手工绘制，这需要很大的工作量。 当然，如果你想追求美观和效率，也可以直接使用PS来完成。 （注意POP根据不同的手机设置有不同的分辨率，所以画稿时一定要注意屏幕比例，苹果的开发优势此时就会显现出来）。
画的时候一定要注意比例
3.添加交互，让手机App动起来
添加交互，让移动应用动起来
接下来，我们需要在 POP 中创建一个新项目。 与上传头像的方式相同，移动应用程序也可以使用图片或手绘圆形图标。 现在就是展现大家绘画功底的时候了（作者手绘功力垃圾不会编程也能做10分钟学会开发手机App，这里是从设计部设计图标盗来的图）。
开发App界面
按顺序上传你画好的草图，点击左下角的相机标志，导入我们刚刚画的手绘界面。 还有简单的编辑功能，如裁剪、翻转角度、高光等，弥补拍摄中的缺陷。
上传手绘页面
添加链接
接下来我们要做的就是将所有页面与热点区域相互链接。 例如，主页上有很多链接，包括相册、新闻链接以及各种功能按钮。 现在我们只需要为每个区域添加交互链接即可。 。
添加各种动作
点击左下角界面中间出现的红色伸缩框，将其拖到我们需要链接的区域并进行缩放，然后就可以链接到其他页面了。 比如点击下方图片欣赏按钮，即可切换到图片欣赏页面。 POP提供了多种点击和手势滑动动作。 还有多种过渡操作可供选择。 完成的链接将显示为绿色。
4 视频演示 看看我们做的App
视频演示来看看我们制作的应用程序
按照之前的计划，我们需要给每个页面添加各种链接。 可以选择点击、滑动、捏合、双击等动作，基本涵盖了目前App开发所需的所有动作。 完成以上操作后，一个完整的App就准备好了。
正式版和手绘板对比
视频演示
下面是我们完成的手绘中关村在线手机App。 除了画质粗糙之外，操作体验的流畅度与原版相差不大。 您还可以感受到设计自己的移动应用程序的乐趣。 不过POP也有一些缺陷，比如无法添加外部链接，所有添加的链接都必须一一绘制。 但对于学习产品开发的初学者来说很有用。 您可以通过POP体验整个App开发过程，并演示各种动作，从而了解出现的问题，帮助我们快速发现问题。 如果你有兴趣，不妨尝试做一个。
