您的位置 首页 > 数码极客

【手机开发用什么软件】不会编程,10分钟就能学会开发手机应用程序。

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

可能一行代码都写不出来,但每天碰这么多手机应用程序,心里会痒。不做任何编程,如何开发逻辑上组织良好的移动应用程序?事实上,使用一些工具,即使没有计算机理论,也能轻松地完成这项使命。接下来介绍一下简单的开发方法。只需准备纸笔或简单的PS技术。仅仅10分钟就诞生了优秀的手机应用程序。

不会编程,10分钟就能学会开发手机应用程序。

首先要使用这款开发神器——POP-Prototyping on Paper。这个app设计成只用手绘就可以进行手机应用程序的界面、UI设计、框架构建和开发。通过绘制想要开发的界面原型,通过手机照片和热点进行交互,就可以绘制应用程序。

手绘App

为了更好地展示POP开发手机应用程序的过程,我们决定为大家重新开发画图版“中关村在线”应用程序。我会详细告诉你手机应用程序是如何用铅笔绘制的。

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

笔和纸手动绘制界面图形。

在开发手机应用程序之前,我们必须制定完成的交互计划,包括把什么放在哪里,两页之间如何实现交互,不同内容之间如何沟通,是否需要添加新功能等。在规划应用程序的时候,你要把自己当成产品经理,功能、用户体验、美观度、实用性都要完善。

中关村在线应用程序的界面设计

由于ZOL技术部和设计部的大力努力,已经完成了所有的整形计划,所以我们只需照抄即可。以下是我们为手绘的“中关村在线”应用程序设计的各个界面的草图。(画得不好。ZOL技术部和设计部的大人们请谅解。)

手绘框架制作

手绘框架制作

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

画画的时候一定要注意比例

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

添加交互,使手机应用程序移动

接下来,我将在POP中创建新项目。和上传头像一样,手机应用程序也可以用图片或手画圆角icon。现在是给大家看图片底部的时候了(笔者手绘的功底垃圾,在这里偷一张设计部设计的图标)。(威廉莎士比亚,《北方专家》)。

开发App接口

依次上传已绘制的草图,单击左下角的相机徽标,即可输入刚刚手绘的界面。这里有裁剪照片、翻转角度、强调等简单的编辑功能,可以弥补拍摄缺陷。(大卫亚设)。

6?from=detail&index=9" width="640" height="480"/>

上传手绘页面

添加链接

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

添加各种操作动作

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

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

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

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

正式版和手绘板对比

视频演示

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

关于作者: luda

无忧经验小编鲁达,内容侵删请Email至wohenlihai#qq.com(#改为@)

热门推荐