登录   注册
作品◇
  • 作品
  • 设计师
  • 字体
  • 文章
  • 资讯
  • 赛事

流程图和线框图的关系

作者：
分类： 观点/经验
2010-06-28
7109
流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的

但是流程图也分为两大类：

一类是产品经理或者技术人员在开发过程中使用的逻辑流程图，如图1：

图1

另一类是产品设计或用户体验人员输出的页面流程图，如图2：

图2

页面流程图除了用Photoshop、 Illustrator等绘图工具实现的流程图之外，还可以是用flash、catalyst实现的带交互效果的流程，也可以是用axure、Balsamiq等原型工具实现的页面跳转逻辑流程

线框图(wireframe)是在逻辑流程图的基础上，用线框的形式细化界面的主要功能和基本布局定位，包括导航、标题、图片，图标，文字内容，按纽，各种控制器和形式等，从而确定各个界面之间具体的交互关系

可以按照实现形式分成如下几类：

最简单的方式就是用纸和笔简单绘制实现的纸质线框图，如图3

 

0
3
分享到：

0

喜欢他，就推荐他上首页吧^_^

推荐阅读

评论(0)
查看更多评论 ↓
×

赛事服务联系方式

0371-86068866

4008887269

cndesign@163.com

好的，我知道了

关于

帮助

官方微信

联系我们

  • QQ：33143335 QQ：1904200230
  • 电话：18569912460
  • 投稿：cndesign@163.com
  • 地址：郑州市国家大学科技园东区9号楼2层

版权信息

  • CND设计网（CNDESIGN）会员所发布展示的 “原创作品/文章” 版权归原作者所有，任何商业用途均需联系作者。如未经授权用作他处，作者将保留追究侵权者法律责任的权利。

    Copyright ©2006-2019 CND设计网

  移动 Android 版 豫 ICP 备16038122号-2 豫公网安备 41019702002261号