视觉叙事：以非线性格式为 Web 设计

已发表: 2018-03-18

讲一个好故事并不像以前那么简单。有一次，你所要做的就是为不同的角色采用一些愚蠢的声音，在这里和那里添加一个戏剧性的转折，然后 BOOM。你有一个有趣的故事。如今，您必须包含一个充满相应且引人注目的图像的多媒体演示文稿。

如果你是一个试图让你的孩子睡觉的父母，那是个坏消息。然而，对于网页设计师来说，这是一个令人惊叹的美好未来的开始。

设计前的实质

你可以创造一个视觉杰作，一个全景式的视觉享受，但如果它没有意义，那么它只是……毫无意义。

与讲故事有关的网页设计背后的想法不是用华丽而令人印象深刻的视觉效果来掩盖您的信息。这是为了创造一种相互补充和增强的故事和景点的共存。

为了做到这一点，你必须从故事开始。因此，在您考虑想要在您的网站上使用什么样的图像、象征或图像之前，首先要为您的品牌制定有效的叙述。

你故事的寓意是什么？你提供什么，你的客户在你创造的情节中适合什么？问自己这些问题，然后从那里继续前进。

讲故事的打字机复古

虽然重要的是要注意网站的每个元素都必须遵循一个总体主题，但您还希望每个元素都是独立的。因为您永远不知道访问者可能会登陆您网站的哪个页面，所以他们能够在您讲述的故事中找到自己的方向非常重要。

要管理这一点，您必须提供面向内容的提示。 换句话说，书签将帮助您的访问者了解他们在哪里，以及他们正在查看的内容与您的品牌有什么关系。您可以使用每页上的主要文本执行此操作，也可以使用所有较小的文本。像：

在您网站的每个区域进行描述将有助于您的访问者了解您的品牌叙述，无论他们从故事的哪个部分开始。

图像对于视觉讲故事至关重要，您需要确保您拥有一个与您的所有创意兼容的网页设计平台。毕竟，没有合适的画布，就无法画出杰作。

您在网页设计中使用图像的方式几乎是无限可变的，这使得它们变得更加有趣。您可以使用视觉提示来引导注意力，例如指向手指或注视某个方向的人的照片。或者是一个展示普遍认可的主题的符号。这方面的一个例子是超人的“S”盾作为英雄主义的象征。

健身房举重的超人

您还可以使用标志性图像，这可能不是您可能习惯的定义：具有固定的公式化风格。在这种情况下，标志性意味着它看起来像它所代表的那样。机场男厕所的标志性图像。从标志性的到平凡的，视觉故事讲述者有很多不同的选择可供选择。

字形图标意象浴室标志

视觉叙事的基本元素甚至超越了图像。您可以使用独特或不拘一格的排版形式将文本的某些部分分开。您甚至可以决定是否希望您的整个网站使用一种不常见的字体来展示您的现代魅力。远离Comic Sans。你会引起不受欢迎的反应。

尝试在网页设计中讲述视觉故事时，有三个关键指令：

您对听众的理解应该为您的故事讲述提供信息。事实上，它应该是你的指导性影响。你在跟谁说话？他们需要什么？你将如何为他们提供？这些是您在为您的网站进行视觉选择时应该问的问题。

例如，您是否在推广具有有效期的优惠？如果是这样，最好显示传达紧迫感的图像。红色是一种突显交易的冲动颜色，时钟滴答作响的图像可能是这种场合的有效象征。

红色运动鞋耐克

同样，了解您的听众也很重要，这样您才能更好地保持他们的注意力和参与度。用户体验是当今网站所有者最关心的问题。所以保持它的吸引力，但更重要的是让它具有交互性。如果访问者可以在这个视觉叙事中成为他们自己的叙述者，那么他们成为追随者、订阅者或客户的可能性就会增加一倍。

这可以追溯到你的道德，尽管它有点不同。您的视觉叙述应该朝着最终结果发展。即使它以非线性方式这样做。在电子商务设置中，最终结果应该是转换。如果您的网站旨在吸引大量访问者流量，从而获得广告收入，那么您的目标应该是提供信息和娱乐。

不要满足于仅仅为了成为高科技爱好者而拥有一个网站。在你的视觉叙事中包含一个有意义的方向。

除非您选择仔细相关的图像来配合您的信息，否则所有这些谈话都会以废话和废话告终。仅仅为了网页本身而在网页上投放引人注目的图像是不够的。您必须包含添加到您的叙述或与您的叙述相关联的图像。这意味着远离任何过于抽象的东西。当然，除非你卖的是超现实主义艺术。那么抽象对你来说很有意义。

更清楚地说，您在网站上做出的每一个审美选择都应该与您想要讲述的故事相关联进行仔细考虑。更进一步，它应该与你想在故事的这个特定片段中给人的印象有关。

例如，一个严肃的主题需要鲜明而严肃的图像。更暗、更柔和的颜色以及 Helvetica 风格的字体是合适的。一个为幽默而设计的网站应该以愚蠢的图片为特色，猫通常是一个不错的选择。

戴大眼镜的猫

讲故事是最古老的娱乐形式，而且仍然是最受欢迎的。方法变得更加先进，但主题元素保持不变。花点时间发展您的在线叙事，并确保以偶然的视觉效果使其闪耀。