网站设计不仅仅是**丰富多彩的网页。事实上，**一个功能齐全的专业网站有很多方法。从了解客户的需求到**流程、内容开发、视觉设计和技术集成，每一步都非常重要。为此，你需要一个技术熟练的团队来完成每件事。了解从头到尾的过程以及相关人员的角色非常重要。再加上还有大量的运动部件需要跟踪。但有两个重要的网页设计是整个过程的先决条件-网站地图和线框。

什么是网站地图(a sitemap)？

Sitemap是一种规划工具，用于设计和组织专业网站，提供网站的信息架构。它是一个XML文件，其中列出了网站的URL。它实际上就像你的网站的路线图，为谷歌这样的搜索引擎创建，以便轻松地在网站的许多页面中爬行，并为网站内容编制索引。它指导内容SME如何组织和编写内容，还帮助web设计来设置站点的文件结构。一个网站地图就像一个网站的蓝图，显示了该网站的所有主要部分，就像一个目录，使网站易于浏览。它链接网页，从而使谷歌或其他搜索引擎很容易找到你的网站上的网页。这对你的搜索引擎优化也是非常重要的。

什么是线框(a wireframe)？

一旦一个站点地图最终确定，线框通常是下一步。线框是设计过程开始时使用的另一种规划工具，它扩展了站点地图的范围。线框在UI设计中是非常重要的，它可以作为网站的视觉指南。它是一个网站的示意图，一个什么进入哪里的强有力的代表。如果站点地图提供了网站的信息架构，那么线框就是一个页面界面的图示，它给出了每个页面完成后的外观。线框是网站的蓝图，由线条、方框和灰度色组成。它可以帮助您规划网站的所有功能，类似于建筑物的建筑蓝图。这是一个简单的素描，可能需要一个小时左右，但可能需要数周或数月的计划。

站点地图和线框的区别

基础知识

–术语“站点地图”和“线框”都可以指网站的布局，但它们非常不同。线框是一个骨架框架，当你的网站建成后，它会是一个蓝图，为你的网站设计师用来布局网站的功能。线框与建筑蓝图类似，只是它们与网站的结构有关。另一方面，Sitemap是提供网站信息架构的网站路线图。

结构

–网站地图就像一个网站的蓝图，显示了该网站的所有主要部分，就像一个目录，使网站易于导航。网站地图是一个网站的页面列表，链接在一起可以更快地被搜索引擎索引。一个网站地图就像一个你的网站的流程图，显示哪些页面去哪里。另一方面，线框是一个页面界面的图示，它给出了每个页面完成后的外观。线框是网站的蓝图，主要由线条、方框和灰度色组成。

目的

–线框是使用基本图形（如图像和文本占位符）**的网页模型，没有实际的视觉元素。线框可作为网站的视觉指南，在网站的最终设计阶段之前概述所有界面元素和功能。这是一个很好的方式来熟悉你的网站所做的一切，当用户与之互动。Sitemap是为像Google这样的搜索引擎创建的，它可以轻松地在网站的许多页面中爬行，并为网站内容编制索引。网站地图使您的网站易于浏览。

网站地图(sitemap) vs. 线框(wireframe)

总结

简而言之，线框是应用程序的简单绘图，无论是网站还是移动应用程序，它展示了所有界面元素和功能，而没有颜色或品牌等视觉元素。这是一个简单，素描你的网站，一个什么地方去视觉表现。它给出了每个页面完成后的样子。另一方面，站点地图是对页面的分类，显示哪些页面在网站中的位置。它就像一个目录，将页面和内容链接在一起，使得像Google这样的搜索引擎很容易在你的网站上找到页面。网站地图将网站分解为最基本的组件，而线框则让您了解每个页面完成后的外观。