原生、混生和Web APP,你还傻傻分不清?

作者: 鲜核桃        发表时间: 2015-12-16        文章来源:点击访问

静电说:核桃姐是静Design群中大隐隐于市的狠角色,平时很少说话,不过一说话就会属于一鸣惊人那种。很多小伙伴可能不知道App中的这些术语:原生,混生,web。好吧静电专业点,就是Native APP,Web APP,Hybird APP。弄清楚这些,才能更好的设计APP,这也算是设计师必修的一个环节啦,来听听鲜核桃姐姐的讲解吧:

 

很多人都知道,App分为三种。

1.App分为原生App(本地App,Native App)
2.网页App(Web App,h5吧啦吧啦)
3.混生App(Hybird App)
结果问题来了,经常有人会问,这都是什么鬼,好糊涂啊~
好,让我们先来看看官方解释:

Native App开发即我们所称的传统APP开发模式(原生APP开发模式),该开发针对IOS、Android等不同的手机操作系统要采用不同的语言和框架进行开 发,该模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。

Web App开发即是一种框架型APP开发模式(HTML5 APP 框架开发模式),该开发具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部份构成,APP应用客户端只需安装应用的框架部份,而 应用的数据则是每次打开APP的时候,去云端取数据呈现给手机用户。

如果你感到很难理解的话,那接下来就再来听我一本正经的胡说八道吧。

其实,归结到底,按我理解就是一个浏览器的问题。原生App压根不用浏览器,自己可以独立运行。比如,时钟啦,计算器啦,QQ啥的等等。

而Web App必须要依赖浏览器把东东下载到你手机的缓存里,你才可以愉快的与之交互,比如知乎,微信公众号等等。这种App,用户的主要的交互行为为浏览以及由此带来的点赞等行为。所以,这种App,你经常会见到一个小东东转啊转的,如果网路不好的情况下。这叫进度条,有的是圈,有得是线,还有的自己的 logo…

混生嘛,就简单了,顾名思义,就是两者混合,一部分(UI元素,逻辑框架等)是安装在移动端设备上的独立运行,一部分(数据内容等)是通过内嵌的浏 览器下载后运行。比如,淘宝啦,大众点评啦,商品展示部分就是web的,从服务端读取通过内嵌浏览器呈现给你的;类似定位部分的功能就是原生的。

如果这样还是比较不好理解的话,那就让我瞎扯一下吧。

游戏你打过没?

Web App相当于网页游戏,你打开浏览器输入网址即可玩,不用下载安装任何东西。(顶多是安个浏览器插件什么的。)

原生App你就相当熟悉了,不管是网上下载还是去珠江路买,要玩之前,你得先安装。安装完了以后,就算没有网络,也可以单机玩玩。有网络,也可以联网玩玩,比如冰封王座。(这例子举的貌似有点老土)

混生App相当于网游,你想玩之前也得安装,装完之后还得联网才能玩。比如魔兽世界。(这例子举的真心有点过时,不过最近要放大电影了,哈)

什么?你没打过游戏!!好吧,那你也不需要了解这些了。

版权声明:

本文由@鲜核桃 授权静design转发。

转载请注明作者和出处

AD时间:

《Sketch+Xcode双剑合璧-移动UI设计师快速上手指南》各大电商火热发售中。欢迎至当当,京东及天猫商城选购。