教你快速上手的APP卡片化设计技巧

别说你来到25学堂，没有学到好的APP设计技巧和知识。其实你每天看看这些APP设计规范。看完之后，就要学着去分解和解剖一些优秀的APP视觉界面设计作品。

今天学堂君，教大家如何快速上手的APP卡片化设计技巧。

众所周知，APP卡片化设计是目前移动端最火的设计趋势。特别是android TV 和android 手机上，采用卡片化设计很普遍了。

下面我们先来看看一些优秀的APP卡片化设计作品。

APP卡片化设计技巧1、善用卡片 区分重点信息

第一步：我们先分析和分解界面元素

第1张是图文卡片化设计列表。一个背景和多个图文信息的圆角卡片组合而成。

第2张评论内容列表   上面是 近期的评论内容  下面是过去的评论内容  这个界面是按照内容使用卡片区分的

第3张中间横向滑动区域是卡片来区分的

第4张是排行榜的第一名 或者是当前用户的信息卡片布局展示。

这四张的共同特点是背景是统一的，色彩颜色是一致的。符合APP交互设计的一致性原则，所以整套看起来非常的舒服。

很多APP包装视觉设计也是采用卡片化设计的。看下图：

上面的效果图是 把每一张APP界面设计效果图 等比排列好，然后整体向右倾斜55度 即可完成。

APP卡片化设计技巧2、卡片叠层突出立体感

这是一个联系人的界面，这个界面不是采用常用的列表形式，还是采用卡片叠层的立体视觉效果。让整个界面更具逼格。

APP卡片化设计技巧3、创意变形的卡片设计

这个界面是卡片 + 有一定弧度的椭圆形状组合的卡片布局列表。

非常有创意和设计师想法的 APP设计技巧。