卡片是界面设计中最常用的排版布局方式,为了让自己的设计能在同质化的设计中脱颖而出,今天让我们来看下怎样做出有亮点的卡片设计,以及常规的卡片设计是怎样的。
首先我们先来了解下卡片有哪些类型,我根据卡片承载的内容将它分为以下几类。
卡片承载的内容是某个功能的入口,可点击跳转进入一个新模块/流程。通常由图标+主标题/副标题组成。
卡片主要承载特点简介、能力简介、价值简介等,分为可点击跳转和无点击跳转两类。
例如商品卡片列表、旅游风景图卡片列表、图书卡片列表等。
了解完卡片的主要类型后,那么我们来看看常规的卡片设计是怎样的呢?
常规的卡片设计就是正常的矩形+矩形里面的主体内容。主体内容可能为图标和标题、图片等;图标和标题的排版方式有上下排版、左右排版和对角线排版,元素整体的对齐方式包括左对齐、居中对齐。
知道了常规的卡片设计形式后,如果我们要更进一步,想做出更有设计感、更能抓人眼球的卡片的话,就需要尝试做一些突破,打破常规,实现差异化的设计。
打破卡片的常规形状,增加或减少一些面,形成一个不规则的形状。
打破卡片的界限,让元素破框而出,没有完整的放在卡片里面,具有一种张力,体现出生命力的感觉。
将卡片的视角由平面维度转为立体空间维度,体现出强烈的空间感、层次感和真实感。
通过模拟现实物体的外观、质感和交互方式,增强真实感、沉浸感。
以上就是我个人关于卡片设计的一些简单的总结,希望能够给大家带来一些启发。以后我会不定期的进行设计的分享,请大家多多关注和支持。
注:以上文中配图均来自于网络或应用截图,仅作学习分享使用。