卡片设计结合图像和文本描述向观众传达信息，在有限的矩形空间中建立了无限的可能性。


时至今日， 卡片设计不再是设计趋势， 这是一种设计趋势， 它在网页和移动终端的使用场景中具有影响力。


由于卡片设计在当前的界面设计中很流行，因此卡片设计在界面差异中必须有一定的相似性。


卡片设计的标志性特征和适合在哪些设计场景中使用是我们首先关注和讨论的问题。


01 卡片设计的特点 1. 呈现形式多样 在使用卡片设计的过程中，卡片的颜色和背景颜色有明显的颜色差异，即卡片的存在可以很容易地在视觉上区分，当光标悬浮在卡片上时会出现一层轻微的阴影。


另一种相对简单的设计形式是整张卡隐藏在背景的背景色中。


虽然矩形卡缺乏视觉存在，但在浏览过程中仍能清楚地识别卡之间的信息。


这种形式最大的亮点是及时的反馈效果。


当光标悬挂或单击卡片时，显示的卡片与周围的信息明显不同。


2. 纵深布局灵活 界面设计中卡片的形式与生活中实体卡片的风格相似——将图像和文本结合起来传达信息。


与实体卡相比，界面中卡片的高度可以上下膨胀，灵活多变，从而灵活调整卡片中不同容量的信息。


3. 直观的信息层次 在瀑布流的界面中，每张卡片都是独立的小个体，它们共同存在，但不相互影响，促进了页面的整洁和统一，以确保用户不会在巨大的信息量下混淆和迷失方向。


大多数卡片在有限的矩形空间中携带大量相关信息，内容不同，但信息水平关系相似。


虽然卡上的信息只是一个看似简短的标题或摘要，但它是卡背后真正有价值的内容是否能呈现的关键。


因此，卡上信息水平的直观性是不言而喻的。


清晰的层次可以引导用户浏览视线，有序地阅读和点击。


02 卡片设计的使用场景 1. 信息流（feed流） 常见的信息流显示形式包括文本、图片和视频。


文本主要出现在信息产品中，如知乎、汽车之家等。


优点是识别能力强，信息简洁明了。


通过简洁的标题处理，可以快速告知用户卡上的核心内容，吸引用户快速点击阅读。


图片是最常用的形式Pinterest、与文字相比，花瓣等网站浏览图片的速度更快，一张图片胜过千言万语。


与文字相比，图片具有更强的视觉冲击力和感染力，更能吸引用户的注意力和点击。


在大多数设计中，信息流的呈现形式主要是上下垂直滚动Plus X在网页设计中，采用横向滑动的形式，以图片信息为主的卡整齐统一地显示，习惯了上下滚动的设计。


这种左右滑动操作可以给用户带来新的使用体验。


短视频的快速流行为信息流注入了新的活力。


视频信息流的形式广泛应用于淘宝直播、抖音等移动产品。


视频图片通常覆盖整个屏幕，最大限度地利用卡片设计。


视频具有图片和文本所不具备的动态性，满足用户的视听体验，具有很强的感官冲击力；沉浸式界面设计允许用户继续浏览内容；视频可以通过上下滑动来切换，适用于广泛的人群。


2. 发现页 卡片设计本质上是不同信息的集合处理。


越来越多的产品发现页面使用不同尺寸的卡组合来突出关键信息，卡的灵活排列组合也使页面更加标准化。


Flipboard作为一个信息平台，其设计与市场上其他同类产品有很大的不同。


产品非常注重卡片设计，利用卡片强调整个产品的主次信息，统一形式。


基于微信平台快速崛起的微信阅读也注重卡式设计。


产品发现页面采用左右滑动的卡式，每张卡包含不同类型的信息，充分释放信息传输，不局限于小屏幕。


书架还采用标准的卡结构，排列整齐有序，带来清晰易读的体验。


结语 卡片设计的流行也得益于其自身的灵活性，这种设计形式在跨设备、跨屏幕上具有自然的优势， 它也更实用，为设计提供了更多的组合形式，给观众带来了良好的使用体验。


熟悉生活中的实体卡也让我们习惯于接受这种设计形式的出现。


卡片不是万能的。


设计师应该做的是在正确的场景中合理使用卡片设计。


特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。


本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。


如有侵权行为，请联系网站管理员删除，。