行云海小编教你如何避免卡片式网站设计的几个误区!

  随着移动用户数量的增加,卡片式的设计越来越流行。一方面,卡片设计可以容易地容纳各种不同类型的元素,以统一的布局呈现各种元素,提供良好的视觉效果。另一方面,该卡在调节高度和宽度方面非常灵活,与移动终端具有高兼容性,并且可以容易地适应不同尺寸的屏幕以实现真正的响应式。行云海小编发现在实际的设计过程中,许多站长进入了一些误区,这大大降低了卡设计的强大效用。因此,行云海小编特别总结了卡片设计中经常出现的5个错误,希望能给你一些启示。

                        bdtg_04.png

一:一次显示太多的卡

  用更多的卡填充网站相当于充分利用网站的空空间来为用户提供尽可能多的信息事实上,这是一个错误的想法在网格系统的卡片布局中,如果一次显示多张卡片,通常会有两个负面结果。一是用户被密集的信息墙吓坏了,直接退出。另一个是用户浏览不情愿,但是过多的卡片负担会严重影响用户的体验效果。

二:卡片间距过大

  在理想状态下,每张卡片应该大小相同,整齐一致,这就要求卡片上的各种元素保持协调,但实际情况往往不是那么完美在实际的设计过程中,我们可能会发现这张卡片的标题太长,文字描述太短。当这些卡片显示在大屏幕设备上时,就会暴露出间距过大的问题。不要傻到认为这是“空白”的艺术。这种不恰当的间距往往无法实现“零赢”。它甚至会影响网站的整体布局,使布局混乱,损害信息密度,甚至阻碍访问者的浏览体验。

  在这种情况下我们该怎么办?我总结了两种方法首先,我们应该考虑卡片上的元素是否可以减少:简明的标题或描述性文字会影响用户对重要信息的访问吗?尽量确保每张卡片的大小和内容相同。其次,我们可以看到卡片设计是否可以应用于砌体布局目前,我们一般在网格系统中使用卡片布局。固定网格设计可以保证网站的整洁,而砖石布局是指自动填充页面空白色区域网站中的元素,就像堆积在墙上的石头一样。

三:过度使用图片

  在卡片设计中使用图片似乎已经成为一种心态虽然我们经常在卡片上使用图片、插图和图标,但它确实能增加网站的视觉表达,是卡片设计的最佳合作伙伴。然而,我们不能过度使用图片。我们不能为了照片而放照片。卡片上图片的存在应该有一定的意义。

  当我们在卡片上添加图片时,记得问自己,这张图片有必要吗?这真的能帮助用户更好地获得想要的信息吗?最好的解决办法是实事求是,首先确定每张卡片上图片的真实需求,然后根据网站的总体布局探索卡片的最佳布局。同时,我们还应该注意内容的优先级,并考虑如何使卡片的呈现更加平衡、清晰和易懂。

四:卡上有太多元素的错误想法

  有点类似于卡上有太多行为指南的错误想法。从宏观角度来看,行为指南可以概括为其中的一个要素。卡片设计流行的原因之一是它非常灵活,可以集成各种形式的内容:图片、文本、动画效果、视频、按钮、链接等。然而,这并不意味着我们必须将卡上的许多不同元素放在一起。这不仅不能为用户提供有用的信息,而且容易干扰用户,分散他们的注意力,使他们找不到关键点。

五:卡片上的行为指南太多

  熟悉卡片设计的朋友知道每张卡片只是某个功能或内容的入口点,并且经常显示一些摘要而不是所有细节,所以我们通常会在卡片上放置一些其他的链接,例如“阅读全文”,以指导用户做出预期的行为。然而,在许多糟糕的卡设计例子中,许多人在卡上设置了太多的行为指南,例如“阅读全文”链接、“查看视频”链接、CTA按钮、主页链接等。我可以负责任地告诉你:如此多的行为指南无助于延长用户在网页上的停留时间、增加网站流量或提高转化率,但会让用户更加困惑和不知所措。

  站长在遇到这个问题时,还应该多想想是否有必要存在每个行为指南,或者他们可以根据不同的重要性或类型对行为指南进行分类,并按优先顺序排列,这样更便于权衡。卡设计可以给网站带来许多好处,但这需要我们成功避免设计错误。行云海cms自助建站平台最近添加了许多卡样式模板。你不需要绞尽脑汁考虑排版。您可以通过仔细选择您满意的内容来轻松设置。许多模板还使用微妙的CSS动画,这可以使网站更加生动和丰富多彩。行云海小编教你了解网站建设中这几点,对于整个网站建设的基础框架就有了一个架设。这也是保证网站建设功能实现的基础目标和行动力所在。

有没有解决你的问题?!! 遇到问题,在线社区提问