卡片式设计的优点和不适用性

卡片式设计的由来

卡片设计来源于早已存在于人类生活的各种现实物品。

举个例子,显示器、手机、名片,一封信、等等,都是独立承载信息的一个个卡片。人们不用把电影院搬走就可以通过电视观看到不同的内容载体,这时候电视充当的是内容载体的入口。而名片盒书信这种卡片感就更强了,你可以把一封信折叠起来,方便携带,等到需要的时候再伸展开来,进行详细阅读。正是人类生活早已充斥着“卡片设计”,所以当我们手中的设备界面有了“卡片式设计”的时候,人们反而觉得使用起来很方便和有熟悉感。

这些实物的卡片有以下这些好处:

1、体量-轻便易携(手中的信件、名片、甚至电视机)

2、信息-精简易懂(例如名片,折叠后的信件)

3、包装-分类独立

这些好处在互联网信息数据爆发的年代,特别需要得到应用。说到这里,首先先科普一下。

最早应用卡片式设计并不是google 的material design 也不是苹果的IOS design,而是palm webOS。webOS中,传统意义上的程序概念被弱化,取而代之的是卡片系统。所有的任务均以卡片的形式出现。任何时候点击手势区,都会进入卡片视图。卡片视图中展现出正在运行的任务,这些任务以多窗口的形式呈现。你可以看到正在运行的全部任务,可以通过滑动进行切换,点击后进入任务,这样一种操作方式,是极其美妙的。更为重要的是webOS 中的多任务的流畅度可以得到很好的保证,可以说webOS的多任务是世界上最好的移动系统多任务平台。

卡片式设计的好处

1、聚焦

每一张卡片都是一个独立内容单元,在浏览和理解上,是独立区分于其他卡片模块,所以可以更聚焦地浏览当前卡片。

2、多态操作

卡片是可操作性十分强的设计模式,可以横向滑动,上下伸展,点击操作等。

3、自由组合

卡片设计的自由组合特性对设计师或者工程师来说都是一种便利和愉悦的体验摒弃了以往古板而单调的网格单元格式的排版和代码。不用再为图片比例不对,需要裁剪而头痛,记得“瀑布流”提出的时候,风头可是极盛的。而对用户,则同样是视觉上的轻松和自由。

4、视觉上的舒适

卡片设计往往带有足够的空间留白、足够的图片和通过少量的阴影造就合理的层次,看上去会十分的有质感和舒适感(这里就不贴图了,可以自行体会一下)

卡片式设计不适用范围

虽然综上所述,卡片式设计有这么多的好处。但是因为卡片式设计自身的特性所限,同样也有不适用的地方。

1、不利于沉浸式阅读

卡片设计其实就是一个个的框用来界定内容元。当用户进行沉浸式阅读时候,这样的界定反而会令用户产生脱离。打断了原有的阅读或操作。

所以当进行长文本的陈述或者强关联阅读类内容(非操作类)进行排列时,尽量避免使用卡片形式设计。(试想想,当你在念一封信的时候,把里面的每一段内容都给你重新用另一封信包装起来......)

2、小空间条目

当内容过多,可容纳空间比较小的时候,不适合用卡片设计。因为卡片划分的边界会消耗一定的空间,内容元的空间如果跟划分空间比例相近,

会扼杀掉卡片设计的优势,反而增加负担。

3、内容容易划分并被感知

当内容空间大量重复容易区分和感知的内容时,也不适用于卡片式的设计。例如相册:

卡片每一次的卡片边界的划分也会消耗一定的用户的心理认知,在强调极简设计,碎片化时间的当今,尽量不消耗多余的哪怕是一丁点的认知。

本文配图出自:http://www.jianshu.com/p/20ba212a5f0c

同时有对于卡片式有兴趣可以读以下文章:

形式与功能-卡片式设计思考

知乎:卡片式设计有什么好处

仅此一篇,读懂卡片式设计长盛不衰的秘密

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容

  • 卡片式设计的变迁 说到卡片大家都不陌生。日常生活中我们都接触过哪些卡片呢?细细留意实际上我们每天无时无刻不被卡片所...
    角马X阅读 1,804评论 13 24
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,050评论 25 707
  • 庖丁开发:专注于互联网项目开发 卡片式设计是 app 设计中很重要的一种表达方式,一张好的卡片可以清晰明确的把信息...
    庖丁开发阅读 12,099评论 2 70
  • 你还记得你的梦想吗? 舟一 每个人都有自己的梦想,你还记得自己的梦想吗? 听到这个问题...
    舟⼀阅读 267评论 2 2
  • 我觉得这次醒悟了,或者说,看清了现实。 1.这样子自己写下去是不行的,必须站下巨人的肩膀上。(虽然我早已读过,但这...
    良辰美LiangChen阅读 226评论 0 0