APP交互设计流程图应该怎么画？（三）

APP交互设计流程图应该怎么画？上一篇文章给大家介绍了页面功能模块的划分，接下来就看看手绘线框。这部分的内容有点多，大家要看完哦，相信你会有所收获。

手绘线框

可以买专门的手绘线框本，然后铁皮的手绘线框原型钢尺。

手绘线框，一般在产品功能需求文档做完，功能拓扑图及重要流程设计完毕，然后开始把功能分配到各个页面上。有一些敏捷式开发时，会让设计师，一边讨论一边绘制手绘线框，手绘线框图的优势是，可以用最小的成本探讨设计可行性等问题。

所以，设计师平时应该多使用APP竞品，使得自己对各类APP版式非常熟悉，APP中比较重要的页面有注册、登录、首页、个人中心、设置、导航分类、播放器、各种列表、社交、购物车、照片库、侧滑、搜索、地图、社区、对话框、精品推荐等。

十二类常见APP页面导航:
十二种特色APP导航

A、底部导航：釆用文字加图标的方式展现。一般有3〜5个标签，大部分APP选用这种导航，优点是可以不迷路的在各个模块中切换，缺点是会分割页面内容，占有一定的底部空间。

B、顶部导航：优点适用于较多的分类卡片，可以左右滑动，隐藏更多功能，缺点是需要2手操作。

C、舵式导航：优点是可以把常用功能或者重要功能居中醒目显示，缺点是图标熟练只能单数。

D、瓦片式导航：优点简约而不简陋，导航清晰、明显。缺点：进入模块后，要退出才能回到菜单。

E、列表式：优点可以对内容非常多的数据进行不断加载滑动，缺点是单调容易引起疲劳。

F、弹出菜单：优点是形式节省空间新颖，缺点是需要猜测和记忆内部功能。

G、瀑布流：优点是图片展示类可以一直下滑视觉效果好，缺点是要找之前滑过去的图片，需要上下翻很久。

H、卡片翻转：优点是视觉效果好，动感强。

I、侧滑菜单：抽屉导航指的是一些功能菜单按钮隐藏在当前页面后，点击入口或侧滑即可像拉抽屉一样拉出菜单。这种导航设计比较适合于那么不需要频繁切换的次要功能，例如对设置、关于、会员、皮肤设置等功能的隐藏。缺点是需要猜测和记忆被隐藏的功能。

J、时间轴：优点是适合时间线发帖打卡性质的页面，缺点是页面记录信息有限,需要点入后查看。

K、数据可视化：优点适合各种数据图表展示，缺点耗费空间，并且开发繁琐。

L、自由添加：优点可以让客户自由定义功能模块，缺点开发麻烦，客户有学习成本。

手绘线框的内容就到这里了，接着就是APP线框设计了，这部分包含哪些内容呢？继续去看看下篇文章吧，小编为你详细讲解。

以上就是“APP交互设计流程图应该怎么画？（三）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。