设计交付件之四：线框图.doc

设计交付件之四：线框图和原型图相比，线框图由于在交互方面缺乏有效的表述，这使得它渐渐被很多产品人员所抛弃，不过同样作为一款能够展现终端页面样式的交付文件，它本身很多特点也一样适用于原型图，因此通过对线框图的了解，一样能够帮助我们清楚在工作中如何制作出能满足需求的原型文件。 1.不要为做线框图而做线框图由于线框图的出现往往是为了描述清楚具体页面的展示样式，页面上不同内容的排布结构，同时也可以通过它了解多个页面之间的顺序和跳转规律。总之，线框图的出现为了能够更进一步让开发人员了解整个网站的逻辑流程和页面层级。说到这里，其实我们不难发现，它其实起到的作用就是网站流程图在表述上的延伸。因此，先定流程，再画线框图。切记：线框图的出现基本上是两个目的：1）描述一个设计，这个设计用来解决一系列特定的业务需要和用户目标；2）帮助理解业务需要和用户目标。这两个目的看上去似乎很矛盾，不过仔细想想，其实第一种情况是我们在尝试寻找解决问题的办法；而第二种情况，是通过表现出可能的解决方案来澄清问题，这时候我们并不是为了得到正确的解决方法，而是试图发起一个讨论，让其他人来理解问题。 2.除非确定了线框图的真实需求，否则不要建立他们在一些时候，线框图并非最合适的表述方式或者还没有到使用线框图来表述的时候，但是你不得不去建立它，这时候需要尽可能做得灵活一些，一些内容的表述上不要限定得太死板，这样你可以通过其他交付文件来对这些遗留问题进行处理。切记：不要把你的线框图填满内容，这样你可能面临两种窘境：1）不得不删除很多内容，因为会有人认为这些内容都是没有用的；2）当你应对需求修改线框图的时候，你会发现自己根本找不到可以下手修改的地方。 3.确定数量和细节通常来说，网站有多少个页面，我们就需要制作多少个线框图。但是，随着交互功能的展开，往往一个页面上发生的行为无法只使用一张线框图就能完全描述清楚，所以这使得 axure为代表的原型图大行其道。线框图为了能够达到表述情况页面交互行为的目的，要么根据不同情境和不同动作下的反应分别制作出对应的页面，要么通过其他文档来表述整个交互过程。因此往往线框图的数量要大于网站的页面。网站越庞大，交互越复杂，意味着需要更多的线框图。对于细节，我们可以理解为具体一个页面和多个页面之间两种情况来考虑。用线框图究竟应该描述出具体某个页面的哪些内容，往往要根据交付对象不同而定，例如视觉人员需要对页面框架有清晰的了解，知道指定区域内的字符大小和字数限制。而对于多个存在交互的页面，我们需要描述出根据交互行为不同而发生的页面显示上的变化。 在了结了上述特点以后，我们就可以开始着手创建线框图了 1.在你开始之前列几个清单和其他的交付件一样，在你开始动手以前，也需要有个计划。首先，你需要列出所有的场景，根据确定的流程你需要预估大约需要多少页面、具体又是哪些页面能能达到交付的要求。 2.预估系统的复杂性由于线框图是静态的，所以像社区首页这种页面在登录状态和非登录状态下的页面是会有很大区别的。在制作的时候，务必确定好不同场景下的展现页面。 3.先搭框架，再钻细节当确定了清单、流程后，制作线框图一定意义上变成了一项体力活儿，所以在细究每个页面的样式、交互之前，确保你已经把框架打好了，否则，很容易到头来不得不再对你已经辛苦做好的细节重新修改，而造成它的原因仅仅是因为你没有开一开始把握好一个页面的框架。