如何画好app的线框图

来源：海口设计培训学校时间：2022/7/29 10:19:16

　　线框图是整个产品交互式设计过程中的必要步骤，它通常在项目生命周期的早期阶段进行。简单的理解为是产品的一个图形框架，这就好比建筑的蓝图，前期必须考虑好所有材料、部件以及各项功能模块。后期的所有内容都是基于这个线框搭建起来的!

　　线框图绘制工具：

　　现在常用的绘制工具有 Sketch AXURE XD Mockplus等，较牛的当然是纸和笔了，这个要看团队的默契程度了，默契到了用简单的纸和笔就能够把布局、功能、交互全都传递清楚，这个是需要团队长期磨合才能实现的。

　　线框图的优点：

　　1. 线框图比抽象的需求概念更容易理解

　　用简单直白的线框和灰阶色块就能直观的表现出该有的功能和内容以及界面布局，让人一目了然，老板、客户都能很好的明白表现的目的

　　2. 线框图可以用于收集反馈

　　项目前期绘制出线框图，用户、开发、客户可以查看你的设计，并且提供及时的反馈意见以提升用户体验。

　　3线框图有助于产品的加速开发

　　通过线框图的绘制，可以直观的看出后期存在的一些交互和功能性失衡的问题，从而进行修改，加速产品功能、用户体验的开发迭代!

　　4线框图绘制速度快，成本低，低保真原型可以实现

　　线框图的设计流程和方法：

　　1根据需求、产品前期调研制定实施方案

　　2利用XMIND思维导图工具绘制结构流程图

　　3梳理业务逻辑

　　4根据项目周期长短选择性的绘制线框图，给的原型时间长可以绘制的精细一些，时间短就用占位符、灰阶色块简单搭建

　　5 时间足够再适当的添加页面跳转逻辑按钮和文字说明

　　如何画好app的线框图

　　1 绘制的时候严格按照各APP的规范进行绘制，比如标签栏高度 按钮大小 字体大小 状态栏大小 ICON大小等按照1：1的模式用相应的色块或者占位符进行代替。

　　2 在绘制过程中利用色彩的对比来凸显层级关系，比如强调的部分用深色的灰色块来表示，其它提示性的文字用浅色块表示。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/2136/news/550256/违者必究！ 以上就是海口设计培训学校 小编为您整理 如何画好app的线框图的全部内容。