聊聊线框图：那些必要的理论和前提.pdfVIP

聊聊线框图：那些必要的理论和前提 这是一篇老生常谈的问题，所以若有人已经了解，请自动忽略好了。这也是在一次和 PD 的交流培训 会上再次提出的老问题：究竟线框图为什么要画，以及如何画。 至于线框图为什么要画，就不在这里聱述了。相信已经有很多人写过类似的文章，当然，如果你还 有疑问，可以给我写邮件。 现在就是如何画的问题。 这不是很简单吗？一个简单的线框图，断不得比一个精美的视觉图更花费时间吧？也不需要美学的 基础，也不需要精细的加工，加上已经有一个号称 10 分钟上手的工具作为辅助，恐怕没有必要单独 开这个话题来研究。 但是，之所以又抛出来，正是在一个 画“”字。 线框图不是 画“”出来的，而是想出来的，是确认出来的。 线框图，只是提供了一个供讨论、供评审、供确认的承载物，然后并将确认后的需求（商业需求以 及设计需求），以具象的方式再传递出去。 所以，线框图本身看起来美观不美观，专业不专业，画得好不好，都不是重要的问题。 一个画在白板上的简陋的线框图，和一个无比精美专业的线框图，是很难说哪个更 好“”的。 说这个，是提醒我们自己，不要忽视线框图的本质问题。所以大多关于线框图怎么画的问题，可能 不是出在不知道怎么画，而是不知道为何要画，具体画什么，画了怎么用的问题。 线框图究竟如何画呢？ 一。必须的几个理念和前提： 1. 并不是精美细致的就是好的线框图 表面上，你似乎是没有经历前面的阶段，直接跳转到详细线框图的，但是实际上，你脑子里 也一定是有前面的阶段的，而且在现实项目里，中间的这些环节是伴随着不断的评审、确认 ，确认一个问题，得到一个决定，排除一些可能性，得到一些 idea ，从而让可能性变得更靠 谱更聚焦，最后剩下一个选择，产出了确定好的线框图。 2. 从最简单的开始，逐渐补充细节 输入资料，信息，问问题，回答问题，画图，这是一脉相承的。 从最简单的开始，若你先跳转了到了最后一步，或许会出现很悲剧的情况，你已经费劲了心 思设计的交互，并不是需要的，如果把握不好确认的程度，会造成不只你一个人的资源浪费 。 3. 最大的价值在于讨论和确认 线框图是用来吵架用的。所以，不能像视觉设计师一样抗拒对视觉稿的修改。 也许正是因为如此，我们才不断强调不要把线框图画得太美吧：）哈哈，因为看起来很美的 东西，都不忍心去破坏它了。这是天性。 我们要庆幸，有了这么多次评审会，虽然限制更多了，但是方向也更清楚了。当方向越来越 清楚时，我们就可以真正聚焦于一些交互细节的设计上了。 有一个经典的图，经常被用到，那就是： 谨记：再不跟我确认这是一个人之前，不要给我谈他的头发的颜色。 二。选择性价比最高的工具： 仅heidi 自己，就使用过 word 、ppt 、flash 来做过线框图，我们身边的同事，有使用 visio 的，也有使 用excel 的，也有使用 photoshop 的，当然，在使用这些工具前，我们最容易使用的，最经常使用的 ，仍然是白纸和笔，所以，总是想在分享这个内容前，先强调一下：工具真的不是问题！因为很多 新人，总是喜欢上来就问工具，好像掌握了一个工具，就可以画出很好的线框图，就可以显得自己 很专业似的。 我们发现，凡是辅助想法表达的工具，可能都会慢慢越来越缺乏专业性，使用门槛降至最低，正因 为这样，才能够让我们在表达想法时，不会去受工具使用的束缚，从而真正将注意力放到想法本身 。 最后我选择了 axure ，也不是因为它目前流行，而是真正因为它的性价比。 好的工具，能够使线框图本身的优势得到最大的发挥，所以选择一个好的工具的原则是： 1. 保证线框图本身优势（快速、容易修改、帮助聚焦） 2. 便于分享与传播（导出 html ，只要有电脑就可以看） 3. 上手快（ axure 几乎没有使用门槛，真不知道为何有人靠培训 axure 收钱怎么收的） 至于官方网站上写的选择的理由，我反而觉得不是最重要的，当然，也是仁者见仁，智者见智了。 三。学会基本技能 很多学 axure 的同学，一不小心将自己进化到高级技能了。但是，除了显示自己很专业外，真的有 用吗？ 我靠 axure 吃饭很久了，也没写过什么高级命令，我用的最高级的功能，也就是 imag