RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:9:30-18:00
你可能遇到了下面的问题
关闭右侧工具栏
Web设计的新宠儿:卡片式设计
  • 作者:admin
  • 发表时间:2020-07-18 19:54
  • 来源:互联网

目前,我们正在目睹一场Web重构革命,抛弃传统的页面和分类模式,朝着个性化体验方向发展,把许多个性化的内容块聚合在一起。随着移动技术的发展以及各种屏幕图形和尺寸的出现,越来越多的人通过API和SDK来访问各种源数据,因此也让内容逐渐被分解成各个独立的组件,好比一张张独立的卡片,最后再把这些卡片进行聚合。让Web抛弃了传统的把许多内容页面链接在一起的做法,从而形成新的卡片式的Web用户体验。

Twitter最近面向用户推出了Twitter,用户可以在Tweet里附上媒体内容,只需要简单添加几行HTML到网页中即可,如果用户发了一条链接到你的内容,那么这张卡片就会出现在他的所有粉丝中。

无论是、Google+还是Google Maps,Google都在考虑信息的呈现方式,不是只通过搜索来将个性化信息推给移动用户,而是采用卡片呈现的方式。

Pinterest在(图右)也是基于卡片式设计的。许多iOS 7上的操作也是基于卡片式的,比如Airdrop上的按钮。

虽然已经有这么产品采用卡片式设计,但这仅仅是个开始。卡片式设计是一个令人难以置信的设计模式,并且它已经存在很多年了。

卡片作为一种信息传播媒介,它已经存在很多年了。在9世纪,处在帝国时期的中国就已经使用卡片进行游戏了;在17世纪,伦敦人使用贸易卡片来寻找业务;在18世纪,欧洲贵族的跟班使用卡片来介绍即将到来的客人。数百年来,人们一直在使用卡片传递信息。

朋友过生日时,我们会送生日卡、祝福卡等。现在,大多数人的钱包里都有银行卡、信用卡、驾驶证。在我们的童年时期,我们被各种游戏卡所包围着,如Top Trumps、Pokemon、Panini的贴纸相册等等。在计算技术发明之前,航空管制员使用卡片来调度飞机。

卡片是人们进行快速沟通的一个非常好的媒介,事实上,现在许多电影都是使用类似卡片来制作故事流程的,每张卡片代表一个情景,然后通过讲故事的方式制作出来。大家可以联想下翻阅的照片,每张照片背后都隐藏着一些小故事。旅行时,我会寄明信片。

而在商业领域,优惠券是一个典型的例子,在逛商场时,我们会收到许多来自商家发的优惠券/卡。

除了这些,卡片更重要的地方是可以随意地无限操作,可以阅读Samuel Couto对卡片操作发的一些。卡片还拥有更多详细的操作,比如可以被翻过来、被折叠、被堆放、被分类、被分组等。

开发人员在根据手机屏幕进行设计时,可以利用这些信息,也可以嵌入图片、视频、音乐等内容。

请记住,无论你从事哪个行业,移动业务在未来都会成为你的核心业务。而卡片式设计可以与移动设备进行完美匹配,根据不同的屏幕尺寸。在移动设备上,卡片不仅可以垂直堆叠,好比手机上的活动流;还可以水平堆叠,可以对其进行固定,也可以设置其高度,具有高度的灵活性。

无需多说,卡片已经在产品和交互式设计师那得到广泛使用。同样,作为营销和广告传媒行业也一样,随着社交媒体的不断发展,会继续分裂为许多服务,占用我们的时间也会越来越多,营销资金将不可避免地随之增加。通过这些服务的一致性线程、创造性画布也都将基于卡片设计。像用户在Facebook、Twitter、Pinterest、Instagram、Line等发的内容,其命名都是基于卡片设计的。