欢迎加入QQ讨论群258996829
麦子学院 头像
苹果6袋
6
麦子学院

快速打造APP卡片化设计

发布时间:2016-07-10 12:20  回复:0  查看:3915   最后回复:2016-07-10 12:20  

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

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

 

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

快速打造APP卡片化设计

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

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

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

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

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

 

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

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

快速打造APP卡片化设计


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

 

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

快速打造APP卡片化设计

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

 

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

快速打造APP卡片化设计


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

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

 

 

 

原文来自:推酷


您还未登录,请先登录

热门帖子

最新帖子