网站卡片式设计的几个误区（上）

发布时间：2022-05-14 09:37:28 作者：来源：浏览量（1599 ）

摘要：随着移动用户的不断增加，卡片式设计越来越受到人们的欢迎。卡片式设计可以轻松容纳多种不同类型的元素，将各种元素以整齐划一的布局呈现出来，提供良好的视觉效果，那么下面就看小编的分析。卡片间距过大在理想...

随着移动用户的不断增加，卡片式设计越来越受到人们的欢迎。卡片式设计可以轻松容纳多种不同类型的元素，将各种元素以整齐划一的布局呈现出来，提供良好的视觉效果，那么下面就看小编的分析。

卡片间距过大

在理想的状态之中，每张卡片应该都是大小相同、整齐一致的，这就要求卡片上的各种元素要保持协调，但实际状况常常没有那么完美。在实际设计过程中，我们可能会发现这张卡片的标题太长，那张卡片的文字描述太短。当这些卡片在大屏幕设备上显示时，间距过大的问题就显露出来了。你可不要傻乎乎的认为这是"留白"的艺术，这种不恰当的间距往往不能做到"以无胜有"，更会影响网站的整体排版，让布局杂乱无序，有损信息的密度，甚至还会妨碍访客们的浏览体验，这使得卡片式设计的优势荡然无存。

遇到这种情况，我们应该怎么办呢?小编总结了两个方法。

其一，我们应该考虑卡片上的元素是否可以缩减：简练标题或描述文字是否会影响用户对重要信息的获取?尽量确保每张卡片在尺寸、涵盖内容上相差无几。其二，我们可以看看卡片式设计是否可以应用到砌体布局中。目前我们一般都是在栅格系统中使用卡片式布局，固定的格子设计更能保证网站的整洁，而砌体布局是指将网站中的元素自动填充在页面的空白区域，就像是墙上堆砌的石头一样。如果卡片式设计可以与砌体布局结合起来，卡片就自动适应空白区域，间距过大的问题也就不存在了。

以上就是小编对于网站卡片式设计的卡片间距过大这个误区的解析。