卡片正在迅速成为移动设备的最佳设计模式,那么卡片设计是什么?

大略的回答,卡片便是交互信息的承载体,常日以矩形的办法呈现。
就像信用卡或者棒球卡,网页卡片以一个浓缩的形式供应了快速并且干系的信息。

所有的卡片特点便是交互性。
不仅仅是他们供应了信息,而且他们用其余一种委婉的办法去哀求一次互动。
卡片常日包括按钮或者发布到社交媒体的方法。

html5卡片布局移动设计的将来卡片设计 Webpack
(图片来自网络侵删)

这种内容的聚合办法是根据:

内容消费的主体,以及他 / 她的兴趣、喜好和行为。

他 / 她的地理位置和环境背景

他 / 她的朋友的兴趣、喜好和行为

目标广告生态环境

如果说这个时期的紧张媒介是手机和平板等移动设备的话,那这个时期的紧张设计模式将注定是卡片式设计。
请看以下案例:

Twitter Card

Twitter 在今年4月 份推出了支持更多媒体类型的Twitter Card。
在推出的新 Twitter card 功能中,Twitter 可以让开发者在单个 Tweet 上显示展示型相册、媒体播放器以及与 app 的深层链接等。

Pinterest 和 Spotify 等产品

Pinterest(上图左)的内容以卡片呈现,Spotify 新推出的 Discover 功能(上图右)也采取了卡片式设计,Facebook 也在向卡片式风格发展,iOS 7 中也采取了大量卡片式设计,如运用切换和 AirDrop。

卡片作为一种媒介

卡片式设计正在席卷科技产品界,但实在作为一种内容的宣扬媒介,卡片已经存在很永劫光。
公元 9 世纪的中国曾利用卡片来玩游戏,17 世纪时,伦敦的贩子利用卡片来招揽买卖,18 世纪时,欧洲贵族家庭的仆人会用卡片向主人先容即将登门拜访的嘉宾,而人们交流名片的传统也已持续数百年。

我们会互赠生日卡片、贺卡,我们的钱包里塞满了信用卡、借记卡和会员卡(当然还有身份证和驾照)。
我们会玩各种卡片游戏:扑克牌、大财主等等,80 后不会忘却小时候我们下课去买小浣熊干脆面,仅仅是为了里面附送的三国或者水浒卡......各种球星卡也成为了童年美好的回顾。

在打算机技能没广泛遍及之前,空管会利用卡片来调度飞机,纵然现在,有些仍旧是在这么做的。
电影拍摄中利用的故事板也是采取了卡片格式,同漫画相似,每一张图(卡片)都代表了一个电影中的场景。
相片又何尝不是一张张的卡片呢?每张相片都是一张讲述着独特故事的卡片。
其余还有旅途中寄往亲朋的明信片,等等。

卡片在商业领域的利用就更不是新鲜事了,最常见的便是大大小小的优惠券了。
我们都干过从产品包装盒或是报刊杂志上剪下角落的优惠券这种事吧?逛街的时候,各种推销职员向你发放优惠券,家里的邮箱中也塞满了扔不完的由许多优惠券组成的传单。

卡片易于操作

除了其作为信息媒介的光荣传统之外,卡片最主要的一个特色是易于操作。
上图是 Samuel Couto 在Dribbble上揭橥的作品。
在现实天下中,卡片可以翻面(呈现更多内容),可以折叠(呈现概述的内容),也可以展开(呈现详细内容),可以将很多卡片堆起来以节省空间,可以将它们分类、分组。

在虚拟卡片的设计中,我们同样可以利用这些特点,同时我们还可以利用动画和移动效果来将其发扬光大。
我们可以提示卡片背面的内容,或提示卡片可以展开。
我们可以在卡片中嵌入多媒体内容、照片、视频和音乐。
这里能发挥的空间很大。

对付移动设备以及各种尺寸的屏幕来说,卡片是完美的设计形式。

可以预见的是,产品和交互设计师们将更多地利用卡片式设计风格,营销职员和广告创意职员也不例外。
随着社交媒体热度不减,并渗透进我们生活中许多做事领域,霸占我们越来越多的韶光,伴随而来的将是更大规模的广告投放。
而不论是社交媒体平台,还是广告方,内容都将以卡片式设计为主来呈现。
看看如今的 Facebook、Twitter、Pinterest、Instagram 和 Line 等,没有一个不投奔卡片式设计阵营的。
对我来说,卡片式设计将是设计和创作艺术领域的 Next Big Thing。

切图网(qietu.com)是首家专门从事web前端开拓的公司,专注we前端开拓,相应式布局,webapp手机端网页制作,微信html5页面制作,bootstrap布局等,关注用户体验