NingG +

产品设计:线框图

题记:从网上找了一份材料:Wireframes.ppt,下面的内容基本都是从其中整理出来的。

项目流程

直接贴一张图片:项目流程(中大型产品),这张图片来自于Wireframes.ppt

project-process.png

说明一点:线框图产生于项目前期,对应到上面的流程中,就是交互设计初稿的阶段。

总结一下上面图片中展示的项目流程,一个中大型产品的开发基本过程是:

线框图

线框图,就是几张骨架图,两点:

要做一个用户展示界面的,有几个方面需要考虑:

上面前两点,需要通过需求分析来确定;后两点,在线框图上能够体现出来。

线框图的意义

线框图在产品的设计过程中,具有不可替代的优势:

几点理论

关于线框图,有几点要说明的:

通常用户进行产品设计时,绘制产品原型的过程,分为:

线框图分类

当前不同人员都会使用线框图,主要的有3类设计师:PD、交互、视觉。他们使用线框图的侧重有所不同:

总结一下,对于中小工程,应该一个工程师搞定所有、一切。

画线框图的工具

选取工具有几个依据:

更详细一点,产品设计时,选取工具要考虑如下几点:

说两个工具:

小结

工具能够提升做事的效率,但归根结底,进行设计的时候,是需要想法、需要思考的,工具只是表达;具体在使用线框图时,说两点:

嗳,刚刚回头看了一下上面对线框图的说明,我x,是我故意把事情说复杂了吧,线框图存在的意义,其实,就几点:

参考来源

原文地址:https://ningg.top/wireframe/
微信公众号 ningg, 联系我

同类文章:

微信搜索: 公众号 ningg, 联系我, 交个朋友.

Top