不会编程？手绘也能开发App的5个步骤

有没有想过亲自动手去做一个手机App，然而却又觉得编程太难以至于学不会呢？每天浏览着各式各样的应用，心里痒痒的但却不知该从哪里着手。借助一款称呼为POP（Prototyping on Paper）的神器，你无需懂得任何代码，只要会画画涂鸦就行，10分钟便能做出一个逻辑完整的手机应用。这并非是天方夜谭，而是已有好多人验证过的捷径。

手绘界面 纸笔就能搞定App原型

开启手机App开发进程首步并非编写代码，而是绘制界面。你得预备一张纸与一支笔，把脑海中所期望的应用模样描绘出来。POP这款工具是基于“纸面原型”的理念予以设计，，它准许你借助手绘草图去构建应用的全部界面。不管是按钮所处位置还是页面的布局安排，均能够凭借简单的线条以及图形展现出来。

旨在令你愈清楚操作流程，我们试着手绘一个称作“中关村在线”的App的简化版本，首先规划首页形貌如何，接着将每个可点击予以打开的页面逐一画出，诸如新闻列表页面、详情页面、图片浏览页面等，要是你绘画功底颇佳，画得更为精致则更佳，倘若不太擅长绘画，简单勾勒框架亦无不可。

拍照上传 把草图变成数字页面

在将全部草图绘制完成之后，开启POP应用，点击处于左下角位置的相机图标，着手拍摄你业已画好的每一张纸，确保于拍摄之际让纸张沾满屏幕，保障界面所呈现元素的清晰度。POP具备内置的简单编辑功能，你能够对多余部分予以裁剪，对角度进行调整，增添加高亮标记，以此来弥补手绘拍摄过程当中存在的不足之处。

在拍完每一张图之后，它便会成为一个单独的手机页面，你得依照应用的逻辑顺序，将首页、二级页、三级页等依次上传进来，像是首页要拍成第一张，新闻详情页拍成第二张，设置页面拍成第三张，这个经过大概需要两三分钟，比写代码快出许多。

热区互链 让静态页面动起来

页面上传完毕之后，最为关键的一步是增添交互。于POP里点击任意页面，屏幕中间会呈现出一个红色的能够拉伸的框。将这个框拖动到你期望添加点击效果的地方，像是首页上的某个新闻标题所在区域，随后拉扯调整框的尺寸以覆盖该区域。紧接着从弹出的选项之中挑选要跳转的目标页面，例如点击之后应当打开的新闻详情页。

除了进行点击操作之外，POP还对滑动、捏合、双击等多种不同类型的手势动作提供支持。在首页列表示意区域，你能够设置上下滑动所产生的效果，于图片示意区域，可设置双指缩放所带来的相应效果。每当增添一个链接，红色框便会转变为绿色，这意味着交互已然生效。依据你所制定的应用规划，将所有按钮以及区域都配备上与之对应的跳转页面，如此一来，整个App的基本架构就得以形成了。

实时演示 马上体验你的作品

待全部链接添加完毕后，去点击POP的预览按钮，如此一来，你亲手绘制的App便能够如同真实的应用那般进行操作了。借由手指去点击首页里的任意一个按钮，它会即刻跳转至你所指定的草图页面；当滑动屏幕时，内容会随之滚动起来。除去图形是手绘的略显粗糙之外，整个操作体验极为流畅，跟正式版应用几乎不存在差异。

针对手绘版与正式版之间的差别，我们展开对比。手绘方式呈现出来的“中关村在线”新闻列表，虽系借助铅笔描绘而成，然而点击其中任意一条新闻，均可开启与之对应的详情页，返回按钮亦能够正常发挥作用。这可是 POP 的最为突出之优势，该优势在于让并不懂得编程技艺的人，于短短几分钟之内打造出具备可交互特性的应用原型，进而迅速对自身想法予以验证。

POP的局限 适合快速验证而非上线

尽管POP十分便利，然而它存在显著的不足之处。其一，它不能够增添外部链接，所有会跳转的目标页面都必定是你预先绘制且上传的草图。要是你打算制作一个能够访问真实网站的浏览器应用，POP是无法达成的。其二，POP不支持数据交互以及后台逻辑，像用户登录、数据存储、实时刷新等功能均不能实现。

因此 ， POP 主要适配两类场景 ， 其一为产品经理或者创业者 ， 用以迅速展现 App 的功能流程 ， 给团队成员或者投资人进行演示 ； 其二是初学者 ， 用来领会手机应用的基本结构以及交互逻辑。 要是你打算制作一个能够切实上架至应用商店的 App ， 还得学习编程或者寻觅专业的开发团队。

进阶建议 从原型到真正可用

在运用POP做好原型之后，假如你判定要将这个App转变为实实在在的产品，紧接着便是软件开发的标准流程了。首先有必要整理出一份详尽的功能需求文档，罗列出每一个页面的特定功能以及交互规则。随后要选择开发方式，能够自学Swift（针对苹果）或Kotlin（用于安卓）语言，还能够找外包公司来进行开发。

从零开始到上架一款简单的App，一般需要2至4个月时长，这其中涵盖需求分析阶段，UI设计阶段，前端开发阶段，后端搭建阶段，测试调试等阶段。倘若你根本不懂编程，那么可以优先考量运用Flutter或者React Native这类跨平台框架，凭借一套代码能够同时生成苹果以及安卓两个版本，如此便能节省许多时间以及成本。

念完这篇文，你有无思索过把平日里自己最常使用的那款App以手绘的形式再度做一回试试看呀？欢迎于评论区去分享你的手绘之作或者踩坑经历，点赞数超过100我们下一期会教授你怎样把POP原型转变成为真正的手机应用呢。