流程图和线框图的关系

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

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

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

图1 (更多…)

使用线框图来简化你的产品设计流程

绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。

一、线框图的好处:

  • 让项目组成员在初期就可以对网站有个清晰明了的认知
  • 能激发设计师想象力,使其在创作过程中有更多发挥空间
  • 给开发者提供一个清晰的架构,让他们知道他们需要编写的功能模块
  • 让每个页面的跳转关系都变得清晰明了
  • 很容易的改变页面布局

二、绘制线框图的工具:

  • 手绘:纸、笔
  • 流程图或思维导图工具:Visio、Mindmap、MindManager
  • 原型绘制软件:BalsamiqAxure
  • 图形软件:Photoshop、Illustrator
  • HTML工具:Dreamweaver

(更多…)