显示内容的最佳方式

您的内容应该使用竖式卡片还是横式卡片？很多设计者在回答这个问题时都很纠结，因为他们不了解这两种卡片除了布局和方向之外还有什么区别。

眼球固定和移动

正确选择卡片取决于几个因素。如果您使用大尺寸图片来传达信息，那么横向卡片会产生分散的扫描流，因为它需要更多的眼睛注视。换句话说，阅读内容需要花费更多的视觉精力。

相反，垂直卡片上的大图像会产生更集中的扫描流。用户使用较少的定点来扫描图像和文字。用户的注意力更集中在一个区域，而不是分成左右两半。

有时，文字比图片能传达更多信息。在这种情况下，横向卡片是更好的选择。因为用户有更多的留白空间来阅读每一行文字，您可以用较长的文字来填充它们，而不会造成阅读困难。

另一方面，竖版卡片上的长文字留白较少，看起来更拥挤。因此，阅读每一行的视觉空间更小。不仅如此，文字看起来也会更加臃肿不堪。

也许您的卡片上包含的不是长文本，而是元数据。横向卡片上的元数据并不理想，因为它会产生较长的眼球回扫。用户必须用较长的扫视时间在卡片上移动视线。然而，垂直卡片上的元数据会产生较短的眼球回扫，因此用户可以更快、更轻松地进行扫描。

边缘到边缘图像

将许多卡片组合在一起会占用大量空间。因此，在移动设备上显示卡片是一个常见问题。不过，有一种方法可以节省空间，同时让图片更吸引人。

边缘到边缘的图像比方框图像更有效地利用空间。在横向卡片上，可以节省大量垂直空间。但在垂直卡片上，则可以节省更多的水平空间。

此外，图片看起来更加突出，可以吸引更多用户点击。方框式图片的方框使内容显得更加遥远和不自然。

该示例显示的是像素大小相同的汉堡包方框图像和边对边图像。边对边显示时，汉堡包看起来离用户更近，而方框汉堡包看起来离用户更远。

方框图像使汉堡包看起来像是在一个人造框架内。而边缘到边缘的图像则去掉了这种感觉上的框架，使汉堡包看起来更自然。

下面是一组竖式卡片可以节省多少横向空间的比较。可以节省约 11%，比横向卡片少得多。不过，这些空间对移动设备的影响很大，因为移动设备的空间有限。

选择正确的贺卡类型

选择竖版还是横版卡片是一项重要的设计决策。正确的选择可以让你的内容大放异彩，但错误的选择可能会让你的内容难以阅读。要做出最佳决定，请考虑哪方面能向用户传达最多信息：图片、文本还是元数据。

作者：Movement

原文链接：https://uxmovement.medium.com/vertical-vs-horizontal-cards-which-are-better-4ee8ba1f868d