新的网站设计项目往往以一些线框过载开始。

在项目开始时创建数十个线框来向客户展示并不一定能更好地理解；它可以是彻头彻尾的压倒性的。

与设计的许多其他方面一样，线框图是一门艺术，在许多情况下，少即是多。

以下是关于如何更有效地进行线框图设计以及您实际需要多少线框图的指南（另外，还有一些关于哪些最重要，哪些您可能会错过的想法！）

您需要多少个线框？

在网站设计项目开始时，您究竟需要多少线框取决于构建的范围和规模。

较小的站点通常比较大的站点具有更少的线框。但情况并非总是如此。

通常，网站有多少线框的真实指标植根于站点地图。网站是如何组织的？需要多少级别的页面或页面类型来传达消息？

然后是这样：大多数客户可以在线框阶段“看到”设计。在内容被填满之前，显示几十个大纲对他们来说没有任何意义。因此，少即是多。使用一些线框图为客户设置网站的基本组织“规则”，以帮助他们了解设计的概念。

从网站站点地图和大纲开始

我们标题问题的答案的开始是组织网站内容。这发生在设计甚至开始整合之前。

绘制一个站点地图，其中包含网站将包含的所有页面和子页面。以一种说明它们将如何在视觉上组织的方式对它们进行分类，从顶级页面到二级页面，再到子页面、商店商品或博客文章。

自然地，您将开始看到类似内容类型页面的分组，这些页面几乎为您勾勒出许多线框图。

在这个阶段，您可能仍然认为您有十几个线框要创建（取决于网站），但不要担心您可以缩小范围。

思考模块化

以下是您如何从许多线框变为少数线框 - 模块化思考。

与其逐页概述整个项目，不如考虑可以在多个页面上使用和重用的模块化部件。（这是混合搭配的线框图。）

这个概念不仅可以帮助您节省时间，而且您将拥有一系列可以跨页面使用的复制和可重复部分。这将有助于在设计中创建一致性和模式，使用户在完成后更容易与站点交互。

另一个好处？客户尝试自己进行可视化的次数较少。通过可靠的解释（可能还有一些高保真线框），客户可能能够更好地理解您的整体设计概念。

每个网站的 5 个线框

如果您要简化为项目创建的线框数量，您到底需要什么？

从五个基本线框开始，它们将为整个站点组织可能需要的一切提供良好的视觉轮廓。记住要考虑模块化部件，以便您可以将部件混合并匹配到线框（和页面）中，以便更快、更轻松地构建。

主页

线框应包括主页设计的完整草图，包括导航和页脚以及页面上的所有必要元素。

对于一些客户来说，主页的高保真线框有助于将想法推向最终设计阶段。考虑创建两到三个高保真选项，以便客户可以完全了解您的项目进展情况。

这些线框应该灌输足够的信心，以通过实际的——有点视觉的——设计计划推动项目。

手机首页

在一个可能有更多用户通过手机访问网站的时代，拥有与手机主页相同的高保真线框很重要。每个高保真线框都应包含一个移动合作伙伴，详细说明元素将如何在较小的屏幕上重新堆叠和重新排列。

您可能会考虑注意任何不同的交互——点击或滑动与点击——以及确保您获得正确的功能。

二级（顶级导航）页面

主页上的第一次点击是什么？您将需要该页面类型的线框。

这确实是模块化思维的用武之地。设计一个包含您在此处可能需要的所有元素的线框，并考虑能够去除这些次要页面上不需要的部分。

这可以节省通过对内容进行微小更改来重复线框的时间和精力。

联系方式或关于页面

几乎每个网站都有联系我们或关于我们的页面。（许多网站两者都有。）预先为这两种页面类型之一设计线框，因为这可能是几乎所有网站中访问量最大、最重要的元素之一。

商店或博客页面

最后，考虑网站的目的。大多数属于信息或电子商务类别。为该类型的页面设计一个线框。

有时，这些线框可能包括两种页面类型——完整索引（项目或博客文章的展示）和详细信息页面（单个项目或博客文章）。

大型站点的附加线框

一些网站设计可能有更复杂的需求，需要额外的线框。（没关系。）

这可能是您稍后可以在设计过程中实际引入的内容。从上面部分中提到的基本线框开始，首先获得客户的批准，然后在设计过程中获得它们。然后转到任何其他线框。

您可以一次创建它们，但对于大多数客户而言，查看和消化少量线框图可能需要大量工作。建议您不要尝试将整个站点的轮廓线一次性推送到它们上。（这可能导致草率批准，即使这不是他们想要的，并且从长远来看可能会使项目脱轨。）

您可能包括的其他线框：

服务或定价页面

独特元素的特殊页面，如预订、菜单、照片画廊等。

地图或位置页面

电子商务详细信息页面，例如结帐或其他项目

电子邮件通讯或注册页面

用户登录或首选项

用户生成的内容或提要

大量数据可视化或表格

结论

当涉及到您需要的线框数量时，没有什么神奇的数字，因为项目可能非常不同。但是您可以从一些功能性线框开始，让您和客户更轻松地将项目可视化并让他们朝着正确的方向前进。

诀窍是不要让自己陷入线框图杂草中。继续创建线框很容易；将所有这些不同的部分变成功能性网页要困难得多。

诀窍是以模块化和有组织的方式思考，这将帮助您创建所需的线框。别担心；如果您稍后需要更多线框，则必须使用工具将其快速敲掉。