标签：产品 人力 承担 移动设备 视频 发布 中间 实现 方式
1.类型（2）web app开发（包括html 5）app——一种采用Html语言编写的，存在于智能移动设备浏览器中的应用程序，不需要下载安装，可以说是触屏版的网页应用，由于它不依赖于操作系统，因此Web App开发后，基本能应用于各种系统平台。
（3）hybird app开发（混合）——一种用Native技术来搭建App的外壳，壳里的内容由Web技术来提供的移动应用，兼具“Native App良好交互体验的优势”和“Web App跨平台开发的优势”。
2.类型特点
（1）Native（原生）
产品特点：偏操作互动多的工具类应用；
开发成本：要为iOS、Android和WP系统各自开发一套App
维护成本：不仅要维护多个系统版本，还要维护多个历史版本（如有的用户在5.0版本，有的用户在4.0版本等）
版本发布：需要发布（用户安装）最新版App
资源存储：本地
网络要求：支持离线
开发时间：耗时最长
人员配比：需要iOS、Android和WP各自系统的开发人员
（2）Web
产品特点：偏浏览内容为主的新闻、视频类应用
开发成本：只需开发一套App，即可运用到不同系统平台
维护成本：只维护最新的版本
版本发布：不需要发布（用户安装）最新的App
资源存储：服务器
网络要求：依赖网络
开发时间：耗时最少
人员配比：会写网页语言的开发
Hybrid（混合型）
产品特点：偏既要浏览内容，又有较多操作互动的聊天类、购物类应用
开发成本：native部分需要为iOS、android和WP各自配备开发人员，web部分只需统一配置
维护成本：native需要为多最新版本和多个历史版本，web只需维护最新版本
版本发布：native部分需要发布（用户安装）最新的App，web部分不需要发布（用户安装）最新的App
资源存储：本地和服务器
网络要求：大部分依赖网络
开发时间：耗时中等
人员配比：大部分工作由写网页语言的开发承担，再加上不同系统的开发
3.hybird app技术设计特点
（1）图像渲染
Native技术部分由于能直接调用系统的渲染引擎，所以能实现流畅的复杂图像渲染，而不影响设备的性能。
Web内容部分由于是基于内置浏览器，在图像渲染的时候要通过浏览器访问系统的渲染引擎或调用基于浏览器的第三方渲染引擎，中间需要在多个层级进行渲染请求，所以渲染的时效性和性能会下降不少，导致较复杂的图像渲染或动态渲染时，会出现机器卡顿。
（2）动效
Html5的Web技术，对动效的解释和操作需要消耗大量的CPU性能，在设计时，要注意以下三个方面：不同动效、不同机型、不同网络环境，否则会很卡~
（3）兼容性
由于Hybrid App的Web内容，是不同的平台共用同一套设计方案，所以为了更好地让设计方案兼容不同的平台特性和手机分辨率，所以建议文案和图形采用以下三种方式：a.使用安卓和ios的默认字体；b.使用SVG（可缩放矢量图形）：能够自由缩放大小来适应不同屏幕尺寸和分辨率，不会模糊变形；c.用Iconfont来代替图标：能够自由变换大小和颜色。
（4）交互方式
H5如果想要和原生保持同一交互方式，会耗费较大的人力成本，所以可以适当有差别；
（5）加载方式
A. Native部分：可以根据需要把常规内容存储在用户的手机上，加快加载的时间和减少重复加载相同内容的麻烦。
B. Web部分：Web内容区域是需要从网络上加载内容的，尤其在网络条件不好时，需要设计友好的等待状态，缓和用户的焦虑情绪。
4.设计与技术的权衡
（1）保证主流程的流畅体验；
（2）提前沟通产品方案~
标签：产品 人力 承担 移动设备 视频 发布 中间 实现 方式
原文地址：https://blog.51cto.com/14158790/2431974
