卡片式设计的网站

[ahbappy85.2]

它是用来做什么的？ 用户应该在网站的各个页面之间有一条清晰的路径可循：将拥挤的导航栏隐藏在下拉菜单中，可以使体验更清晰，不受任何干扰。这些小的改进有助于潜在客户更轻松地找到他们需要的信息。

产品图片
插入极其详细和非常大的图像（当然是高清的！）来展示服务的旗舰产品、细节和创新功能，这种趋势正在日益增长。许多公司在创建网站时都遵循相同的方向，将图像置于顶部，然后向下滚动，甚至添加更多照片和附加信息，这并非巧合。每个视觉元素都必须具有响应性，也就是说，在用户用于导航的每个设备上都必须完美可见。

它们是用来做什么的？ 非常大且详细的图像可以让公司快速展示产品或服务的不同特点，并对网站访问者产生确定的影响。这是一个有用的工具，可以强调旗舰产品的功能，您可以用标题来指示以完成信息。

由于本能地使用了图像而不是长段文字，因此访问者可以立即理解所提供的信息，并且这些信息会长时间留在他们的脑海中。

卡片设计
同样由于 Pinterest 等社交网络的出现，网页设计师和营销人员都对基于所谓 卡片设计的网站结构着迷，即带框架的图像、卡片，它们利用视觉内容 在页面内提供信息。访问者可以通过点击单张图片一次深入了解一个主题，而不会感到困惑或在屏幕上看到一堆杂乱的照片。

让我们通过图像来解释这个概念，并看看 Airbnb 的例子。


通过将主题划分为单独的 卡片，用户可以选择并点击他或她想要了解更多信息的内容，但主页仍然井然有序，视觉上美观，最重要的是，不会被可能吓到访问者的文本部分所主导。

它是用来做什么的？卡片 设计 在从事网站创建的机构和创意人员中越来越受欢迎，不 喀麦隆电报数据 仅是B2C，而且最重要的是B2B，原因很简单：可以分发小部分信息，用户可以像样本一样选择探索，如果他看到他喜欢并且感兴趣的东西，他会进一步点击可以找到产品/服务规格的部分。

这种类型的网站设计将帮助您在单个页面上并排展示多种解决方案或产品。在这里，记住响应式图像的重要性也很重要 ：根据可以缩小或放大的屏幕（智能手机、平板电脑或个人电脑），卡片的数量及其尺寸必须自动适应。

产品视频
除了我们之前谈到的背景视频之外，公司还可以使用视频工具来展示新产品或新功能，以突出其具体用途。这对于您网站的访问者而言是一项非凡的附加价值，当您使用新工具、新平台、新软件或只是解释如何使用新命令时，他们只需观察您和您的同事（使您的品牌更贴近您的潜在客户）就能找到疑问的答案。

用户会很高兴不必阅读无尽的说明，而是能够通过观看视频来学习。

这是 Hubspot 网站案例研究部分的一个很好的例子： 视频 是对爱尔兰车队管理解决方案公司 Transpoco 的营销总监的采访，在底部的预览框中，邀请访问者阅读完整的案例研究。

根据《 2015年数字营销状况》报告，视频是B2B公司最有效的格式。