加入收藏 | 设为首页 | 会员中心 | 我要投稿 新余站长网 (https://www.0790zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

为什么你爱用的 App,都用卡片式设计?

发布时间:2017-07-11 17:36:41 所属栏目:教程 来源:爱范儿
导读:副标题#e# A 君导读:之前 AppSo(微信号 appsolution)通过5 个设计原则和实践案例,分享了「卡片式设计」怎样才能让用户有良好的体验。有些读者表示希望更进一步了解这样的设计风格。 今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱

因为卡片是内容盒子,所以把它们用作行为号召再适合不过了。卡片最主要的行为其实就是卡片本身。比如苹果设备上的 AirDrop 功能,当收到数据传输的接收请求时,带有通知的卡片会自动跳出,让用户选择接收或拒绝数据传输。

为什么你爱用的 App,都用卡片式设计?

无论是哪个选项,你只需要操作一次。图片来源:Apple

4. 工作流程

利用卡片,还可以简单地将一堆任务归类。要说很好的案例不得不提 Trello。在 Trello 看板界面可以添加很多卡片,每个卡片都代表独立的一项任务。

为什么你爱用的 App,都用卡片式设计?

五、不适用卡片的情景

1. 同类内容

对于不需要太多用户交互的同类内容,不推荐使用卡片。可快速扫览的列表(或栅格)则是比较合适的选择。

为什么你爱用的 App,都用卡片式设计?

左图中,卡片会分散用户注意力,阻碍用户快速扫览。图片来源:Material Design

在图片集或相册中,也不推荐使用卡片。展示图片集,栅格本身就是简洁轻便之选。下图是一个示例。

为什么你爱用的 App,都用卡片式设计?

左图:图片中加入卡片。右图:直接使用栅格视图。图片来源:Material Design

2. 大屏幕

基于卡片的信息设计可能在小屏幕上非常适用,但若在大屏幕上,就会感觉像一个无法辨识边界的杂乱组合。从视觉角度来看,看起来还不错。但一些客观指标方面,比如阅读速度或阅读理解方面,就显得十分差劲了。下图是大屏幕上的 Pinterest 页面。

为什么你爱用的 App,都用卡片式设计?

3. 再设计现有 app

(编辑:新余站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读