展示您的在线作品集的想法

在线作品集大多以内容为导向，用户必须主动浏览网站。 你的目标是清楚地展示你的作品并鼓励用户点击。

在这篇文章中，我想分享一些技巧来帮助访问者更深入地了解您的作品集。 有许多不同的方法可以做到这一点，有些人只是添加静态页面，而另一些人则添加幻灯片和完整的案例研究。

当然，您所做的工作类型将在您的网站设计中发挥作用。 但这些技巧是通用的，可以应用于网络上的任何投资组合网站。

动态类别

如果您从事许多不同类型的工作，您应该尝试在您的作品集页面上添加动态排序标签。 这使访问者可以浏览他们想要查看的作品，而不是浏览您所做的一切。

例如，数字设计师可能有许多不同类型的工作，每个作品集条目可能会展示不同的技能。 这些类别可能会像这样分解：

• 身份设计
• 图标设计
• 网站
• 移动应用
• UI/UX 线框图

如果您创建动态类别，则访问者可以单独浏览每个类别。 这使得浏览网站变得更快，并且是展示作品集的最有力方式。

Hero 主题是这个类别排序的一个很好的例子。 主要的投资组合页面使用顶部附近的小标签链接来组织不同的项目风格。

当用户单击类别链接时，投资组合会自动隐藏除添加到类别中的项目之外的所有项目。 所有这些都由后端的 WordPress 控制，因此您只需将项目添加到您的站点并相应地组织它们。

默认情况下，许多 WordPress 组合主题都带有这些功能，它们非常棒。 您可以在 Beckett 主题中看到另一个使用简单文本链接的示例。

但请注意，这两个示例基本上都是全屏设计，并且作品集占据了页面上的大部分空间。

动态类别在易于使用且易于浏览时效果最佳。 这些示例提供了一个很好的起点，如果它们符合您的设计风格，您甚至可以将这些主题用于您自己的网站。

项目照片幻灯片

绝大多数项目幻灯片被用作投资组合项目页面上的额外元素。 因此，这些幻灯片在页面中添加了一定程度的细节，您可以通过单击按钮浏览照片。

我喜欢幻灯片，因为它们提供了对工作流程的一瞥，而不会占用太多空间。 但是您应该谨慎使用它们。

有时访问者更喜欢一个缩略图库来一次浏览所有内容。 但是，如果幻灯片不是太大并且没有太多幻灯片（假设 15 岁以下），幻灯片就有它们的位置。

Bramble 支持作品集页面上的图像幻灯片，并且它们也完全响应。 这使您可以快速浏览照片，并且它有两种不同的导航方法：

• 左/右箭头
• 每张幻灯片的点导航

智能手机用户仍然可以轻松浏览此幻灯片并获得完整效果。 但也有关于缩略图的争论，因为用户可以点击放大照片。

您理想的投资组合幻灯片取决于您所做的工作类型。 如果您的镜头可以水平放入滑块中，那么一定要考虑在您的项目页面中添加一个。

或者您甚至可以像在 Oshine 主题中一样在您的主页上添加一个。 特别是这个演示室内设计和建筑。

这种独特的风格非常适合摄影师、数字设计师和数字艺术家。 这些工作风格往往相当大，非常适合全屏幻灯片。

主页滑块会立即吸引注意力，因此它们还有助于一目了然地准确销售您所做的事情。

只需确保您阅读了一些关于轮播的内容，以了解导航和自动转发的一些最佳实践。

模态框

这是我展示作品集作品的首选技术。 模态窗口框显示在页面的“顶部”，下面的内容变灰。

这通常以图像库的形式出现，用户可以在其中一次单击（或滑动）许多项目图像。 由于模态窗口出现在页面顶部，因此它可以占据整个页面，而不会因新标签而烦扰用户。

ThemeForest 上的 Vitae 主题就是一个很好的例子。 它在每个投资组合项目页面上都带有灯箱模式，您可以单击以查看图像的更大视图。

我个人更喜欢较暗的背景，因为这确实增加了模态窗口和内容之间的对比度。 Vitae 等一些主题使用较浅的背景，这也很好用。

目标是通过在整个页面上方强制此模式来增加用户参与度。 当您使用模态弹出窗口执行此操作时，它可能会非常烦人。 但是当用户期望它时，它对于投资组合内容的效果出奇的好。

我主要推荐这用于画廊项目，您有很多照片要在一个系列中展示。 深色模态窗口还可以显示完整的投资组合项目，例如 Honshi 主题。

如果您有一系列照片放在一组中，请考虑使用模态幻灯片运行它们。 或者，如果您是一名设计师，您可以将工作的不同阶段添加到幻灯片中，就像从开始到结束的进度一样。

任何类型的视觉作品集网站都可以从模态窗口中受益。 您只想找到具有此功能的作品集主题并将其自然地包含到您的项目页面中。

整页案例研究

在你的作品集中添加一些书面内容总是好的。 通过这种方式，访问者可以了解项目的情况、您所做的工作以及您是如何从最初的规划阶段过渡到完成的。

案例研究是展示项目全貌的最佳选择。 页面上自然应该有很多照片，但也包括个人轶事和分解整个创作过程的列表。

访客想了解更多关于您所做的事情。 这些案例研究建立信任，并将您展示为该主题的权威。

曼陀罗是一个很好的主题，展示了简单的案例研究可能看起来多么简单。

顶部包括项目的示例照片以及项目日期、类别、客户名称和简要项目概述等额外详细信息。

让读者有机会窥视幕后，并更多地了解您的工作。 视觉效果有所帮助，但它们只显示了故事的一部分。

通过撰写案例研究，您可以解释您的常见问题以及您如何解决这些问题，以及您想出很酷的想法的头脑风暴过程。

如果您从事摄影，那么您可能没有太多可写的东西。 然而 Dazzle 主题表明，只需一点点内容就可以走很长的路。

他们的作品集主题有几十种风格。 有些人对项目的信息很少，有些人在项目页面上有更多详细信息。 但无论哪种方式，您都可以通过查看该主题提供的多种样式来学到很多东西。

进行案例研究，真正让它们成为你自己的。 添加足够的信息以使它们对访问者有价值，而无需编写完整的论文。

包起来

展示你的作品集并不总是那么简单。 它因工作类型和您拥有的项目数量而异。

但我上面列出的趋势几乎适用于从图形设计到摄影、动画、UI 工作或其他任何东西的所有方面。 自定义幻灯片、类别排序、模式窗口和案例研究都可以从根本上提高您的投资组合网站的参与度。

如果您还没有创建自己的作品集网站，您应该查看我们关于如何构建 WordPress 作品集网站的文章，其中我们解释了如何为您的在线作品集设置托管和主题。