学画线框图：10个最佳实践

在设计过程的线框图绘制阶段，我们的思路很不成熟和粗糙。无论在废纸上、白板上或者用软件，绘制线框图有助于建立项目中各种元素之间的关系。这些元素譬如导航、图形、操作调用等。但是，如果我们将线框图当成一种工具，其使用目的就应当是：建立针对设计方案的用于协作沟通的创意空间，同时支持迭代和驱动快速思维。

那么如何才能使线框图成为有效驱动设计沟通呢？ 评判的最佳方法是退一步，然后问一问这个问题：当我分享我的线框图时，沟通的内容与执行相关还是与我要创建的体验相关？

如果你的创造性头脑风暴和讨论被陷于“线框图看起来怎么样”，这就可能是不合格的。通常，这回归结于下面这三个问题中的一个或多个：

1. 你的线框图难以执行。下面的10个最佳实践会有所帮助。
2. 你没有为客户设立清晰的期望，没有说明你将线框图视为一种工具用于驱动对设计方案的沟通。
3. 你的线框图过于粗糙并且没有面向解决方案。

解放你的线框图的10个最佳实践

线框图与快速创意有关。为了能够做到这样，你需要在透明的环境中，在没有隐藏的议程的情况下，专注于创意和解决方案，向多个方向和机会进行快速探索。不要陷于线框图中！使用这10个最佳实践，你可以将线框图从平庸中解放出来，用它设计出令人称奇的体验。

1. 不要使用颜色。如果你使用颜色了，应当让颜色有意义。

颜色很强大！因此，颜色会使人分心。若你必须使用，应当秉承谨慎、一致的原则。并且，为了确保讨论能一直专注于你正在创建的体验，而不被未来的视觉设计方案所分散注意力，不要选择客户调色版中的颜色。

2. 一致性是关键。

线框图是为了方便，不要将精力分散到不必要的事情上。一种能够带来便利的最好的方式是把所有的东西都统一起来，比如字体、间距和交付方式。

3. 使用真实内容。

如果你没有内容，就去编一些。 写作是一种设计技能，这有助于更好地理解客户和故事。强烈建议读一读我们发表的7个协作提示！

4. 不要只有线。

我们这里讨论的，都是关于如何分享你的想法。当我们将想法说出来的时候，这些想法的伟大潜能会翻倍。通常，你不是专家，所以需要克服自负，团结在一起才是力量。

5. 静态地交流功能和交互。 

绘制线框图和制作原型是令人惊叹的工具，但它们的目的截然不同。原型比线框图要强烈得多。关键的功能或交互能，用静态的方式进行沟通会很简单。问一问客户他们需要什么。如果用户测试是项目中重要的一部分，制作原型能让你走得更远。关键是要了解什么时候要越过原型制作并有意而为之。

6. 设置清晰的期望。

针对你怎样将线框图视为一种工具，与客户进行沟通。如果这不能满足客户的期望，那么无论你的做得多么好，他们都不会听你的。为了能够有远见地避免期望无法达成，最好的方法就是与客户进行清晰、尽早、经常性地沟通。

7. 避免成功路上不必要的障碍。

如果你在使用像Axure这类的软件，不要让这些软件成为让你的想法自由飞翔的束缚。花一些时间学习基础或者选择更自然的媒介，比如图纸或者白板。

8. 实践无修饰。

不要过度修饰线条，线框图不是美艳的物件组合。为了快速创想，我们必须乐于拥抱变化并经常转变。

9. 保持可选择性和简单性。

当我们有了很多新想法，尝试让这些想法共同发挥作用或者将不同想法中的元素混合在一起，这是很简单的一件事。给每个想法一个独立的舞台。

10. 控制沟通。

再极度完美的线框图也不会让美妙的沟通自己冒出来。你需要控制沟通才能支持你的线框图。如果事情跑偏了，就要把它拉回来。不要害怕礼貌地打断谈话并问一些有意义的开放式的问题。

工作所需的合适工具

在设计思维的基于目标的设计流程中，线框图通常在战略阶段被用到。

头脑风暴和快速在白板上绘制，让我们能够探索多个解决方案并且识别新机会。一旦我们识别出每个想法的潜在影响（或作用），我们就能够更轻松地对这些想法进行优先级排序。A好的线框图能够让我们方便地对体验的实现来排序，并成为我们划分设计订阅迭代的重要组成部分。

好的设计师会花时间来决策合适的工具来解决设计问题。在错误的时机采用一种强大的工具，会对整个项目造成不利。与其他用户体验实践一样，绘制线框图存在着非线性的一面。将其视为锦囊中的工具，当你需要的时候就用起来；与其他工具组合在一起，没有特定的顺序。相信你的设计直觉，大胆地放飞你的想法。

原文：http://www.dtelepathy.com/blog/design/learning-to-wireframe-10-best-practices