WonderCSS

网站也要开始“卡片式设计”?

出于本身职业的原因我经常会在花瓣浏览各种UI设计,长时间观察下来后你会发现,采用“卡片式设计”的手机应用越来越多,越发流行起来。知名的如小鸟Twitter、Google Now、Spotify 等等,如果不嫌弃的话,新版weibo其实也是 =。=

Card-Design

CRM 服务商 Intercom 写了一篇文章,认为未来卡片式设计不仅在移动应用上流行,还将影响当下网站的设计。他们的出发点在于互联网以后的内容,会从无数网页,变为无数独立的碎片。而且,这些内容碎片,还将会因为 API 以及 SDK 等通道,从不同的地方汇聚在一起。

详细可以看看下方这张图:

Web-Card-Design

左侧一栏显示了这种内容汇聚的依存条件,包括现存读者、潜在读者的朋友、兴趣、朋友的朋友的兴趣、地理位置等等属性,右侧一栏则是第三方服务和数据,包括 Facebook、Twitter 等等,如果是国内,则可以是新浪微博、豆瓣等等,而中间一栏则是网页呈现给读者的内容。

卡片式设计,将是适合这种信息流转的表现形式。在现实生活当中,包括了名片、生日卡片、明信片等等,它们都用于表现简短而有力的故事——用卡片来传达信息,早已经贯穿在我们生活当中。

而我们常常忽略掉的现实当中的卡片,还有无处不在的优惠券。

卡片式设计拥有无限的操作空间,这让它能够适应各种各样的需要。比如说,完全可以在卡片里塞入各种各样的内容,包括图片、视频、音频等等。而且,完全可以不局限于这几种内容形式。一下是一个简单的例子:

flip_card

而更重要的是,在设备屏幕尺寸越来越多的情况下,卡片拥有极高的灵活性,它能够完美的适应移动设备的屏幕,以及大量不同的屏幕尺寸。在小屏幕上,它可以显示成垂直的,在大屏幕上,它可以显示为横置的。它拥有灵活的高度与宽度。

写在最后突然发现,我似乎刚刚走出METRO的迷途又蹦达到卡片式设计的迷局。

By 于湛 发布于 2013.09.11 2,302 次浏览

网站也要开始“卡片式设计”?》上有1条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注