移动互联网越来越普及，用户也越来越多，而卡片式设计由于很适合手机网站，受到很多人的欢迎。很多人在进行手机网站建设时，都会使用到卡片式设计，但是，有些人在设计过程中犯了不少的错误，导致卡片式设计没有发挥出它的效果。那么下面就给大家总结一些在网站建设过程中可能会遇到的错误。

1、卡片距离过大

卡片式设计有一个特点是整齐，那么每张卡片之间都是要有相等的距离。但是在设计过程中可能会发现，这张卡片的内容过多，那张卡片的内容过少，这就导致卡片的长或宽不一样，和其他卡片之间的距离也就不一样，显得失去了美感。在此，我们应该在填充内容的时候，控制好内容，不要超出卡片大小，或者是让卡片放置在手机网站的栅格中，这样就不会出现卡片之间距离不一的情况了。

2、展示过多的卡片

有些手机网站建设的时候为了充分利用空间，一次性展示很多卡片，其实这是错误的。一来会被密密麻麻的卡片吓到，二来就是过多浏览内容导致用户眼花缭乱。其实放置那么多卡片，真的是用户需要用到的吗？而用户一次性能够接受多少内容呢？而我们合适的做法是每个页面都有限定量的卡片，而想要看到更多卡片内容，则可以进行翻页功能浏览下一批卡片。

3、卡片上太多行为引导

很多时候，一个卡片一般只针对一个内容，通常直接点击卡片或者点击卡片上的某一个按钮就能够打开页面。但是在一些不太好的卡片式设计案例中，会存在链接、按钮、或者其他锚文本，这只会大大增加用户困惑感，不知道该要点击哪个才是对的。所以进行卡片式设计前，应该考虑引导用户的行为是不是有需要的，把需要引导用户点击的内容放置在卡片上。

4、卡片上元素太多

这个和行为引导太多很类似，但是范围就比较广泛一点，例如是有动画效果、阴影、图标、图片、多种颜色，都放置在小小的卡片中，这样很容易分散用户的注意力，导致用户无法判断卡片内容哪些是重点。虽然元素还是需要有一点的，但是要控制好数量，适量的元素修饰可以令卡片内容更加引人注目。

5、图片过多

卡片式设计中，图片是重点，也是经常会用到的，但是使用图片也不能过度使用，过度使用只会造成视觉上的混乱。所以在添加图片前，应该要确保图片能够准确表达这张卡片的主题，以至于不需要再使用其他图片来表达卡片内容，这样不会造成图片过多而带来视觉混乱。

卡片式设计能够为用户带来很好的网站体验，当然手机网站建设的时候要避免犯以上5点的错误，才能发挥到卡片式设计的较大效果，大家在网站建设时，就要多加注意了。