网页设计布局中成功的三个基本元素

时间：2023-10-01 13:48:01 | 来源：网站运营

时间：2023-10-01 13:48:01 来源：网站运营

网页设计布局中成功的三个基本元素：




出色的网页设计既方便用户又灵活，即使面对不断变化的趋势和技术也是如此。

幸运的是，在现代网页设计世界中，网站布局不仅在艺术领域取得进步，而且在方法和逻辑上都加深了他们的利益。

这使得一个伟大的网页设计布局的艺术和科学很容易复制，我们在这里解释这一切。

易于识别的品牌

快说三遍。

好吧，我们知道那是一口，但它非常重要。

在营销中听到“摩擦”这个词几乎就像在随机对话中听到“伏地魔”这个名字一样。它会让您脊背发凉，并立即让您怀疑您的网站是否正走向灾难。

但是，有一种超级简单的方法可以避免网站设计中的摩擦，使您的品牌易于识别：显而易见。

不，这不是技巧问题的技巧答案。

尽管您的听众很聪明是显而易见的，但当我们让他们比必要的更努力思考时就会产生摩擦。

因此，当您最初开始布置您的网站时，请确保您不要忽视基础知识——您的品牌标志、颜色和字体。

一个可以使用徽标更新的品牌示例？伯克希尔·哈撒韦公司。

尽管沃伦巴菲特的身价高达 1080 亿美元……加上“B”……但他的网站并未向用户介绍公司的任何信息。除了简单的徽标外，该网站甚至没有关于我们的页面来帮助用户了解他们正在查看的内容。







现在，与该网站直接对立的是全球金融机构富国银行。

他们不仅在折叠上方有 “关于富国银行”的链接，网站上的视觉效果和副本让网络访问者更容易理解这是一家旨在履行简化客户生活使命的金融机构.

清晰的导航

第二点紧接第一点，你会明白为什么。

就像上面提到的，网页布局和摩擦就像油和水——它们不会混合。因此，当出现测试用户耐心的选项时……好吧，不是……我们的专业意见会为后者投票。

实现这一目标的最佳方法是确保您的网站布局为用户消除尽可能多的问号。

或者，换句话说，是直观的。

以谷歌的母公司 Alphabet 为例。







像什么？

虽然网页设计在视觉上很吸引人，并且对空白的使用非常好，但我有很多问题。

我不想更多地了解他们的投资者，我想知道他们到底在做什么以及他们为什么这样做。

而这正是摩擦力。

这些问题几乎肯定会让人感到沮丧，从而导致用户跳入竞争的怀抱。

网络访问者期待即时满足。正如我对Alphabet 的回应所证明的那样，我和我们大多数人一样。

现在，看看像Primitive这样的公司。







尽管一家以服务为导向的公司（与产品相比）在向潜在客户表达他们的价值时可能会有些困难，但网络访问者需要知道你在做什么以及你如何几乎立即为他们提供价值当然不是不可能的，否则他们将永远不会留在您的网站上。

因此，消除摩擦的最简单和最简单的方法之一是确保用户有效浏览您的网站所需的一切都位于折叠上方，如上图。这意味着您的导航应该在您的用户进行任何滚动之前存在。

如果用户有兴趣了解有关您在导航中显示的预告片的更多信息，则他们可以决定开始探索过程。

视觉层次

与阅读一本书（从左到右）不同，大多数网站都设计为从上到下查看。

然而，即使掌握了这些知识，重要的是要记住，大多数网络用户不会按照该顺序查看网站布局。事实上，大多数网站读者根本不阅读网站——他们只是浏览。

这与视觉层次结构也有很大关系，即您的网页设计策略。

网站是丰富的品牌信息和信息。您的组织能够根据视觉元素的层次结构将特定消息定向到特定受众。

这使得优先考虑您的消息对您的网站布局至关重要。

以 http://Arngren.net 为例







视觉效果是混乱的，用户完全没有理由了解该品牌希望通过该网站实现的目标。

然而，与这个令人焦虑的网站形成鲜明对比的是 Apple 的网站，该网站展示了他们的AirPods Pro。







现在，苹果在技术和文化方面已经有几十年的历史了，所以它有一点不公平的优势。但是，如果它没有坏，就不要修理它。

它们的布局极简、时尚且易于导航。一旦用户进入网站，他们就会了解 Apple 正在推广的产品，并被邀请观看“观看产品电影”或以产品为焦点的故事。

在比较两种网站设计（Arngren 与 Apple）时，用户本质上会遇到两种截然不同的体验，如果有选择，我很难想象许多人会选择前者。

尽管网页设计属于简单到时尚和复杂的范围，但拥有一个布局精美的网站归结为两件事：尊重您的观众和尊重基础。