卡片式网页实际应避免的误区

2014-02-12 分类：网站建设

随着移动互联网的不断发展和移动用户的增加，基于卡片的网页设计越来越受到人们的欢迎和喜爱，卡片式设计可以方便地容纳多种不同类型的元素，可以统一表达各种元素，为用户提供良好的视觉体验。另一方面，卡片设计还可以随意改变高度和宽度，这非常适合在移动终端中调整以适应各种尺寸的屏幕。

但是，如果卡片网页设计存在误区，最终的设计效果将大大打折扣，那么在进行卡片设计时应注意和避免哪些问题和错误呢?

1.卡间距太大

在卡片式设计的理想状态下，每张卡片应该大小相同，排列整齐。此外，在每张卡片的设计中，还应该保持使用相同元素。但实际上，它总是因为标题太长或太短而要调整卡片的大小。就会导致这些卡片真正出现在大屏幕上时往往间隔太大。如果卡片之间的间距太大，排版和布局将看起来很混乱，视觉效果也将变得很差。

因此，在卡片设计中，即使某些元素被减少，卡片的大小和间距也应该保持不变。

2.展示的卡片过多

为了避免卡间距过大的问题，一些网站站长可能会放置很多卡片，以便大限度地利用空间，但实际上，这也是一个错误的方式。

在栅格系统的卡片布局中，如果一次显示多张卡片，通常会产生两种负面影响。一方面，用户会被密集的卡片弄得眼花缭乱，最终选择离开网页;另一方面，用户选择强制阅读，但是过多的信息仍然会对用户体验产生很大的影响。

在这种情况下，需要站长考虑是否需要在页面上放置这么多卡片，页面上的所有卡片是否都呈现重要信息，以及用户浏览时的注意范围有多宽。

3.卡片的引导行为太多

卡片式设计的主要功能是引导用户进入其他功能或页面，它实际上是一个入口，它只能显示一些重要信息的摘要。所以对于卡片来说，只要它们能起到入口的作用，比如在卡片上放置阅读全文的链接等。

但是很多卡片在都设计时加入了许多功能，比如同时在一张卡片上放置阅读全文、观看视频、CTA按钮和主页链接。事实上，这么多功能并不能保证用户能够看到你想让他们想=看到的内容，反而会由于功能的复杂性，使用户对下一步做什么感到困惑。

因此，在卡片链接的放置中，必须区分主次关系，做出权衡，以便用户可以方便地使用。

卡片设计可以给网站带来很好的效果，但前提是避免一些误解，只有这样，设计才能真正发挥其作用，使网站更受用户欢迎。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容