卡片在调整高度和宽度上很是灵活，对移动端的兼容性很高，能轻松适应不同大小的屏幕，实现真正的响应式。下面是网站卡片式设计的几个误区：

一次性展示太多卡片

对很多站长来说，多使用卡片填满网站就等同于充分利用网站的空间，尽可能给用户提供更多信息。其实，这是个错误的想法。在栅格系统的卡片式布局中，如果一次性展示许多张卡片，常会带来两种负面结果，一是用户被密密麻麻的信息墙吓到，直接退出离开，还有一种情况就是用户勉强浏览，但过多卡片带来的负担会严重影响用户的体验效果。

和第一个误区一样，在遇到这种情况的时候，我们也要仔细考虑一番：页面上放置这么多的卡片有必要的吗?用户合理的阅读容量是多少?用户在浏览屏幕时可能的注意范围有多广?除此以外，小编还有一个建议，我们可以给单张页面可放置卡片的数量设置一个限额，当数量超过这个范围时就会弹出提醒的对话框，防止我们无意识的犯错。不过这个方法的难度在于卡片的限额数量应该设为多少，这可能需要我们在自己的网站上进行测试，发现自己网站的规律所在。

卡片上行为引导太多

熟悉卡片式设计的朋友们都知道每张卡片只是某个功能或内容的入口点，常展示一些摘要而不是所有细节，所以我们通常会在卡片上放置一些如"阅读全文"等其他链接，引导用户做出预期的行为。但是，在很多糟糕的卡片式设计实例中，不少人在卡片上设置了太多的行为引导，比如"阅读全文"的链接、"查看视频"的链接、CTA按钮、主页链接等等。

小编可以很负责任的告诉你：这么多的行为引导不会有助于延长用户在网页上停留的时长，增加网站流量或提高转化率，却会让用户更加困惑、手足无措。

站长们在遇到这个问题时也要多想想每个行为引导的存在是否是必要的，或者可以按照不同的重要程度或类型将行为引导分类，按优先次序进行摆放，这样更便于作出取舍。