询问“什么是模拟网站的最佳方式？”就像问“ 什么是最值得注意的网页设计趋势？”没有捷径作为单一的“最佳方式”，但有些在某种程度上比其他方式更好每个UX / UI设计师的风格和偏好。关于“PSD到HTML”的无数教程对你来说就像abracadabra，而悖论是，当你最终阅读它时，你会发现自己仍然在啃着一块纸板。

问题是，作为UX / UI设计师，您应该捍卫自己选择工具的基本权利。Photoshop很有帮助，但我们最好不要将它标记为唯一可用于模拟网站的一体化方法。这是2019年，那里有无数的替代品。在本文中，我们将看看3种最常见的网站模型方法，以尽可能接近模拟网站的最佳方式。

1.编码（HTML）原型

从新一代设计师的普遍角度来看，代码中的原型设计可能过于繁琐，无法成为模拟网站的最佳方式。然而，肯定有许多设计师没有放弃它的原因。

我实际上发现在代码中进行模型的一些优点。最明显的一点是编码原型支持所有操作系统，不需要外部软件。设计师不是专注于创造性，而是专注于如何使代码工作。它非常有趣，我将其称为“开发前”步骤，最终将对网站的进一步发展起到非常重要的作用。

你也可以通过谷歌搜索到处找到免费的HTML文本编辑器，但在它们有用之前需要高度耐心的学习资格。

2.线框工具

就像玩乐高积木一样，在后续过程中无数次的尝试和修复比蓝图上的更改要昂贵得多。线框工具非常受欢迎，因为它们允许设计人员快速迭代。如果您是经常与不同团队合作的自由设计师，您需要做好充分的准备，他们会要求使用不同线框工具的能力。

我个人是笔和纸的粉丝，但有时我会使用一个名为Mockplus的线框软件，如果我需要与我的队友快速合作。事实上，初学者很难使用除线框工具以外的任何东西，因为编码的可怕学习曲线已经阻止了它们。此类工具中预先设计的组件和图标可帮助初学者释放他们的创造力，快速执行他们的想法。由于上述所有原因，各种线框工具确实成为提名模拟网站的最佳方式的严重竞争对手。

3.Presentation软件

没有“为每个人模拟网站的最佳方式。”因此，对于绿手，PowerPoint和Keynote等演示软件也可以是“最好的”。换句话说，演示软件可以成为专业门户的最佳途径。几乎每个人以前都使用它，并且在你掌握有关高级功能（如动画和链接幻灯片以进行交互）的所有技巧之前不久。

包含的基本元素库还将引导您快速熟悉网站模型的内容。很快你就可以使用更全面的线框工具了。