卡片式设计的6大案例
既然你已经看了泰斗是如何在他们的设计中使用卡片的,那现在就来看看现在每天,像你我一样的设计师在他们的作品中是如何结合使用卡片的 。
Roman Shkolny想象用户的邮件接收界面使用卡片,这样可以将接收邮件的列表视觉化 。在这个案例里,邮件能够直接堆叠在对话框里 。鼠标在某张卡片上停留就可以看到颜色标签、进行回复、前进、删除和更多的选项 。
Barthelemy Chalvet 设计的Move Product 高度地使用了卡片,而你可以对卡片进行选择、删除或者保存下来以便以后浏览 。弹出式广告的卡片给了用户更多的提示性 。
Coke’s Ahh.com大胆地使用了大量卡片,一些矩形,但大多是正方形的,一些有活力但却不失格式、规律性 。如果你点击每一张卡片,它会翻页给你2个互动的请求:添加到列表或者现在播放 。
受欢迎的设计师都喜欢逛Dribble,一个卡片式设计的网站 。每张卡片提供了关于多少浏览者点击这张卡片的浏览量,多少人喜欢它,还有有多少评论被列举出来 。当用户的鼠标停留在卡片上,就可以看到一张图片的预览,同时也可以下载数据 。
Silktricky 是我最喜欢的卡片式设计,因为它很有趣 。卡片的交互、看着它们对你的选择做出的响应,让整个设计感觉很直观 。
Vox用他们称为的卡片堆积进入了一个卡片游戏 。类似于滑动显示,卡片堆积提供了一个关于特别的主题的全方位信息 。每一个独特的卡片都致力于回答一个主题特定的一面 。卡片是可分享的,因为它们的可缩变的尺寸大小,卡片也是容易消耗的 。
总结
卡片是让你的设计更加全面、人性化、更有互动性的最好方式 。它们非常值得你去了解、使用 。
既然你已经了解了卡片式设计,你会在你的设计中使用吗?
猜你喜欢
- 数码知识:支付宝支付密码在哪里设置怎么修改支付密码
- 必备设备及图示连接教程 台式电脑连接无线网络怎么连接
- 淘宝店铺上新提醒设置,这样写公告更好!
- 数码软件产品教程:红米note9怎么设置电量百分比如何设置电量百分比
- 装修设计费一般多少 「2019装修设计费收费标准」
- 霞浦县涵江茶场建设生态茶园的经验、做法与设想
- ps平面设计自学教程 photoshop自学教程
- oppo手机自带录屏设置方法详解 oppo手机怎么录屏
- 机场建设费和燃油费2020 飞机航空燃油费
- 数码知识:微信浮窗设置在哪关闭怎么关闭悬浮窗权限
