当观看一位伟大运动员的表演时，他们通常会让人觉得不费吹灰之力。展示极好的速度、协调性和敏捷性正是他们所做的。然而，我们的眼睛所没有看到的是为了让这些惊人的时刻成为可能而付出的所有努力。

同样，一个漂亮且功能强大的网站可以散发出简单性。但这掩盖了幕后付出的巨大努力。网站必须经过概念化、设计、构建和测试。这些步骤都不是很容易。尽管出色的用户体验使它看起来如此简单。

实现这一目标的困难会让设计师和客户都感到沮丧。当他们看到“恰到好处”的东西时，他们可能会相信他们将能够快速产生类似的结果——而且预算不多。直到网站建设过程开始，现实才会陷入困境。然而，这种感知与现实之间的差距是可以缩小的。今天，我们将看看一些方法来理解和传达一个精心构建的网站的复杂性。

伟大的工具仍然需要伟大的想法

今天的网页设计师可以使用比以往任何时候都更强大的工具。除了像 Photoshop 这样的多任务处理程序之外，还有许多专门为 Web 和移动设计创建的选项。

Adobe XD、Figma和Sketch是最受欢迎的。每一种都提供了一种更现代的方法来制作原型并将其变成成品。但是，不要误以为它们包罗万象。

因为，无论您最喜欢哪种工具，它们都至少需要我们做一件事：一个好主意。在这种情况下，伟大可能意味着很多事情。它可能是一种大胆的新设计模式，也可能是一种经过验证的 UI 方法。

关键是技术本身只能做这么多。这可能会使构建布局更容易，但创意部分仍然取决于我们。这需要天赋、努力和时间。最后，工具的好坏取决于使用它的人。

构建网站时，一种尺寸并不适合所有人

一旦设计概念经过精心设计，就可以开始构建页面了。即使对于经验丰富的开发人员，这个过程也带来了很多挑战。

网站的构建方式可能会有所不同，但一切都始于HTML 和 CSS的基础知识。从那里，我们进入 PHP、JavaScript 和任何数量的其他语言。哦，然后是从数据库中提取数据并连接到 API 的整个主题。

同样，您在屏幕上看到的简单内容可能具有欺骗性。这种看似毫不费力的布局可能需要数小时才能恰到好处。Flexbox 和 CSS Grid 等现代 CSS 技术是一个巨大的帮助——但它们仍然需要大量的调整和浏览器测试。它们不仅要在台式机上看起来不错，而且还要在大量移动设备上看起来不错。

但功能是事情真正变得复杂的地方。如果您从头开始编写代码，那可能需要大量工作。这就是为什么我们很多人都在寻找预先打包的解决方案，如插件或主题。

这些是很好的，但通常是不完整的解决方案。像 WooCommerce 这样的插件可以帮助您建立电子商务商店。但是如果没有一些额外的工作，它不太可能涵盖每一个项目要求。这可能是下载插件扩展，甚至是自己添加一些自定义代码。

模板网站有自己的隐藏成本。虽然您可以购买一个看起来足够漂亮的模板网站，但您总会有些地方无法接受它的原样，总有一些东西需要定制。

每个网站都是其自己的自定义实体。如果一个完整的从头开始构建不在预算之内，那么这就是将各个部分拼凑在一起并试图使它们都适合的问题。

技术和标准日新月异

从更大的角度来看，今天建立的一个伟大的网站并不能保证保持这种状态。变化发生得很快，网站的各个方面都会过时。

想想一个建于2010年的“最先进的”网站。它很可能使用了效率不高的旧 CSS 布局技术。可访问性和移动友好性也可能严重不足。

客户可能很难接受这种现实。这是可以理解的，因为客户可能已经投入了大量的时间和金钱。因此，必须始终如一地维护网站的想法可能没有多大意义。

虽然网站在技术上不是一个活生生的东西，但它可能值得这样对待。因为，如果没有适当的照顾，它的“健康”很可能会受到影响。反过来，这可能导致比承诺稳定维护更高的成本。

与客户沟通是关键

可以肯定的是，我们的大多数客户都没有意识到将网站放在一起的更精细的细节。没关系，因为他们还有很多其他事情要关注。这也是他们聘请专业人士的原因。

尽管如此，这可能会导致对这样做的难易程度的假设。他们可能认为网页设计完全基于工具，或者WEB开发包括简单地加载内容管理系统 (CMS) 并安装一些插件就可以了。

这就是为什么让他们了解所涉及的挑战很重要。否则，他们可能看不到我们所做的全部价值。当他们没有意识到价值时，他们可能很难认为成本是合理的。

我们不必解释项目的每一个细节。但我们应该努力说明取得成功结果所需的步骤。这将建立相互理解的流畅沟通，并对可以实现的目标设定切合实际的期望。