.jpg)
导读：小编发现在实际的设计过程中，不少站长进入了一些误区，使卡片式设计的强大效用大打折扣。因此，小编今天特意总结了一些大家在做卡片式设计经常会出现几个错误，希望能给大家一点启发。卡片上各种元素过多这个误区和卡片上行为引导太多有点类似，从更宏观的角
小编发现在实际的设计过程中，不少站长进入了一些误区，使卡片式设计的强大效用大打折扣。因此，小编今天特意总结了一些大家在做卡片式设计经常会出现几个错误，希望能给大家一点启发。
卡片上各种元素过多
这个误区和卡片上行为引导太多有点类似，从更宏观的角度来说，行为引导可以归纳为元素的一种，但由于行为引导在网站流量和销量等方面扮演的重要作用，小编特意将它拎出来讲了。现在我们来看一下元素过多的问题吧!卡片式设计广受欢迎的其中一个原因就是它很灵活，能够整合各种形式的内容：、文本、动画效果、视频、按钮、链接等。但这并不意味着我们一定要将多种不同的元素一股脑儿放到卡片上，这样不仅不能给用户提供有用的信息，反而容易干扰用户，分散他们的注意力，让他们找不到重点。
因此卡片涵盖元素的多少应该把握一个度。这一点可以通过对网站元素进行优先等级分类做到，将内容分为首要信息，次要信息等等，这样一来我们就能有目的的安排卡片元素。为了做到这一点，我们还可以深入了解一下自身产品的目标用户群以及他们可能的喜好。
过度使用
在卡片式设计中使用似乎已经成为了一种思维定势。虽然我们经常在卡片中使用、插图和图标等，它也确实能够增加网站的视觉表现力，是卡片式设计的更佳拍档。但我们可不能过度使用，不能为了而放置，卡片上的存在应该是有一定意义的。
当我们在卡片上添加时，记得问问自己，这张是必要的吗这真的能够帮助用户更好的获取想要的信息吗或者说它反而会造成视觉上的干扰更好的解决 *** 就是实事求是，先确定每张卡片上的真正需求，然后根据网站的整体布局探索一下卡片的更佳排版，与此同时也要注重内容的优先等级，思考怎样能让卡片的呈现更加平衡、更加清楚易懂。
卡片式设计能够给网站带来很多益处，但这要求我们能够成功避免设计的误区。小编今天介绍的这5个错误，大家一定要牢记，可不能掉进"坑"里啦!起飞页自助建站平台最近新增加了不少卡片式风格的模板，您无需绞尽脑汁考虑排，只要仔细挑选自己满意的就可以轻松建站。
网站卡片设计的规则：
1、会员卡设计的等级不宜设置过多，会员卡等级设置为3-5级比较合理，等级过少无法体现出会员之间的特权差异或差异过大，会给到客户不好的感知，同时亦失去会员卡的意义；等级过多（超过五级），一来管理不便，统计报表等工作量随着会员等级的增多而增多，二来浪费培训资源，员工也不容易掌握各级之间的差异，容易混淆。
2、各级会员特权服务要有差异，制定会员等级时应充分考虑各级会员应享受什么特权服务，一定要有区别，不能几个级别的会员享受一样的服务，可以通过价格、服务及活动方面进行设置，如各级会员所享受的会员价有差异，越高级的会员享受更低的价格，高级会员享有 *** 优先处理、VIP座席、VIP专用窗口等，部分活动仅对高级会员开放等等。
3、会员卡服务不一定按消费能力设定,大部分的商家或企业会员卡都是按消费能力设定服务，有时不按常规出牌，往往能收到意想不到的效果，根据行业的特性可考虑按细分市场设定会员卡等级服务也是一个不错的主意，如针对学生设定学生会员卡、针对上班白领设定商务会员卡等，针对情侣设定情侣会员卡等等，但这个也有一定的限制，不适合所有企业，比较适合消费群体为某两三种人群的企业。
4、诚信经营，为客户会员服务提供有力的保障。诚信对于企业来说是一个无形的资产，所以企业必须遵守诚信经营原则，开始设定好的会员服务公布后不能随意更改，如不得不更改必须提前告知客户，同时设定一段过渡期让客户适应，否则会让客户感觉办理会员卡上当了。
卡片盲盒是一种流行的收藏品和交换活动，具有一定的创意和趣味性。要 *** 卡片盲盒，可以按照以下步骤进行：1设计卡片：选择一个主题或概念，设计一系列独特的卡片。可以使用插图、图案、文字等元素，以吸引人们的兴趣。2打印和切割：将设计好的卡片打印出来，并使用适当的工具将它们切割成适当的尺寸。确保每张卡片都有一个独特的标识，以便玩家进行交换和收集。3准备包装：选择适合的包装方式，可以使用小盒子、袋子或包装纸。确保包装能够保护卡片，并增加一定的神秘感。4随机分配：将卡片放入包装中，并进行随机分配。可以使用随机数生成器或其他随机 *** ，确保每个盲盒中的卡片是随机的。5标记和编号：为每个盲盒分配一个唯一的标记或编号，以便玩家可以辨认不同的盲盒。6发布和销售：宣传和销售你的卡片盲盒。可以通过社交媒体、线上市场或实体店铺进行销售。
1Feed流
卡片式的feed流设计方案是一种十分普遍的设计方案，早就在前两年Facebook、Google+等商品就应用了这一 *** ，Feed流做为一种长内容的媒体，客户必须长期的拖动看内容并挑选合理信息内容，卡片式设计方案非常好的处理了内容与内容的区块链隔开，让客户在长显示屏拖动中依然能够 非常好的确立每一块的内容。
2上下拖动组合式内容
卡片式设计方案具备极强的质感，对比于拉通铺平更能展现内容可拖动体会，而且小块化的设计方案让内容具备较高的区域分割感。
3Tips提示
做为非页面固定不动内容，卡片式设计方案能够 让tips提示设计方案越来越随意，在合乎客户体验的基本上，它能够出现在一切人们要想它出现的部位。
4流式布局设计方案
流式布局的出现让单屏地区内显示信息了大量的内容，而内容较多的状况下，应用卡片式设计方案不错的对内容开展了区域规划，让上下左右的内容从总体中具备相对性的自觉性。
5结合型作用通道
结合型作用通道通常会有好几个通道，应用卡片式设计方案让通道产生一个地区总体，能够 保证既统一又相对性单独。
以上就是今天的内容分享，希望大家喜欢。
在界面设计中，卡片作为常用设计方式之一，较好地平衡了视觉美感和功用性，在帮助界面从单一信息展示页跨入更个性的体验转变中，发挥着重要作用。
物理世界中，卡片是用以承载信息的独立矩形薄片。例如 *** 卡、明信片、身份证、扑克等均属此类，其具有外形小巧、方便灵活、内部信息独立、易分发等特点。
转至虚拟世界，卡片继续延续了其灵活、易分发的特点，在内容推荐、功能分类等模块中十分常见。
卡片一般由信息内容和操作组成，卡片外部主要呈现该卡片包含的最重要（更具吸引力）信息和操作，卡片内部再进行详细阐述，提升用户浏览和操作效率。如我们常见的Pinterest、Instagram等都采用了卡片式布局的方式来处理和展示信息。
1 极佳的隐喻：卡片是我们物理世界中常见的信息载体，当它延伸至虚拟世界后，其信息结构和交互方式更容易被感知和理解。
2 极强的内容组织力：卡片间相互独立，归纳组合相同维度内容，区分并聚合不同维度的内容，形成清晰连贯的内容组合。
3屏幕拓展：同形态的卡片排列，欲露未露的一部分可暗示用户滑动查看更多（猎物奖励原理，也鼓励用户下意识地滑动以获取更多信息），提高空间利用率。
4统一性：卡片近乎无穷无尽的变化和组合形式决定了其可以根据承载设备的尺寸，轻松扩展或者收缩，有利于构建跨设备的统一美学性。
5抓住注意力：通过模拟景深的效果来表达内容信息的层级关系，突出重点内容（拉开与背景环境的差异），具有空间感（吸引力）。
6灵活性：正因为卡片内容的相互独立，决定了卡片间可以随意组合、动态呈现重点，帮助用户更有效地获取对其有用的信息。
7 强大的交互性、操作性，视觉深度，例如陌陌删名牌，app store首页卡片通过扩展收缩的手势来开关详情页。该部分可借助移动端的自然手势交互 *** 进行设计。
A、流：流是根据一定规则抽离出信息库中的部分信息，重新排列组合呈现给用户的信息组合。信息块内部信息类别丰富且操作多样，信息块之间独立分散，如Pinterest。
B、发现探索类：在该场景下，信息多含有较强的视觉效果，以卡片的形式展现，可使用户更沉浸于当前内容，如最美有物首页。
C、独立的信息块：当需要单独呈现某信息时，卡片作为容器的作用就发挥了出来。例如，iPhone待机状态下，出现的通知组，独立呈现、互不干扰、单独操作；常见的弹窗也属于此列。
卡片虽然具有以上优点，却也因此而具有信息密度较低、占空间的特点。
在设计中，当页面内容属于未承载很多操作且同质化时，可直接使用列表代替，例如新闻推荐页，每个信息组仅由结构化的文本和的组成，完全可用简单的网格代替。
