网站使用卡片式设计容易出现的错误

2021-06-15 分类：网站建设

之前小编介绍过什么是卡片式设计？卡片式设计非常适合移动网站建设，因为卡片式设计可以容纳多种元素并整齐的布局出来，视觉效果非常好。但有些设计师在使用卡片式设计时出现了一些误区，下面创新互联就来说说网站使用卡片式设计容易出现的错误。

1、卡片间距过大

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

2、一次性展示太多卡片

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

3、卡片上行为引导太多

熟悉卡片式设计的朋友们都知道每张卡片只是某个功能或内容的入口点，常展示一些摘要而不是所有细节，所以我们通常会在卡片上放置一些如"阅读全文"等其他链接，引导用户做出预期的行为。但是，在很多糟糕的卡片式设计实例中，不少人在卡片上设置了太多的行为引导，比如"阅读全文"的链接、"查看视频"的链接、CTA按钮、主页链接等等。小飞可以很负责任的告诉你：这么多的行为引导不会有助于延长用户在网页上停留的时长，增加网站流量或提高转化率，却会让用户更加困惑、手足无措。

4、卡片上各种元素过多

这个误区和卡片上行为引导太多有点类似，从更宏观的角度来说，行为引导可以归纳为元素的一种，但由于行为引导在网站流量和销量等方面扮演的重要作用，小飞特意将它拎出来讲了。现在我们来看一下元素过多的问题吧!卡片式设计广受欢迎的其中一个原因就是它很灵活，能够整合各种形式的内容：图片、文本、动画效果、视频、按钮、链接等。但这并不意味着我们一定要将多种不同的元素一股脑儿放到卡片上，这样不仅不能给用户提供有用的信息，反而容易干扰用户，分散他们的注意力，让他们找不到重点。

5、过度使用图片

在卡片式设计中使用图片似乎已经成为了一种思维定势。虽然我们经常在卡片中使用图片、插图和图标等，它也确实能够增加网站的视觉表现力，是卡片式设计的好拍档。但我们可不能过度使用图片，不能为了图片而放置图片，卡片上图片的存在应该是有一定意义的。

以上就是创新互联总结的卡片式设计常见的错误，卡片式设计的确是非常好的网站设计，但在使用过程中一定要注意这些细节，不要进入这些误区，影响网站的用户体验。

分享标题：网站使用卡片式设计容易出现的错误
分享URL：https://www.cdcxhl.com/news/117710.html

成都网站建设公司_创新互联，为您提供用户体验、做网站、电子商务、品牌网站建设、定制网站、响应式网站

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

猜你还喜欢下面的内容