手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

用户投稿 18 0

不会编程也能做 10分钟学会开发手机App

1POP:10分钟教会你开发手机App

你可能一行代码都不会写,但每天接触这么多手机App心里总会有些痒痒,如何在没有任何编程基础上开发一款逻辑分明、架构完善的手机应用程序?其实借助一些工具,无需任何计算机理论我们也可以轻松完成这一使命。接下来我们就为大家介绍一种简单的开发途径,你只需要准备笔纸或者简单的PS技巧,只需10分钟,一款优秀的手机App就诞生了。

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

不会编程也能做 10分钟学会开发手机Ap

首先我们需要借助这款开发神器——POP-Prototyping on Paper,这款App旨在帮助我们仅仅通过手绘来完成手机应用的界面、UI设计、框架搭建和开发。你只需要把想要开发的界面原型画出来,通过手机拍照和热点互链完成交互,就能将一个App画出来。

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

手绘制作的App

为了更好的演示POP开发手机App的过程,我们决定为大家重新开发一款手绘板“中关村在线”App,详细向大家手机App是如何通过铅笔画出来的。

2笔纸结合 手工绘制界面图形

笔纸结合 手工绘制界面图形

在开发手机App之前,我们必须有完成的交互规划,比如什么地方放什么东西,两个页面之间怎样实现交互,不同的内容之间怎么形成沟通,是不是需要添加新的功能等。在规划App时你需要把自己当做一名产品经理,既要完善功能、用户体验还要兼顾美观实用。

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

中关村在线App的界面设计

鉴于ZOL技术部和设计部的大大们已经完成了所有成型的规划,我们只需要照抄就行,下面就是我们为手绘版“中关村在线”App设计的各个界面的草图(画的不好,ZOL技术部和设计部的大大们请多多见谅)。

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

手绘版框架搭建

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

手绘版框架搭建

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

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

绘制时一定要注意比例

3添加交互 让手机App动起来

添加交互 让手机App动起来

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

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

开发App界面

依次将已经绘好的草图上传上来,点击左下角的相机标志即可录入刚才我们手绘的界面,这里还有简单的编辑功能,比如裁图,翻转角度、高亮等,弥补拍摄的缺陷。

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

上传手绘页面

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

添加链接

接下来我们要做的就是将所有的页面进行热区互链,比如在首页中有很多链接,包括组图、新闻链接以及各种功能按钮,现在我们只需要给每一个区域添加交互链接即可。

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

添加各种操作动作

点击左下角界面中间出现一个红色的伸缩框,把它拖动到我们需要链接的区域并进行缩放,然后就能链接到其他页面,比如点击下方的图赏按钮即可转换到图赏页。POP提供多样性的点触和手势滑动动作,转场动作也有几个可以选择,完成的链接会显示绿色。

4视频演示 看一看我们做的App

视频演示 看一看我们做的App

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

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

正式版和手绘板对比

视频演示

以下就是我们已经完成的手绘板中关村在线手机App,除了绘画有些粗糙之外,操作体验的流畅度和原版没有太多区别,你也可以感受一下自己设计手机应用程序的快感。不过POP也有一些缺陷,比如无法添加外链,添加的所有链接必须要我们一一绘制出来。但对于那些学习产品开发的初学者来说使用有用,你可以通过POP来体验整个App的开发流程,并实现各种动作的演示,进而能够了解其中出现的问题,帮助我们快速发现。如果你有兴趣,不妨也来尝试做出一个来。

APP、小程序软件开发工具有哪些?

开发一款APP、小程序除了使用常规的编程语言开发,还会使用一些常规的软件开发工具,那么在实际的开发环境中,具体有哪些软件开发工具选择呢?

手机程序开发用软件 不会编程也能做 10分钟学会开发手机App

如果我们要做一款APP开发,安卓会用到Android Studio等,苹果端会用Xcode,服务端会用Sublime Text等,假如我们要开发小程序,就会用到其它的一些专用的工具和软件了。一般的软件开发工具,可能都会需要人员懂编程语言懂技术基础,才能更好地使用和操作。一些比较成熟的软件开发工具,还需要授权或者收取费用。而且还要具备一些编程技术基础知识。如果完全不懂技术,也不会编程语言可以用衡道引擎APP\小程序在线制作,自定义DIY制作,像美图秀秀一样拖拉完成APP制作,小程序开发。最快5分钟,一键发布发布,对于懂技术基础的还可以导出源代码,进行二次开发。

相关问答

目前编写一款简单的手机应用APP一般用什么编程语言?

这个主要取决于你想开发的手机应用App类型。现阶段应用程序分为原生应用APP开发和基于浏览器的Html5的网页App开发,甚至还有基于微信等其他应用程序内部API的小...

手机app开发入门教程?

手机app的开发主要分为7步:1、确定软件开发的主要需求;2、确定需求文档,并进行可行性评估3、提交给APP开发团队;4、功能需求确定,然后开始APP软件的原型...

手机软件开发平台有哪些-ZOL问答

手机讨论回答(3)MacOS(苹果的),symbian(塞班、主要是诺基亚),Linux(过时的平...如安卓就是基于他开发的),Palm(最大特色是不能后台),BlackBerry(黑莓,不...

c语言能开发手机应用吗?

理论上是可以的,但很少人这么做。因为C语言太底层了,而手机应用是相对比较上层的应用,它包括了许多界面和交互逻辑,这些对于C语言来说并不擅长。而且用C语...

app开发学什么语言?

1、Java语言通常情况下,AndroidAPP软件应用程序的开发主要是通过使用Java编程语言来实现的。另外,如果在APP的开发过程中需要切换语言,则可以通过JNI完成...

基于JAVA手机APP程序开发需要准备那些开发软件或开发环境?-Z...

手机JAV讨论回答(8)下载JDK,下载Eclipse,下载androidsdk。安装。安装Ecl...MyEclipse就够了,开发环境既是用来打开编写代码的,也是为编译做准备的。c...

手机怎么开发小程序?

1.首先,手机怎么开发小程序需要:身份证,邮箱,手机号码,营业执照,已认证的服务号或订阅号,小程序源码。2.下载小程序开发工具,点击顶部导航栏的[小程序开...1...

新手如何编写手机程序

[最佳回答]问题一:初学者怎么制作开发app软件?其实app也就是应用软件的意思,是英文Application的简称,通常是指iphone,安卓等手机应用,现在的APP多指智能手机...

手机怎么开发软件,智能手机应用软件如何开发

[最佳回答]跟软件的开发如出一辙与其说事先掌握好什么知识,不如说有没有不断学习掌握新知识的心态和思想准备、体力准备更重要。给自己找准一个方向最重要。...

开发手机app需要的技术有哪些?-懂得

安卓开发你首先要学会java编程和安卓开发基础。首先APP开发包括三个平台,安卓、苹果和windows。那么APP软件开发难不难?国外的技术开发者开发了许多...

抱歉,评论功能暂时关闭!