
卡片为什么会流行
在不断的风格定义中,总是逃不开开片的使用,而我发现很多业务方虽然不懂设计原理,但也会提出明确建议:希望使用卡片。我也想谈谈个人对「卡片」这个无处不在的设计语言为什么是更好的处理手段。
2024-12
还记得刚入行时,大家强调卡片的用法:当模块内信息具有相同的结构时,适合采用卡片式设计。这可以说是卡片设计的原教旨主义。
而现实是,在各种各样的场景中早已没有这条戒律。我们已经无处不见卡片。除了大家互相抄来抄去的惯性,可能也有些缘由使我们越来越需要卡片。
卡片对信息层级的处理更宽容
通常,处理信息分组时需要利用信息的亲密关系和物理隐喻(如分割线),而物理隐喻的作用强于亲密关系。因此,当一级信息使用留白做分组时,为了更明显地对比信息,往往需要更强化的手段处理二级分组(如标题和内容之间的关系),如使用分割线。当分割线在第二级被使用后,第三级的分组则需要造成更强的对比,大字号、大间距等的确是可用的方法。然而,使用卡片似乎是处理高级信息分组效率最佳的选择。

手机屏幕越来越大
卡片设计带来的问题是信息距离屏幕边缘需要双层边距,为了保证美观还要考虑内外不同层次的设计手法。这会减少真正可显示内容的区域,但随着屏幕宽度不断增加(如 iPhone),这种影响也被抵消了。

圆角趋势相互影响
回想早期效仿 iPhone X 的 Android 各厂商的全面屏手机,都采用圆角屏幕的工业设计,而系统 UI 缺没有跟上这一变化,导致常常出现元素会被屏幕圆角边缘切掉的劣质瑕疵,十分不优雅。

过去,通栏的卡片左右两端直通屏幕边缘,而为了使用这种和屏幕匹配的大圆角,将四角直接改圆会使得视觉上左右两侧边界被吃掉,造成视觉感受不闭合(虽然有些产品采用了这种做法,但在审美上个人认为稍差)。因此卡片左右两边也通常和屏幕边界留有一定间距,保持美观。
