不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

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

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

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

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

手绘制作的App

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

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

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

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

中关村在线App的界面设计

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

手绘版框架搭建

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

手绘版框架搭建

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

绘制时一定要注意比例

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

添加交互 让手机App动起来

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

开发App界面

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

上传手绘页面

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

添加链接

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

添加各种操作动作

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

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

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

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

不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)不会编程也能做 10分钟学会开发手机App(不会编程怎么开发app)

正式版和手绘板对比

视频演示

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月6日 下午5:57
下一篇 2024年5月6日 下午6:09

相关推荐

  • 科研人员激励机制优化需系统化设计(科研人员激励机制优化需系统化设计吗)

    作者:陈凯华(中国科学院科技战略咨询研究院研究员) 我国拥有数量庞大的科研人员队伍,科技人力资源总量和研发人员总数已连续多年位居世界首位。如何适应我国科研体系向高水平科技自立自强转…

    科研百科 2022年12月21日
    186
  • excel 输入起始日期结束日期 施工图生成

    Excel 施工图生成工具: 轻松创建您的施工图 随着数字化时代的到来,建筑和工程设计领域也变得越来越数字化。为了更好地满足客户需求,我们提供了一款Excel施工图生成工具,可以轻…

    科研百科 2024年10月22日
    0
  • 与暴雨赛跑 为城市布防

    面对天气骤变,广州做好准备,全力守护人民群众生命财产安全和城市运行安全。南方日报记者 罗一飞 摄 广州地铁为市民提供免费一次性雨衣。 南方日报记者 钟晓宇 摄 市民在地铁口穿上一次…

    科研百科 2022年7月10日
    237
  • 市政建设工程管理系统

    市政建设工程管理系统是一种用于管理市政建设工程项目的计算机软件系统。该系统提供了各种功能,例如预算管理,进度控制,材料管理,质量管理和风险管理等,可以帮助市政建设项目经理和技术人员…

    科研百科 2024年10月1日
    27
  • 华炎魔方本地部署

    华炎魔方本地部署 随着计算机技术的不断发展,越来越多的应用程序开始采用本地部署的方式。华炎魔方作为一款功能强大的数据分析工具,也采用了本地部署的方式,让用户可以更加方便快捷地使用。…

    科研百科 2025年1月3日
    0
  • 沈阳市应急管理局:党建引领提升居民安全素养(党建引领应急管理工作)

    来源:人民网-辽宁频道 原创稿 为营造创建文明城市的浓厚氛围,沈阳市应急管理局以党建引领安全宣传工作,开展了形式多样的安全促进活动,切实夯实基层安全基础,提升群众安全文化素养。近日…

    科研百科 2023年7月13日
    296
  • 哪个固定资产管理软件好,固定资产盘点软件哪个好用(固定资产管理软件有哪些)

      对于企业固定资产管理,应使用云呐固定资产管理软件,可集采购、仓储、仓储、分配、盘点、折旧、维护、报废等功能模块于一体的管理软件。从信息数据、日常工作、资产盘点等方面管理资产。它…

    科研百科 2022年9月23日
    202
  • 低代码 企业应用

    低代码平台是一种新兴的企业应用开发工具,它为企业提供了一种快速、灵活和高效的应用开发方式。低代码平台通过简化应用开发过程,降低了开发成本和技术门槛,使企业能够更加快速地构建和部署应…

    科研百科 2024年2月22日
    164
  • 夹岩工程项目管理系统

    夹岩工程项目管理系统 随着现代建筑行业的不断发展,工程项目管理已经成为了一个至关重要的领域。在这个项目领域中,有效的项目管理能够提高生产效率,减少成本,缩短交付时间,从而为公司创造…

    科研百科 2025年1月17日
    0
  • 项目的价值指标

    项目的价值指标 项目的价值指标是指衡量一个项目是否能够实现其预期目标的重要指标。一个项目的价值指标可以包括以下几个方面: 1. 完成时间:完成时间是指项目完成所需的最短时间。如果项…

    科研百科 2024年11月14日
    0