幻灯片/ “卡片式设计”到底是什么?

幻灯片/ “卡片式设计”到底是什么?_第1张图片

今天QQ版本更新了,相信你一定在其中观察到了一些细微的变化。

比如:渐变又要火了、弹窗出现方式不一样了、底部的小图标也变了、空间里的每个用户发的动态变成了我们今天要说的主题“卡片式设计”。

为了做出这份设计,我仔细研究了我手机里所有应用的界面设计。

如果让我推荐的话,我一定首推豆瓣,里边的设计细节很到位。

成品如下。


01.简单的渐变,简单的标题设计。

幻灯片/ “卡片式设计”到底是什么?_第2张图片

02.“圆角矩形”是卡片式设计的最基本因素。

图片的圆角是通过布尔运算实现的,比较亮点的算推荐指数吧。

幻灯片/ “卡片式设计”到底是什么?_第3张图片

03.这界面眼熟不?

幻灯片/ “卡片式设计”到底是什么?_第4张图片

04.“搜索按钮”挺有创意的吧,图标找不到好看的,就这样吧。

幻灯片/ “卡片式设计”到底是什么?_第5张图片

05.最近这一个月拍的几张照片。

幻灯片/ “卡片式设计”到底是什么?_第6张图片

06.数据是从微博里取来的,这样的“关注”是不是也经常看到?

幻灯片/ “卡片式设计”到底是什么?_第7张图片

07.有没有一种在社交软件看“推送”的感觉?

幻灯片/ “卡片式设计”到底是什么?_第8张图片

08.一些有故事的城市记忆

幻灯片/ “卡片式设计”到底是什么?_第9张图片

以上,8页幻灯片做起来真的不简单。

感兴趣的小伙伴可以亲自试一试,不要只停留在看的层次。

想要进步,就得踏踏实实地操练起来。

本文完。

你可能感兴趣的:(幻灯片/ “卡片式设计”到底是什么?)