卡片式网页实际应避免的误区
2022-03-09

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

嗯

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

💌1.卡间距太大

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

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

呀2.展示的卡片过多

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

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

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

嗯3.卡片的引导行为太多

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

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

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

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