不想被开发一句话呛回？你得知道这3个最基础的APP技术框架.pdfVIP

不想被开发一句话呛回 ？你得知道这3个最基础的A PP技术框架 不知道大家有没有遇到 这种情景 ，当你做好一个设计方案 ，满心欢喜地给开发讲解方案的 思路和创意时 ，开发突然说一句 ：“这个方案实现不了” ，这时你整个人都不好了 ，心里开始 嘀咕“这么简单的设计都实现不了 ，你是搞技术的吗 ？”然并卵 ，在产品和开发的催促下 ，作 为设计师的你只能加班加点地改方案。 到底问题出现在哪呢 ？这其实是由于我们设计师对A pp技术框架的知识匮乏所导致的 ，虽然我们不 必做到会写代码 ，但掌握必要的A pp技术框架原理 ，能更有效地帮助我们预判哪些方案可行和实现 效果较好 ，来让设计方案更接地气 ，让我们一起来了解一下A pp技术框架都有哪些。 一、A pp技术框架的类型 图1 三种A pp技术框架之间的关系 目前A pp的技术框架基本分为三种 （图1 ）： （1 ）Nat ive A pp ： 一种基于智能移动设备本地操作系统 （如iO S、A ndro id、W P操作系统 ），并使用对应系统所适用 的程序语言编写运行的第三方应用程序 ，由于它是直接与操作系统对接 ，代码和界面都是针对所运 行的平台开发和设计的 ，能很好地发挥出设备的性能 ，所以交互体验会更流畅。 （2 ）Web A pp ： 一种采用Ht ml语言编写的 ，存在于智能移动设备浏览器中的应用程序 ，不需要下载安装 ，可以说是 触屏版的网页应用 ，由于它不依赖于操作系统 ，因此开发了一款Web A pp后 ，基本能应用于各种系 统平台。 （3 ）Hybrid A pp ： 一种用Nat ive技术来搭建A pp的外壳 ，壳里的内容由Web技术来提供的移动应用 ，兼具“Nat ive A pp 良好交互体验的优势”和“Web A pp跨平台开发的优势”。 二、A pp技术框架的选择 对于设计师而言 ，我们往往是被告知这个项目采用的是哪种技术框架 ，然后就开始设计了 ，其实 ， 我们也可以根据产品特点、框架特点和项目时间 （图2 ）来与产品和开发同学协商 ，合理地为A pp中 不同的部分选择对应技术框架 ，然后才在对应的技术框架下思考设计方案。 图2 产品特点、框架特点和项目时间的考虑 三、Hybrid A pp技术框架的设计特点 由于Hybrid A pp是融合了Nat ive A pp和Web A pp的技术特点 ，通 分析Hybrid A pp的技术框架成分 ，能让我们更好地掌握A pp框架的基本开发知识 ，有助于我们更好地去做设计。 Hybrid A pp的大部分内容都是在Nat ive框架中加载Web网页内容 ，能在保证用户体验的前提下 ， 让A pp的内容更具有扩展性 ，即使接入再多的内容和业务功能 ，也不会使得整个A pp的安装包 大 ，典型Hybrid A pp的代表就是我们的手机淘宝客户端。Hybrid A pp在设计时 ，要注意以下五个要 点 （图3 ）。 图3 Hybrid A pp的五个设计要点 （1 ）图像渲染 Nat ive技术部分由于能直接调用系统的渲染引擎 ，所以能实现流畅的复杂图像渲染 ，而不影响设备 的性能。 Web内容部分由于是基于内置浏览器 ，在图像渲染的时候要通 浏览器访问系统的渲染引擎或调用 基于浏览器的第三方渲染引擎 ，中间需要在多个层级进行渲染请求 ，所以渲染的时效性和性能会下 降不少 ，导致较复杂的图像渲染或动态渲染时 ，会出现机器卡顿。 如图4所示 ，由于标题栏采用了Nat ive技术框架 ，可采用复杂的毛玻璃效果 ，让标题栏更通透 ，而 内容区采用了基于Ht ml5的Web技术 ，因此不适合动态变换背景图的渲染方案 （当图片轮播时 ，背 景图会随着图片内容而动态变换出模糊的背景 ）。 图4 动态的图像渲染 （2 ）动效体验 由于Hybrid A pp的内容区大部分采用基于Ht ml5的Web技术 ，对动效的解释和操作需要消耗大量 的CPU性能 ，在设计时 ，要注意以下三个方面 ： a 不同的动效类型对CPU性能的消耗不同 （图5 ）:对CPU性能要求低的动效类型能运行得更流畅 ， 但如果当你的设计方案是非系统自带的动效类型时 （图6 ），就需要提前跟开发沟通可行性和 对CPU性能的消耗问题。 b 机型的性能差异 ：不同的手机机型的CPU性能相差较大 ，需要