改善网站视觉效果的 3 个简单设计技巧

您的网站是您业务的形象。 这是人们在搜索您时看到的第一件事，而且通常是他们在购买之前看到的最后一件事。 这使得确保您的网站在视觉上具有吸引力至关重要。 对每个人来说幸运的是，您可以遵循许多设计技巧，这些技巧将在整个过程中为您提供帮助。

设计网站视觉效果是一项艰苦的工作。 这是一种艺术与科学的平衡行为，考虑到用户的需求、公司的信息和整体审美。 但这也是一个非常个人化的过程，对一个人有用的东西可能对另一个人不起作用。 这就是为什么找到自己的设计风格并保持简单很重要的原因。

但首先是一个相当修辞的问题——如果没有审美视觉来支持，一个网站会在哪里？ 根据 Noah Kagan & BuzzSumo 的研究数据，它很可能至少距离达到预期结果还很远。 他们的研究结果表明，跳过社交预览图像会阻碍社交分享高达 7 倍，或者平均只有 17.7 次参与，而不是 56 次。

了解这一点让我们有充分的理由深入研究设计吸引人的视觉效果的细节，这些视觉效果不仅是视觉上的享受，而且是围绕真正有效的设计原则而构建的。 在我们开始之前，试着检查一下我们的视觉效果，随着你的前进，你会看到这些原则在起作用。 因此，事不宜迟，这里有一些简单的设计技巧可以帮助您改善网站的视觉效果：

眼动设计技巧

在我们开始在画布上绘画之前，首先要考虑构图。 在平面设计中，有一个叫做视觉层次的原则。 简而言之，视觉层次是用户在阅读特定内容时眼球运动的反映。 作为如此重要的基础知识，我们选择它作为我们将介绍的三个设计技巧中的第一个。

当涉及到层次结构本身时，用户倾向于遵循两种主要模式——“F”模式——用于大量文本的内容，而“Z”模式——用于更多视觉效果。 这两者都起源于数千年，我们已经阅读了各种文本，因此可能会有所不同，这取决于我们的文化阅读方向。 差异本身并不是激进的，而是经典的——从左到右阅读，从右到左逆读。

考虑到我们的主要重点是视觉效果本身，我们建议您在设计横幅时牢记“Z”图案。 为了更好地描绘这种模式，请尝试将特定的视觉效果分成四个部分 - 左上、右以及左下和右下。 按照这种模式，您的用户将首先看到左上角，然后向右移动，然后以同样的方式穿过底部。 要利用这一点，请在左上角放置一个引人注目的元素，然后在右上角放置一个描述。

字体设计技巧

字体只是特定内容中使用的字体的精美图形设计术语。 考虑到您的视觉效果中很少有无文本的，我们将其列为我们的设计提示列表中的#2。 字体是任何设计的重要组成部分，但围绕它们的使用有很多错误。 使用相互补充的正确字体本身就是一门艺术和科学，这需要专门的文章，但现在，我们只讨论一个关键因素。

使用字体时要记住的最重要的事情之一是了解每个主要原型传达不同的情感。 虽然这起初听起来很吓人，但它也创造了一个难以置信的机会，用一种进一步强调它的字体来支持你的故事的文本。 这就是为什么我们将仔细研究三个主要字体类别——衬线、无衬线和显示。

字体类型

衬线字体

衬线字体是我们在 2010 年之前经常看到的字体，当时我们消费的大部分内容都是由严肃的传统公司提供的，例如微软。 这就是为什么长期以来默认的 Microsoft Office 字体曾经是 Times New Roman - 一种衬线字体，由其有点华丽的设计定义，具有锐利的斜角。 这种字体倾向于传达更经典和传统的外观，最适合同类垂直，如法律。

无衬线字体

相比之下，无衬线字体没有衬线字体通常带有的华丽斜面。 它被谷歌等现代公司推广，并已成为当代科技的识别标志之一。 它干净且易于阅读，使其成为需要适应更现代演示的长篇文本和设计的完美候选者。

显示字体

这类字体相当广泛，因为实际上它是由其他几种字体组成的——脚本、blackletter、全部大写，以及其他所有花哨的字体。 与流行的看法相反，它是用于内容的最糟糕的字体之一，因为它难以阅读，因此最适合仅用于突出显示和装饰目的。 古老的格言“少即是多”以各种可以想象的方式适用于这种字体。

使用面的设计技巧

说到字体，我们设计技巧列表中的最后一个是另一个关键方面，它指的是……你猜对了——面孔！ 这些面孔不是定义您的文本的面孔，而是普通的老人脸。 记住我们的大脑是如何从我们积累的数千年经验中建立起来的，这不足为奇。

从很小的时候起，人类的生存就依赖于识别特定模式的能力。 其中一种模式当然是人脸，因为它可以快速轻松地辨别敌友，例如危险的掠食者。 正因为如此，我们的大脑对看到一张脸的刺激反应强烈，并认为它是值得信赖和权威的，这使得你在设计视觉效果时可以利用它。

这使得面孔成为一个特别有影响力的引人注目的焦点，自然也有一个吸引人的地方。 如果您希望通过一张脸给人留下最深刻的印象，请使用直视相机的脸。 我们都见过那些无论你从哪一边看，它们的目光都倾向于跟随你的剪纸，它们被使用是有原因的。 根本没有任何视觉可以像凝视那样令人印象深刻。

但还有更多。 凝视用户的眼睛并不是您可以利用面部优势的唯一方法。 虽然这本身就是一个很棒的工具，但视线也同样重要。 在细读特定的视觉效果时，人们倾向于跟随视线，这使其成为突出显示特定文本或构图中其他对象的绝佳机会。

把它放在一起

牢记这三个设计技巧，您已准备好迈出第一步，创建对用户同样具有影响力的美观视觉效果。 您会在我们在网站上发布的每一个视觉效果中找到这些原则或至少其中一些原则。 幸运的是，魔术师的秘密现在已经公开，可以利用。 你能让它适用于你的用例吗？

最初发表在 CopyRock Insights 上。

以 Audiblog 形式收听文章或在 YouTube 上观看旁白。