你知道线框图，它是网站制作中非常重要的材料吗？　

通过牢固地创建线框，您可以顺利创建网站。　

• 1.我听说过，但我不确定它是什么样的

• 2.为什么需要线框？

• 3.我应该突然做一个设计吗？

• 4.我不知道怎么做　

对于这类人，本文介绍了线框图的基础知识，比如线框图的用途，具体的制作流程，制作时的注意事项等。　

请参考它，加深您对线框的理解！　

什么是线框？　

线框是确定网站布局的蓝图。　

图像就像房子的平面图。　

创建网站时，首先决定在线框中放置的位置和内容，然后进行设计制作。　

线框是制作早期、组织信息和决定布局的重要过程。　

线框的目的　

创建线框有三个主要目的。　

• 整理资料

• 决定布局

• 匹配识别　

线框不会创建详细的文本内容或设计装饰。　

我们将对要发布的信息进行识别和组织，并创建它来决定放置位置，例如“将XX的评论文本放在这里”。　

即使要包含在页面中的信息是用句子来解释的，也很难想象实际的结构是什么。　

因此，我们将创建一个线框来“可视化”页面的完整图像。　

它是使设计师、编码员、导演和客户等制作团队内部意识匹配的重要材料。　

描述你想要分享的决定、注意点和信息，并调整识别。　

通过匹配识别，可以防止在设计制作或网站发布后发生重审。　

容易与线框混淆的东西　

设计组合和站点地图很容易被误认为是线框。　

设计方案是我们向客户提出的设计方案或完整样品。　

另外，站点地图是对整个站点中存在什么样的页面的站点结构的概括。　

两者在网页制作中都很重要，但请注意它们与线框不同。　

线框创建流程　

现在，让我向您介绍创建线框的 5 个步骤。　

• 1. 准备

• 2. 信息组织

• 3. 布局信息

• 4. 草稿

• 5.使用工具制作干净的副本　

我会按顺序详细解释。　

1. 准备创建线框　

在创建线框之前，首先确定要在网站上发布的所有内容。　

然后组织识别的内容并决定将什么内容放在什么页面上。　

确定页面结构，将整个站点的页面结构组织成树上的站点地图。　

树上的站点地图可以是手写的，也可以是简单的。　

在团队内共享时，请使用易于共享的工具。　

如果页面内容过多，或者页面内容少、内容轻，可以考虑分页、移动内容等措施，为整个站点做好准备。　

一旦您决定在页面上放置什么内容，您就可以开始了。　

2. 信息组织　

按照以下步骤组织页面上的内容信息。　

• 1. 取件

• 2.分组

• 3. 排名　

我将用具体的例子解释每个过程。　

捡起　

例如，在具有实体店的服装店网站的情况下。　

• 标识

• 店名

• 店铺地图

• 电话号码

• 店铺照片 外观/内部

• 商店概念文本

• 销售文本

• 销售产品照片

• 将横幅链接到网上商店　

我们会尽可能多地收集要发布的信息，而不会遗漏。还建议通过参考竞争站点列出必要的项目。　

分组　

将收集到的信息与您的朋友分组。　

例如，以下组是可能的。　

• “店铺地图”和“电话号码”

• “销售文字”和“销售产品照片”

• “标志”和“店铺名称”　

将同一组中的项目靠近放置，这样您就不会出现无法找到信息的布局。　

分组是使信息更易于理解的重要过程。　

排行　

接下来，对分组信息进行优先排序。　

优先级因站点的目的而异，适当的优先级因站点而异。　

例如，有实体店的网站会优先提供店面位置信息和地图，以鼓励光顾实体店。　

根据目的按重要程度排列信息，以便于查看。　

还要考虑页面是否真的需要低优先级信息。　

返回目录 在线咨询