网站建设浅谈网站设计需要做那些超前的设计准备

通常，很早就确定了建设一个出色的网站与一个平庸的网站之间的区别。网页设计师通常将他们的项目画成虚拟的“角落”，这通常是一个问题。那就是设计变得僵化并且无法适应各种用例的地方。

这往往发生在原型阶段。我们将大量时间和创造力花在了一个很棒的想法上。我们的客户可能和我们一样喜欢它。但是只有当我们真正开始构建它时，我们才开始完全理解其后果。

一个设计样机充当我们的网站项目的指南针。如果我们不考虑某些要素的要求，那就意味着陷入困境。最终结果是，一个站点必须做出一些重大妥协才能在不同的设备和浏览器上运行。这会对可访问性，性能和对最佳实践的遵守产生负面影响。

值得庆幸的是，一些计划可以帮助您避免混乱的构建过程。让我们看一些与客户分享想法之前要考虑的关键事项。

元素如何适应不同的屏幕

有这么一个原因，为什么要这么多地谈论“移动优先”的网页设计方法。从本质上讲，这使我们可以从网站的基本要素开始。从那里开始，我们可以随着视口变大来添加和增强。

尽管如此，我们每个人都有自己的偏好来构建原型。对于仍然使用基于桌面的方法的用户，重要的是考虑所有这些精美的设计元素如何在手机上工作。

如果您计划实施CSS Grid或Flexbox，它们将在最大程度地利用可用屏幕空间方面提供很大帮助。但是其他元素可能需要更多的精力才能开始工作。

例如，大型滑块可能很难在小屏幕上使用。复杂的图像可能没有那么大的影响力，并且文本可能会超出边界。性能也可能会落后。

在这种情况下，您可能必须确定滑块是否值得在移动设备上显示。或者也许可以对其进行重构以更好地适应所有情况下的工作。

辅助功能影响

设计从选择合适的字体和颜色开始。它们都与品牌和可及性紧密相连。

字体应清晰易读，并具有清晰易读的大小。虽然花哨的文字和装饰字体看起来很漂亮，但它必须足够大才能阅读，并且只能在标题中使用。如果不能合理地满足这些要求，则最好将它们从您的项目中删除。

另外，色彩对比度也应是主要关注的问题。背景和前景色必须达到可接受的对比度，才能被认为是可访问的。另外，这只是个好习惯。

如果不确定调色板，请使用在线工具确定其适用性。有时，要通过WCAG AA标准，甚至需要做些微调整。

除了这两项之外，最好有一个计划来显示图标之类的元素。他们直观吗？他们会附上文字吗？

网站建设

向后兼容

并非每个网站都必须与Internet Explorer 9完全兼容。而且旧版浏览器不一定可以阻止我们使用最新的CSS或JavaScript。但是应该考虑向后兼容性。

特别令人关注的是设计元素，这些元素将使网站完全无法在旧软件中使用。即使特定的浏览器在您网站的访问者中所占的比例很小，但这仍然会带来一些潜在的转化。

值得考虑的是，设计决策将对这些用户产生什么影响。给定技术的可用后备可能足以使事情看起来不错且可用。更好的是它们可以很容易实现。

过去曾希望设计师确保所有浏览器的元素外观和功能完全相同。这些天，这可能是一个太多的要求。只要用户可以在某些较古老的软件上导航和使用内容，这可能就足够了。

网站建设

尚未发生的情况

即使是最小的网站也需要随着时间的推移而发展。添加新类型的内容时，需要在设计中加以考虑。如果您还没有做好准备，那么实施这些项目可能会与已经存在的内容发生冲突。

例如，考虑添加一系列视频。虽然添加内容的过程可能很容易，但是它如何适合您已经建立的外观？您是否会使用默认的浏览器用户界面或制作与您的品牌相符的东西？

虽然您不能总是预测未来，但是您可以计划各种可能性。这是设计系统可让您完成的工作的一部分。通过从一开始就设置一些默认准则，您将有更多的时间来处理将来的添加。

现实情况是，我们今天设计的东西将来可能会改变。因此，为发生这种情况做好准备是值得的。

第一次正确构建

设计第一个模型不仅要使外观看起来好得多。它甚至不仅仅给您的客户留下深刻的印象。确实，这是一项迫使我们将项目视为一个整体的练习。

美学必须令人赏心悦目。但是设计还必须易于访问并且能够适应各种屏幕。另外，随着事情的发展，它可能必须容纳不同类型的内容。

如果这听起来令人难以忍受，请深吸一口气。这是您的经验和专业知识可以解救的地方。合适的工具也可以投入使用。

考虑一下您过去的项目中哪些有效（哪些无效）。寻找实现弹性功能的方法。这样做，您将成功进入成功的项目！