浅谈手机应用设计的开发流程

任洋

【摘要】 在产品设计的过程中需要一个合理的产品设计流程，无论是复杂的还是简单、实体的或虚拟的产品，均需要经过一个合理的产品设计流程。通过设计流程的每个阶段，产品的各个方面都会经过多层次的考量、修改，通过这一个个步骤让产品能够拥有良好的用户体验、完备的功能。

【关键字】 app设计 交互设计

信息时代，智能手机以及成为了人们生活中不可缺少的必备品。APP在未来将会是一个庞大的市场，本文将探究一款APP的开发流程应当有哪些步骤，本文将涉到用户体验设计，用户界面设计，交互设计，动效设计这几个方面进行探讨。

APP开发分为8个部分，包括：前期准备、功能图与线框图绘制、逻辑关系跳转图制作、低保真模型建立、界面设计、交互与动效设计、程序交接、成品测试。文章顺序将按照APP开发步骤一一进行阐述。

一、前期准备

前期准备要完成目标用户群分析、市场分析、应用功能规划这三个部分。在准备阶段应当设置调查问卷，收集目标用户群体的信息，为用户分析、市场分析以及功能规划建立数据基础。

之后，需要进行需求分析，这是任何产品均需要经历的重要的一个步骤，在需求分析中需要对前期调研的结果进行整理、分类，得出用户的需求列表。产品经理依据前期的整理数据对APP的功能进行设计，在这一过程中应当完成功能线框图、逻辑关系跳转图的制作。

功能线框图中展示APP的主要功能以及整体理念。在每个页面中需要使用线框搭建出来页面所需实现的功能，同时使用文字进行备注，明确功能。功能线框图的制作可以使用幻灯片制作软件来完成。

在完成功能线框图的制作之后，需要进行逻辑跳转页面的制作，在这一过程中完成各个页面相互跳转的逻辑关系的设计。通过这一步骤可以检查出页面设计的不合理以及页面的缺失。

二、低保真模型的建立

在完成了准备阶段的工作之后，需要对整体的信息进行汇总性质的展示，通过制作低保真模型来完成这一工作，并完善功能设计。

低保真模型制作可以更加真实的反馈效果，对于高保真的模型而言，人们更多的精力会集中在产品的功能设计是否完备，逻辑跳转是否合理，是否缺少页面。同时低保真模型可以快速制作，快速修改内容，有利于时间的节省，精力可以更加集中于查找逻辑是否合理，功能是否完备等上面。在制作低保真模型之后，依据低保真模型完善线框图制、逻辑跳转关系图的制作，保持三者相一致。

在完成了低保真模型之后，此时APP的整体架构已经建立，程序的开发工作也可以进行了，工程师依据低保真模型以及功能线框图对程序进行开发。

三、界面设计

在这一部分中完成界面的所有相关设计，其中包括了美术设计、交互设计、动效设计，三者处于并行关系，并且相互关联，在设计的过程中应当同时考虑三者。

3.1美术设计

界面设计最初需要确定美术风格，这是界面设计中最重要的一部分，设计者需要选取一个主要页面进行设计，确定了此页面的美术风格之后，再开展后续的设计工作。

在实际应用中发现在确立美术风格这一过程中可以使用Sktech进行美术风格的确立，Sketch拥有轻量级的设计，相比之下Adobe Photoshop的功能过多，不利于设计师进行快速设计，现在主流的设计风格为扁平化的设计风格，对于图片的处理依赖性降低，作为一个从制作线框图演变而来的Sketch而言其设计的操作以及功能更加符合现在的设计需求，作为从图片处理演变而来的Adobe Photoshop拥有强大的图片处理功能，以及庞大的功能，让设计师无法专注于设计，设计过程中的操作过于繁琐。同时确定美术风格对于细节设计要求不高，更多的是从整个感觉上进行筛选以及调整，Sketch作为一个能够帮助设计师进行快速设计的软件非常适合这一部分的工作。

在确立了美术风格之后就可以进行其余页面的设计工作，在完成这一阶段的工作中设计人员可以根据自己的习惯以及需求选择工具进行，目前主流的设计工具均配备了能够在手机上进行实时预览效果图的手机客户端，设计人员应当安装此类手机客户端实时查看在手机上的现实效果，由于电脑中显示的大小并非为在手机上显示的实际大小，所以在手机上实时查看最终效果是十分必要的。同时对于设计文件应当注意文件管理做好文件命名，并应当注意保密，防止文件外泄。

3.2交互设计

交互设计，又称互动设计，交互设计在于定义人造物的行为方式相关的界面，在界面设计过程中应道考虑到用户的交互操作如何实现，同时交互设计完整的呈现可以与动效设计相结合，在下一小节动效设计中会详细阐述二者如何相结合。

交互设计是十分重要的部分，在智能手机普及之前，最早被大众所接觸到的交互为WEB网页的交互，当鼠标进行点击、悬停、滚动会触发一系列的交互。移动平台为交互设计提供了更多可能，在新的交互时代，大部分交互设计的解决方案依靠手势控制来进行实现，手机交互将成为未来解决操作的一大趋势。

交互操作可以减少按钮的使用，让屏幕拥有更多的现实空间，同时也让用户的操作更加具有趣味性。

移动设备中的交互可以让用户感受到真实的自然规律，例如点用户点击一个按钮的时候产生的交互与自然规律相符合，在真实世界中我们点击一个物体的时候会发生物理形变，交互维持了移动平台与真实世界的联系。交互提供的视觉反馈让操作更佳具有趣味性，同时弥补了触屏手机缺乏操作反馈的不足。

3.3动效设计

动效设计可以让用户与手机之间的交互更加有趣，同时让交互实现的更加优雅，一个好的交互设计离不开动效设计。动效设计与交互设计相辅相成，不同于美术设计可以利用静止的平面图片来进行展示，动效设计与交互设计需要可交互性，目前比较好的工具有Quartz Composer，在设计过程中应当使用Quartz Composer工具建立高保真可交互的模型。在这一环节中，对所有的交互、动效部分进行设计。

3.4程序交接

程序交接是一个新产生的环节，以往设计师是不会编写任何程序部分的，但是现今的APP设计提出了对设计师跟高的要求，需要设计师能够使用简单的代码完成交互与动效的效果制作，在这中间就产生了一部分程序。

在这个环节中，主要进行交接的是一些程序参数，例如图层的透明度，构件形变的百分比等。依据这些参数工程师可以百分百的还原设计师设计的动效以及交互设计。

四、成品测试

成品测试分为两个部分，一个部分需要工程师进行完成，主要检测程序整体的运行情况进行程序测试。另一个部分为对成品进行使用测试，这部分可以邀请目标用户参与到测试过程中，主要检测的是产品完成度，以及最终的体验效果，依据反馈意见再进行适当调整。

五、总结

面对纷繁的市场，作为一个产品的开发者，应当明确自己的产品定位，在细分的市场中越来越多的产品会做的更加专业化。不同于APP市场的开发初期，随着时间的推移市场对于APP的要求会更高，对于产品开发者的要求也会更高。

现在的APP开发对整个开发团队以及个人都提出了更高的要求，对于团队而言需要更加密切的配合，对于个人而言需要能够拥有更多的技能。

在整个开发过程中需要团队的所有成员打破工种的限制进行配合，一个巧妙的设计需要设计师与工程的共同配合，而不是依靠紧紧依靠设计师设计一个精美的界面，或是依靠工程师攻克一个技术难题。

同时依靠一个合理的开发流程对产品进行开发十分重要，在完善的开发流程下，可以尽可能的规避缺陷，设计出一款相对完善的APP。本文所探讨的开发流程可能还不够完善，需要尽心进一步的完善。