10分钟学会开发手机App,小白也行。

作者: 蓝色风暴 浏览:600 时间: 2021-06-19

app开发也不算是一件难事,也不用非要去找app开发公司,只要你有决心你就可以做到。

 

你可能不会写代码,但每天接触这么多手机应用,你总觉得有点痒。 如何在没有任何编程的情况下开发一个逻辑清晰且结构良好的移动应用程序? 事实上,借助一些工具,我们可以在没有任何计算机理论的情况下轻松完成这项任务。 接下来为大家介绍一个简单的开发路径。 你只需要准备笔纸或简单的PS技巧。 只需 10 分钟,一个优秀的移动应用程序就诞生了。

image.png


A. 定制开发app,10分钟上手

 

首先我们需要用到这个开发神器——POP-Prototyping on Paper。 该App旨在帮助我们仅靠手工完成移动应用程序的界面、UI设计、框架构建和开发。 你只需要画出你想要开发的界面原型,通过手机拍照和热点交互就可以画出一个App


image.png


A. 手绘制作属于你的App

 

为了更好的展示POP手机APP开发过程,我们决定为大家推荐一款手绘板,向大家详细展示手机APP是如何用铅笔画出来的。

 

B. App的界面设计

 

设计部门的设计师已经完成了所有的规划,我们只需要复制他们。 下面是我们为手绘版 App 设计的各种界面的草图。


image.png


image.png


A. app框架搭建

我们之前已经把框架布局好了,所以在画草图的时候,每一个能打开的页面都需要我们手工画出来,工作量很大。 当然,如果你想追求美观和效率,也可以直接使用PS。  (注意POP根据不同的手机设置有不同的分辨率,所以我们在画草稿的时候一定要注意屏幕的比例,苹果的开发优势这时候就会暴露出来)。


image.png


A. 让手机app动起来

 

接下来我们要在POP新建项目,和头像上传的方式一样,手机App也可以通过图片或者手绘一个圆角icon,现在是展示大家绘画功底的时候了(笔者手绘功底垃圾,这里盗一张设计部设计的图标)。


image.png


A. 开发app界面

 

依次上传已经绘制好的草图,点击左下角的相机标志,进入我们刚刚手绘的界面。 还有简单的编辑功能,如裁剪、翻转角度、高光等,弥补拍摄的不足。


image.png


A. 看一看我们做的App

 

按照之前的计划,我们需要为每个页面添加各种链接。 可以选择点击、滑动、捏合、双击等动作,基本涵盖了App开发所需的所有动作。 完成以上操作后,一个完整的App就准备好了。


image.png


image.png


相关推荐

行业解决方案

服务热线 400-008-9028

  • 项目咨询

  • 方案报价

  • 行业解决方案咨询

蓝色风暴科技