卡片设计在界面中已经是非常常见的一种设计形式,今天我们总结一下卡片设计的细节要点,期望能给大家一些快速提升设计效果的灵感。
卡片的造型
◆ 圆角
不同的圆角,带来不同的气质。
圆角很小时,视觉印象是硬朗,高冷,具有攻击性的,大多用于严肃、高端、冲突感强烈的设计中;
圆角较大时,给人的感觉是亲和力,柔软,安全的,大多用于儿童产品、娱乐性强的设计中。

◆ 比例
黄金比例(1.618),白银比例(1.414),青铜比例(1.732)。
然而实际设计中的比例,还是需要结合内容具体分析。

◆ 异型
异型卡片具有较强的形式感和视觉冲击力,会较多的运用在游戏或者运营相关的界面中,吸引用户的注意力。

卡片的效果
◆ 颜色
卡片的颜色搭配可以是纯色和渐变色。
这些颜色与文字之间的对比要符合界面对比度标准,以免影响内容本身的阅读。如果拿不准的话,可以多用一些白色,比较不容易出错。

有些同学经常因为配色不好而发愁,需要多去找一些参考来看的,实在担心配色不好,直接去吸优秀的配色方案,但要注意搭配合理。
◆图案
以图案的形式与卡片进行结合,可以来源于品牌符号的延伸,让品牌有更多的展现机会。

◆图片、视频
卡片背景可以用图片和视频的形式进行设计,以不影响内容阅读为准。


卡片的内容
◆文字
卡片上的文字不能太长,过多的文本不建议使用卡片形式。
◆间距
卡片上的文字间距要有一定的规律。大小比例就尽量用黄金比例来处理,这样做目的一方面是为了让界面有秩序,另一方面是提升决策效率。
◆ 减少线框
卡片中尽量减少线框,多用留白来内容划分。
◆层次
卡片的内容层级,标题和内容之间的差异要明显,对比效果要强烈,决不能模棱两可。
◆内容出界
破开卡片的边界可以让卡片本身更具形式感。

