卡片设计利用图像和文字的结合向观众传达信息,在有限的矩形空间中建立无限的可能性。
如今,卡片设计不是一种设计趋势,而是一种设计趋势。它的影响遍及网页和移动终端的使用场景。
由于卡片设计在当前的界面设计中很流行,所以在界面的差异上必然有一些相似之处。卡设计的特点是什么,适合使用什么样的设计方案是我们主要关注和讨论的问题。
一、卡片式设计的特点
1.各种表现形式
在卡片设计的使用过程中,卡片颜色与背景色有多种形式的色差,即卡片的存在在视觉上很容易辨别,当光标悬停在卡片上时,会有一层阴影。
亮点是及时反馈效果。当光标悬停并点击卡片时,显示的卡片与周围的信息明显不同。
2. 灵活的纵深布局
在界面设计中卡pian的形式与生活中实体卡片的风格有着同样的效果——图像和文字的结合来传达信息。与物理卡相比,接口卡的高度可以上下扩展,灵活多变,可以灵活调整卡中不同容量的信息。
3. 直观的信息层级
在瀑布流界面中,每一张卡片都是一个独立的小个体,它们之间没有任何影响,促进了页面的统一,保证了用户在海量信息下的迷惑和迷失。
大多数卡片在有限的矩形空间内承载着大量的相关信息,内容不同,信息的层次关系相似。虽然卡片上的信息只是一个看似简短的标题摘要,但却是展示卡片背后真正有价值内容的关键。卡片上信息层的直观性不言而喻。清晰的层次可以引导用户有序的浏览、阅读和点击视图。
二、卡片式设计的使用场景
1. 信息流(feed流)
信息流的常见表现形式有文本、图片和视频。文本形式主要出现在信息产品中,如直虎、汽车之家等。
最常用的图片形式是pinterest、petals和其他网站。随着文字和图片的快速浏览,一张图片抵得上千言万语。图片对文字具有很强的视觉冲击力和感染力,能够吸引用户的注意力和点击。
在大多数设计中,信息流的表现形式主要是上下垂直滚动。plus X的网页设计采用水平滑动的形式,以图片信息为主体的卡片显示整齐统一。通常看到上下滚动的设计。这种左右滑动的操作可以给用户带来新的体验。
短视频的迅速普及为信息流注入了新的活力。视频信息流的形式在淘宝直播、颤音等移动终端产品中应用较多。视频提示占据了整个屏幕,充分利用了卡的设计。
视频具有图片和文字所没有的运动,满足用户的视听体验,具有很强的感官冲击力;沉浸式的界面设计使用户能够连续浏览内容;只需上下滑动这种简单的操作方式即可切换视频,很适合很多人。
2. 发现页
卡片设计本质上是一个不同信息处理的集合。越来越多的产品将使用不同大小的卡组合来突出显示发现页面中的关键信息。卡片的灵活排列和组合使页面标准化。作为一个信息平台,Flipboard的设计与市场上其他类似产品有很大的不同。产品注重卡片式设计,利用卡片强调信息的主次性,统一的形式贯穿整个产品。
微信阅读以微信平台为基础,发展迅速,也注重卡片设计。在产品发现页面中,采用了左右滑动的卡片样式。每张卡包含不同类型的信息,完全释放信息传输,仅限于一个小屏幕。书架采用标准的卡片结构,有序的排列带来清晰可读的体验。
结语
卡片设计的流行也得益于其自身的灵活性。这种设计形式在跨设备、跨屏方面具有天然的优势。实用性强,为设计提供了多种组合形式,给观众带来了良好的使用体验。