原型制作是Web开发中的重要阶段，可让您在项目的早期阶段识别并形成项目的DNA。 近年来，用于原型制作的在线服务和工具的数量已大大增加。 该评论介绍了用于创建可视站点地图的10个服务。
在进行工具描述之前，了解术语不是多余的。
站点地图是以分层模型显示的站点页面的结构。 这种方案有助于评估构成站点的页面数量，并了解它们之间的逻辑关系。 有时，这些计划在组织和结构上都是原始的。 有时使用多层嵌套卡会非常复杂。 网站可帮助计划未来站点的内容分发和导航机制。
考虑三种类型的站点地图：
可视站点地图在项目计划，分析和原型设计中用作辅助元素。 今天，很难想象没有事先计划就可以开始一个项目。 该站点地图将有助于更好地了解未来导航的机制，并评估必要内容的数量。 可视站点地图是在开发团队内部建立沟通的重要元素。 由于站点的视觉结构，极大地简化了资源的讨论，评估和分配。
HTML网站模板旨在帮助您浏览网站。 创建带有站点地图的单独页面的传统被认为已过时，但尽管如此，如果项目具有复杂的结构和多层嵌套，则这种方法将不是多余的。
XML站点地图对用户隐藏，但很重要。 通过描述站点的结构和页面之间的关系，XML sitepamps使搜索引擎可以轻松地分析站点。 因此，对排名产生积极影响。 在XML站点中，结构描述的清晰性和所使用的语法很重要，因为搜索引擎的搜寻器不会容忍代码的不一致和松弛。 站点地图XML在专用的单独页面上取代了以前的“直接下载到搜索引擎”方法。 现在，站点地图可以直接加载，或者开发人员只需等到搜索引擎自己找到文件即可。 通过使用新结构更新站点地图文件，与标准自动搜索引擎过程相比，您可以更快地为页面建立索引。
为什么我们需要视觉站点地图？
网站规划和原型制作一直是行业标准。 大多数情况下，首先会构建项目的思维导图。 这样做是为了确定将来站点的主要和辅助元素，以及站点或服务将解决的任务。
在下一阶段，将计划页面的详细层次结构，并计划其结构。 这个阶段需要反思和讨论。 因此，这样的原型应该对过程中的所有参与者（程序员，设计师，开发人员，内容管理员）都清晰可见。 网站的正式结构（站点地图）成为起点。
该服务于2019年推出，采用简约而新颖的界面设计方法。 由于没有不必要的细节和附加组件，章鱼可以快速工作，并且干净的视觉语言使其可以工作。
章鱼网站设计的基本思想是由块组成页面。 这样的设计是明确的，旨在为将来的页面结构提供详细的概念。
未经注册即可测试Octopus.do。 保存项目后，您只需要注册一个配置文件。
直观的界面不会过载元素和动画。 尽管各个图标可能看起来很小。 借助明显的机制，可以轻松快捷地创建和添加块。
有一种添加块的更方便的方法-只需按Enter，一个新块将出现在页面底部。 此方法使您可以仅使用一个键盘快速填写内容。 拖放运行可预测且快速。
可以从给定的调色板为块分配颜色：
Octopus.do付费订阅用户可以用PNG和PDF导出导出站点地图。 通过免费订阅，您可以共享直接链接到项目。 同时，外部用户将可以更改站点地图，从而简化了团队合作。
信息层和服务各部分的组织会在简洁的弹出窗口中打开。 这给人的印象是用户没有离开简约编辑器的工作区。
在块中添加文本描述的功能对于计划项目中的内容很有用。 通过单击块右侧的文档图标来调用弹出窗口：
在内容组装过程中，通常需要快速评估视觉材料（照片，插图）的位置。 添加图像的功能将有助于完成此任务：
顺便说一句，通过向结构中添加图片，您可以在准备就绪时插入完整的页面设计布局。
章鱼的一个独特功能是估计功能的存在。 该界面以移动面板的形式实现，其中包含一个用于估算工作成本的计算器表。 利用已知的特定检查小时费率，您可以估算项目的时间成本和预算。
用户可以选择在层次结构中复制页面并创建项目的副本。 控制站点地图设计：可定制的页面边框样式和智能手机框架样式，以及改进的团队合作机制。
总结一套合乎时代精神的合理工具和智能界面设计。 八达通团队的定期更新和功能改进使该服务具有吸引力，并且当然有用。
费用，订阅 ：免费计划包括1个进行中的项目。 付费订阅每月8美元起。
易于使用：适合初学者和中级用户
设计 ：★★★★☆
团队合作 ：✓
导出 ：链接，PDF和PNG（仅限付费用户）
格洛玛普斯
无需注册是Gloompas服务的优势。 用户立即发现自己处于简约设计的工作环境中。 界面直观，可帮助您快速参与到该过程中。 添加和删除站点地图图块的过程是可以理解和预测的。
自定义每个单独块的颜色，设置字体大小的功能是一项方便的功能，可帮助在站点地图中创建重音符号。
另外，值得注意的是视图设置：“地图视图”，“矩阵视图”和“轮廓”。 根据项目的结构和规模，您可以选择如何显示站点地图。
在具有繁琐结构和多层嵌套的项目中，折叠和展开一组页面将很方便。 Gloomaps是一项免费服务，但并非没有限制。 项目链接的存储时间为14天，对项目页面的每次新访问都会将链接的可用性扩展到接下来的14天。 据了解，私人项目无法创建。 没有提供用于自动生成站点地图的功能。
对于经常使用该服务的用户，使用快捷键很有用，这些快捷键在离开菜单栏中进行了介绍。 各种格式的导出功能扩展了共享创建的站点地图的能力。
总结一项免费服务，具有最佳功能集，并且可以输出完成的项目。
费用，订阅 ：免费
易于使用 ：适合初学者
设计 ：★★★☆☆
团队合作 ：✓
导出 ：链接，PNG，PDF，XML
Flowmapp直观且模板丰富，可帮助创建可视站点地图并计划用户流程。
您必须先注册。 该项目可以：
准备的模板中有三种类型的项目：电子商务，企业项目和新闻门户。
在了解服务的过程中，有关工作环境的工具和功能的有用建议和技巧将定期出现在右下角。
界面元素的动画和反应有助于参与该过程并学习基本操作。 方便地实现页面的组分配，以删除或更改标签。
视觉页面模板是主要优势之一。 模板库涵盖了大多数可能的信息模式-在为未来站点准备和规划内容时必不可少的清晰功能。
对于那些对结构最感兴趣的人，您可以切换到仅包含标题的紧凑视图。
对于导航，标准功能集已添加了一个相当方便的机制Project Map。 项目图结合了视觉和机械价值-简化了大型项目的结构。
在项目的每个页面上，您都可以添加扩展描述并附加单个文件。 此功能在用内容填充网站的过程中很有用。
SVG和PNG格式的广泛导出选项使您可以选择最佳选项，甚至可以在输出端设置图像分辨率。
总结具有完善的功能和良好的界面的服务。 在免费订阅中，功能广泛。 适用于有效且高质量的站点地图项目演示。
费用，订阅 ：免费计划可提供1个进行中的项目和100 MB的空间，而对协作者没有限制。 付费订阅起价为每月8美元（每年）。
易用性 ：适合初学者和中级用户
设计风格：★★★★★
团队合作 ：✓
导出 ：链接，PNG，SVG，PDF，DOCX
组织相对简单Writemaps有助于设计站点地图和计划项目内容。 为了测试服务，您必须注册。
从设计的角度来看，该界面可以描述为“民间的”或简单的。 一个免费的计划可以访问部分功能：3个活跃的站点地图，每页50个页面。 其余功能可供付费用户使用。
付费功能的一部分包括使用颜色突出显示项目页面，对其进行合并和添加内容，创建部分，共享项目并将站点地图导出为PDF的功能。 尽管是免费计划，但提供了导出到CSV和XML的功能。
值得注意的是，站点地图和内容之间的切换是方便而清晰地实现的。 快捷方式列表将有助于加快工作速度。
总结“只有最必要的”才是您如何表征免费版本功能的方法。 除了站点的一般结构之外，付费订阅还适合计划分发内容的用户。
费用，订阅 ：免费计划包括3个有效项目，限制为50页。 付费订阅每月14.99美元起。
易用性 ：适合初学者和中级用户
设计 ：★★☆☆☆
团队合作 ：✓
导出 ：CSV，XML，PDF和链接（仅限付费用户）
君主制
该项目的beta版具有少量功能。 该站点地图是使用指向站点的链接从头开始并且以生成顺序构建的。
在发表评论时，添加页面的机制安排如下-您需要通过单击页面块来调用上下文菜单。
没有提供其他块显示设置。 但是，拖放是可以理解的。 方案的显示格式使您可以将项目切换为生物形态方案。 也许这种观点是明确和适当的。
发布时，只能导出到CSV文件。 您不能共享直接链接。
费用，订阅 ：免费
易于使用 ：适合初学者
设计 ：★★☆☆☆
团队合作 ：
导出 ：CSV
在Visual Sitemaps服务中，将根据已启动的项目自动构建站点地图。 该工具对网站结构进行爬网，并获取页面的完整屏幕截图。 同时，用户确定屏幕快照的数量和级别中的爬网深度。 免费订阅用户只能访问不超过2个级别的深度。
爬网过程相对较快。 但是，如果项目量很大，明智的做法是启动该过程，并分散其他任务的注意力，该服务将通过邮件自动通知站点准备就绪。 该项目将导出为PDF。
在发布之时，还没有那么多的附加功能，但是已经宣布了对页面屏幕截图的评论，重组项目结构和使用密码保护项目的能力。
总结可视站点地图将便于对该项目进行初步分析。 特别是在需要查看和评估页面布局的情况下。
费用，订阅 ：免费计划可提供一个用户的注册和50个屏幕截图，并且抓取的深度限制为两个级别。 付费订阅每月29美元起。
易用性 ：适合初学者和中级用户
设计 ：★★★★☆
团队合作 ：✓
导出 ：链接，PDF
光滑计划
多功能Slickplan服务包括站点地图设计器，图表和流程创建工具。 各种各样的内容计划工具和设计模板。
环境是合乎逻辑的，工作区域与导航元素明显分开。 导航栏继承了经典桌面应用程序的逻辑。 您可以从头开始构建网站地图或将其导入：可以使用XML和文本文件以及内置的搜寻器。
块操作的机制很直观。 添加新页面很快，使用拖放对象可以更改顺序和层次结构。 站点地图的每个元素（页面，块）的设置包括：
- 添加内容（文本和多媒体）
- 添加笔记
- 页面类型选择
- 分配设计模板
- 图表
- 添加链接
在Slickplan中，不仅可以借助准备好的配色方案来样式化站点地图，还可以单独地对其样式进行样式化。 可以在上方工具栏的“样式”选项卡中找到设置。
团队合作得以详细实施。 除了具有编辑者权限的用户，您还可以连接其权限仅限于查看项目的用户。 带有注释的部分将有助于在线进行项目讨论。
该服务提供了Google Analytics（分析）的连接。 这是Slickplan的独特和有用的功能。 与第三方服务（Basecamp，Slack等）的集成使您能够以方便的格式共享项目。 该项目可以用密码保护。
当然，设置此功能后，您不应期望免费订阅。 在30天的试用期内，您可以选择每月9.99美元的合适计划。
总结丰富的功能集和智能界面。 大量的功能和导出设置。
费用，订阅 ：30天试用期。 每月9.99美元起的付费订阅。
易用性 ：适合中高级用户
设计 ：★★★★☆
团队合作 ：✓
导出 ：链接，PDF，EPS，HTML，CSV，TXT，DOCX，Slickplan网站地图XML
要在Dynomapper中环顾四周，您必须创建一个帐户。 有14天的试用期。 对服务的了解将从可视视频浏览器开始。
与高级可视站点映射服务一样，邀请用户从头开始项目或使用导出。 顺便说一句，也在那里。
值得注意的是，环境的设计是受限制和保守的。 创建站点地图的过程更像是与Explorer（Win）或Finder（Mac）的经典交互。 与前面描述的服务相反，该站点的结构以类似于文件树的形式显示。
紧凑，将吸引那些习惯于这种互动的人。 尽管预览模式已经以流程图的形式显示，并且提供了4种其他显示类型。
元素的属性和功能的设置方便地位于选项卡的右窗格中：
- 页面（扩展页面信息）
- 内容（计划（添加）文本和多媒体内容）
- 分析工具
- 留言
私有项目仅对连接到该帐户的用户可用。
灵活的PDF导出选项使您可以在保存之前选择格式（大小）。 此外，用户定义并限制了要导出的嵌套级别的数量。
分开的操作和动作需要对帮助部分进行更详细的研究。
总结该工具给人留下了深刻的印象，很可能意味着需要对项目和内容进行更深入的研究。
费用，订阅 ：14天试用期。 付费订阅每月49美元起。
易于使用：适用于中级和高级用户
设计 ：★★☆☆☆
团队合作 ：✓
导出 ：链接，PDF，CSV
免费的搜寻器，自动生成现有站点的站点地图。 抓取的结果是网站页面链接的示意图。 在某些情况下，结果可能是大规模的。
该服务的创建者将源代码发布在Github（
https://github.com/alentum ）上。 搜寻器会仔细存储请求的历史记录。
费用，订阅 ：免费
易于使用：适合初学者设计：★★☆☆☆创造力
精心创建的演示环境无需注册即可测试服务。创建站点地图只是该工具功能的一部分。Creatly旨在可视化各种信息结构。已经在测试环境中创建了一个演示项目，用于创建站点地图。设计了一个示例来帮助您了解基本机制，并完成此任务。
拖放是可视的：元素的拖放伴随着页面和对象之间的可视链接。编辑页面，删除对象和连接线的工作方式类似于熟悉的矢量编辑器。因此，对于设计师而言，其原理是可以理解和接近的。
可扩展的右窗格包含样式设置和其他信息。网格及其绑定是一个方便的功能。可以选择字体，确定块中文本的对齐方式等。样式丰富的调色板将有助于在站点地图上设置重点。
文档大小（以像素为单位）是一个奇怪的功能。用户始终在导出图片之前就知道图片的分辨率。Creately的力学
摘要最接近图形编辑器。该服务的功能使您不仅可以创建站点地图，还可以创建许多其他图表和流程图。费用，订阅：免费计划包括5个公共文档，最多可以添加3个协作者。付费订阅每月5美元起。易于使用：适用于中级和高级用户设计：★★★★☆团队合作：✓导出：链接，PNG，JPG，SVG********************* **************聚苯乙烯
为了便于选择，这是所有服务的比较表（最后），还有更多屏幕截图。