毕业论文
您现在的位置: 卡片 >> 卡片优势 >> 正文 >> 正文

这些UI细节让你的卡片设计更出色

来源:卡片 时间:2022/7/12
云南白癜风专科医院 https://m-mip.39.net/news/mipso_9118206.html

推荐理由:细节决定成败,本文带你学习卡片式设计细节,让UI界面设计更加出色。设计达人小编还收集了优秀的卡片设计资源可以免费下载哦。

1、卡片的造型

1)圆角

不同的圆角,所带来的气质是不同的。圆角很小,视觉印象是硬朗,高冷,具有攻击性的,多用于严肃、高端、冲突感强烈的设计中;而更大的圆角给人的感觉是有亲和力,柔软,安全的,多用于儿童产品、娱乐性强的设计中。

在设计的时候,根据自己的产品属性选择气质相符的圆角设计很有必要。

常见的卡片弧度形式有4类:直接、小圆角、大圆角、特殊圆角

我一般喜欢用4的倍数来设置圆角,比如圆角大小为4px、8px、12px之类的。要注意的是,圆角越大,可用面积会越小,需要根据实际场景进行平衡,以视觉上舒服为宜。

2)比例

卡片的比例,我习惯遵循一些美感规律,比如黄金比例(1.),白银比例(1.),青铜比例(1.),正方形之类的比例。当然,实际设计需求中的比例,还是要结合内容的多少具体分析。

我的经验是,当比较接近这些美感比例其中之一时,就直接优化到这个比例。比如做了一个卡片,宽高比是1.5,比较接近于黄金比例,我就干脆让它等于黄金比例。

3)异型

除了正常的卡片样式,还可以做一些异型的卡片设计。异型卡片具有较强的形式感和视觉冲击力,所以会比较多的用在游戏或者运营相关的界面中,吸引用户的注意力。缺点是批量化设计成本略高且因为过于风格化而不够耐看。

2、卡片的效果

1)颜色

卡片的颜色搭配可以使用纯色和渐变色。这些颜色与文字之间的对比要符合界面对比度标准(

转载请注明:http://www.0431gb208.com/sjszjzl/939.html