卡片式规划的五大误区

       近几年来，跟着移动用户的不断添加，卡片式规划越来越遭到人们的欢迎。在网站建造的经典事例上，卡片式规划在网页规划中占有一席之地。一方面，卡片式规划可以轻松容纳多种不同类型的元素，将各种元素以规整划一的布局出现出来，供给良好的视觉作用，另一方面，卡片式在调整高度和宽度上很是灵敏，对移动端的兼容性很高，能轻松习惯不同巨细的屏幕，完成真实的响应式，在APP开发、小程序开发也同样遭到喜爱。在实践的规划过程中，不少规划师进入了一些误区，使卡片式规划的强大效用大打折扣。因而，特意总结了一些咱们在做卡片式规划常常会出现的5个过错，期望能给咱们一点启示。

       1.卡片距离过大

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

       遇到这种状况，咱们应该怎么办呢?总结了两个办法。其一，咱们应该考虑卡片上的元素是否可以减缩：简练标题或描绘文字是否会影响用户对重要信息的获取?尽量确保每张卡片在尺寸、涵盖内容上相差无几。其二，咱们可以看看卡片式规划是否可以应用到砌体布局中。现在咱们一般都是在栅格体系中运用卡片式布局，固定的格子规划更能确保网站的整齐，而砌体布局是指将网站中的元素自动填充在页面的空白区域，就像是墙上堆砌的石头相同。如果卡片式规划可以与砌体布局结合起来，卡片就自动习惯空白区域，距离过大的问题也就不存在了。

       2.一次性展现太多卡片

       对许多规划师来说，多运用卡片填满网站就等同于充分利用网站的空间，尽或许给用户供给更多信息。其实，这是个过错的主意。在栅格体系的卡片式布局中，如果一次性展现许多张卡片，常会带来两种负面成果，一是用户被鳞次栉比的信息墙吓到，直接退出脱离，还有一种状况便是用户牵强阅览，但过多卡片带来的负担会严重影响用户的体会作用。

       和第一个误区相同，在遇到这种状况的时候，咱们也要仔细考虑一番：页面上放置这么多的卡片有必要的吗?用户合理的阅览容量是多少?用户在阅览屏幕时或许的留意范围有多广?除此以外，还有一个建议，咱们可以给单张页面可放置卡片的数量设置一个限额，当数量超过这个范围时就会弹出提醒的对话框，避免咱们无意识的犯错。不过这个办法的难度在于卡片的限额数量应该设为多少，这或许需求咱们在自己的网站上进行测试，发现自己网站的规则所在。

       3.卡片上行为引导太多 

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

       规划师们在遇到这个问题时也要多想想每个行为引导的存在是否是必要的，或者可以依照不同的重要程度或类型将行为引导分类，按优先次第进行摆放，这样更便于作出取舍。

       4.卡片上各种元素过多

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

       因而卡片涵盖元素的多少应该掌握一个度。这一点可以通过对网站元素进行优先等级分类做到，将内容分为首要信息，次要信息等等，这样一来咱们就能有目的的组织卡片元素。为了做到这一点，咱们还可以深入了解一下本身产品的方针用户群以及他们或许的喜好。

        5.过度运用图片

       在卡片式规划中运用图片似乎已经成为了一种思维定势。尽管咱们常常在卡片中运用图片、插图和图标等，它也的确可以添加网站的视觉表现力，是卡片式规划的最佳拍档。但咱们可不能过度运用图片，不能为了图片而放置图片，卡片上图片的存在应该是有必定含义的。

 当咱们在卡片上添加图片时，记住问问自己，这张图片是必要的吗?这真的可以协助用户更好的获取想要的信息吗?或者说它反而会形成视觉上的搅扰?最好的解决办法便是脚踏实地，先确定每张卡片上图片的真实需求，然后依据网站的全体布局探索一下卡片的最佳排版，与此同时也要注重内容的优先等级，考虑怎样能让卡片的出现愈加平衡、愈加清楚易懂。