浅谈卡片式设计（一定要掌握的这几个卡片式设计小技巧）
浅谈卡片式设计（一定要掌握的这几个卡片式设计小技巧）卡片式设计，能够把内容整合模块化，主要从视觉上、个性体验上呈现，是设计中常用的表现方式，同样也具有独特的创新概念。卡片是指向用户提供更详细信息的交互元素，卡片上的一些微交互更能帮助用户提升体验。当用户将鼠标悬停在卡上，单击链接或按钮时，UI设计师在设计时可以使用微交互这一功能进行加分。今天给大家介绍卡片式设计的几个小技巧
卡片是我们随处可见的，它们占用的空间非常小，并且可以显示足够的信息，卡片设计是当今比较流行的趋势，那么使用卡片式设计有什么好处呢?
UI设计中所说的卡片类似于实体卡。它们是包括图形/图片、文本、链接、按钮等的矩形，并用作详细信息的预告片。卡片由多个容器组成，一个元件占据一个容器。一个容器有图像，第二个容器有标题，第三个容器有副本，第四个容器有下一页的链接，依此类推。它能够很好地组织内容，可以帮助用户快速扫描页面，易于扩展且非常灵活。
今天给大家介绍卡片式设计的几个小技巧
卡片式设计，能够把内容整合模块化，主要从视觉上、个性体验上呈现，是设计中常用的表现方式，同样也具有独特的创新概念。卡片是指向用户提供更详细信息的交互元素，卡片上的一些微交互更能帮助用户提升体验。当用户将鼠标悬停在卡上，单击链接或按钮时，UI设计师在设计时可以使用微交互这一功能进行加分。
阴影和描边这两类卡片在设计中都可以使用，可根据产品的风格进行选择。
可以灵活使用背景颜色，但要记住的是背景与卡片的色彩对比要相对协调，色彩反差度不能太大。
合适的字体大小应用与用户体验有直接关系，当字体较小时，用户会倾向于“细读”；而字体较大时，用户更倾向于“跳读”。在设计中，字号与字重可以帮助信息分层。
在卡片设计中，对比度用以区分信息层级，页面层次感区分强烈，能更好体现重点内容。
可以通常使用常规按钮、文字按钮或者图标来实现动作跳转，通常情况下，按钮被放在底部或者右侧。
适当的间距能够让版面看着更舒适，更易于阅读；过于拥挤的文字排列会影响用户的体验感和卡片界面的美观度。
图片是UI当中视觉化元素的代表，它能让界面吸引人，也能让卡片脱颖而出。但是不是图片素质越好，对于UI就越好？答案肯定不是，图片必须要传达正确的信息，这是第一要务。图片在卡片内的位置，通常取决于它是主要内容还是支撑性的内容。可以通过轻微上移和增加阴影等技巧让目标卡片突出，用来吸引客户。
以上卡片中都会有一些基本的共同的特点：
1、四个角都是圆角。
2、根据潮流渐变色或白卡片。
3、色块下的阴影，色块下的阴影更能体现出层次。
4、卡片上面组成部分，标题，副标题，图形，按钮，图片，头像。
5、字体大小，字体颜色的变化。
6、一般卡片应用在会员，列表，说明，优惠劵，分类，类别，集合页，欢迎页等场景常见。
好了，今天就先分享到这儿了，下期我们不见不散~
