编辑导读：卡片式设计对于我们来说并不陌生，从设计类网站上或市场上的一些APP中也会看到很多的卡片式设计的案例，卡片式设计也是UI设计中最常用的方式之一。本文作者从自身经验出发，结合案例等分享了卡片设计过程中需要注意的一些细节，供大家一同参考和学习。卡片设计在界面中已经是非常常见的一种设计形式，大家做设计时几乎都会用到。关于卡片设计的文章网上已经有很多了，今天我想从我自己的经验来总结卡片设计的细节要点，期望能给大家总结一些快速提升卡片设计效果的方法。01卡片的造型1.圆角不同的圆角，所带来的气质是不同的。圆角很小，视觉印象是硬朗，高冷，具有攻击性的，多用于严肃、高端、冲突感强烈的设计中；而更大的圆角给人的感觉是有亲和力，柔软，安全的，多用于儿童产品、娱乐性强的设计中。在设计的时候，根据自己的产品属性选择气质相符的圆角设计很有必要。常见的卡片弧度形式有4类：直接、小圆角、大圆角、特殊圆角我一般喜欢用4的倍数来设置圆角，比如圆角大小为4px、8px、12px之类的。要注意的是，圆角越大，可用面积会越小，需要根据实际场景进行平衡，以视觉上舒服为宜。2.比例卡片的比例，我习惯遵循一些美感规律，比如黄金比例（1.），白银比例（1.），青铜比例（1.），正方形之类的比例。当然，实际设计需求中的比例，还是要结合内容的多少具体分析。我的经验是，当比较接近这些美感比例其中之一时，就直接优化到这个比例。比如做了一个卡片，宽高比是1.5，比较接近于黄金比例，我就干脆让它等于黄金比例。3.异型除了正常的卡片样式，还可以做一些异型的卡片设计。异型卡片具有较强的形式感和视觉冲击力，所以会比较多的用在游戏或者运营相关的界面中，吸引用户的注意力。缺点是批量化设计成本略高且因为过于风格化而不够耐看。02卡片的效果1.颜色卡片的颜色搭配可以使用纯色和渐变色。这些颜色与文字之间的对比要符合界面对比度标准（
转载请注明：http://www.0431gb208.com/sjszjzl/6311.html
