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

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

电视系统卡片的分类

从上图中可以知道,卡片作为电视系统的主要构成部分,并且作为承载电视信息的载体,对信息的传达起到了很大的作用,设计的好坏直接影响到了整个电视系统的质量好坏,所以对于卡片的的表现形式研究是有必要的。体验了众多电视之后,进行归纳可以将卡片分为以下4种类型:


1、功能入口,包括系统功能(如信源、设置等)、搜索、历史记录;

2、热门推荐,主要包含当前热推的影片和音乐等,信息集合入口,主要包括排行榜、分类入口、专题入口、热推榜单;

3、人物介绍入口,如导演、演员信息入口;

4、应用入口,包含了电视内置应用和第三方应用入口;

下方的4个图分别为5种类型的卡片举例,分别为本地播放入口、单片推荐、音乐排行版、演员信息入口、应用入口

卡片形状

常见的卡片的形状一般为矩形,比例繁多,此外还有圆形卡片和异形卡片,在电视系统中,2016年之前异形卡片和圆形卡片较少见,异形卡片比较常见与web,自从小米的电视的patchwall上线后,出现了很多异形卡片和圆形卡片,因此很多电视厂商纷纷效仿,预估2018年很多家的电视将会出现异形卡片。

异形卡片主要用于运营想特别推荐的影片上,当焦点选中之后,人物和背景同时放大,但是人物放大的倍数比背景的高,更加突出人物,在电视端刚开始出现这种效果的时候,从众多卡片中脱颖而出,惊艳了不少人。

卡片所包含的元素

观察了国内的电视系统的卡片设计,可以发现卡片中包含的元素主要有:背景图片(或背景视频)、主题元素、标题、副标题、提示信息(播放日期、更新日期、VIP、免费、首播、独播、热播、大结局、推荐、新片、LOGO、评分、排名、)、集数、更新信息、标志、图标、操作提示等内容设计师需要根据卡片的特性(传达的信息和执行的功能)和运营需要表现的元素来设计卡片,一般都是选取以上元素的中2~5个信息来组成一个卡片,超过5个元素的卡片较少,因为卡片大小有限,如果一个卡片内承载的信息太多,会导致没有重点,主次难以分开,以至于表达不出实际要表达的效果,一般以3~5个元素为宜。


了解卡片的各项情况之后,接下来主要分析一下是如何根据卡片元素来设计卡片的?


功能入口卡片

主要包含系统功能(如信源、设置等)、搜索、历史记录等。入口类一般包含的元素有卡片背景、图标、文字提示,下图为常见的一些功能入口设计方式。

从图中可以知道有多种设计方式,背景图可以以纯色、渐变色、海报主体、多内容集合、显示图标的一部分方式体现,文字可以直接显示在卡片内,比较直观,也可以焦点选中之后才出现文字提示(如上图无线投屏),可以根据上图中无线投屏的方式设计。但是在一些功能性较强,但是图标无法完全体现入口内容意思的情况下,字体建议常驻。另外可以在卡片中增加一些背景图案、渐变为卡片整体增色,如图1和最后的搜索卡片。


热门推荐,主要包含当前热推的影片和音乐等

对于影片和音乐来说,主要有单片推荐、专题推荐、分类推荐等,针对不同的推荐方式,海报的表现形式不一致


接下来分析单片影片卡片设计要点


123共3页
联盟广告
×

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

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

标签:ui干货

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通