浅谈电视端卡片设计(1)

来源:网络   作者:热心网友   发布时间:2018-03-10    浏览次数:111

什么是卡片

在日常生活中,一些常用的银行卡、名片、VIP卡、扑克牌等就是一张卡片,这些卡片主要是用来传递卡片本身的一些信息。例如使用者可以从银行卡上获取卡片的所属银行、卡号等信息;可以从名片中知道卡片所属人以及此人的一些基本信息等。


那么在日常使用的App、web、电视中,卡片是什么?卡片是一个承载着图片、文字、提示信息和一些交互动作的图形,作为指向更多详细信息的一个入口,执行相应的操作(点击或者一些手势)就可以进入到另一个详情或者分类信息集合页面。一些常见的卡片如下图:


卡片式设计是如何进入大众视野的?

首先,卡片式设计流行起来主要是得益于图片分享网站Pinterest首先在其App上采用卡片式设计。不久后,Facebook和Twitter在自己的桌面端和移动网站都采用了卡片式布局,很快这种设计方式被大众所熟知。在2006年微软设计团队受到交通局巴士站牌机场和地铁的指示牌的启发,设计了基于卡片式设计的最早代表metro UI。



卡片式设计的优势

1、能将不同大小、不同媒介形式的内容单元以统一的方式进行混合呈现,并且在一个界面中可以完美的契合,并且整齐有规律。最常见的就是图文混排,既要做到视觉上尽量一致,又要平衡文字和图片的强弱,这时卡片设计经常有奇效。

2、能在屏幕尺寸杂多的情况下和响应式设计完美配合,配合响应式的断点设计,能够在不同屏幕之间完美的展示信息。

3、在一张卡片能承载更多的信息,包括图片、人物信息、提示信息等,并且卡片与之间有很好的分割作用,不再需要线或者是空间来区分不同信息部分。

4、自由组合,特别是在瀑布流的盛行的时代,不同大小的卡片可以完美放在页面中展示。

5、同一部分内容承载更多的操作。



前文初步的了解了卡片的是什么以及有什么优势,接下来主要是介绍卡片在电视中运用和卡片的设计方法。首先来了解一下国内的主流电视厂商的launcher页设计,下图主要是小米、乐视、康佳、微鲸、创维、海信等6家电视的主界面,可以看到系统中的信息呈现都是采用卡片的设计方式,选中卡片后按【OK】键跳转到相应内容的详情

页。




123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:ui干货

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7142.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通