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

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

背景

卡片的背景通常有视频截图、剧照、主角人物的抠图+自制背景、代表性人物(物品)特征4种,自制背景对设计师要求比较高,对于截屏、剧照和代表性人物(物品)特征处理难度降了很多。设计师可以根据需要展示的情节以及需要推广的主体选择合适的背景图。如下图所示

构图

根据卡片的比例来进行构图,主要是1:1,N:1,1: N,圆形三种,圆形入口主要是作为人物的详细入口和专辑入口。对于1:1 和1: N卡片的重要人物居中显示,卡片的主题或者是logo一般会放在卡片的下方有右边。对于N:1的卡片来说,如果N相对较大,则主要人物主要是位于左侧或是右侧更多,主题则放在对应位置的另一边。如下图所示:

角标

由下图可知角标的表现形式也是非常多的,经过设计的字体、例如纸的折角、矩形的两端角标(可以显示的信息较多)、异形角标、绘画气泡浮在卡片的上方,矩形不贴合叠在卡片的上方,类似丝带绑角效果,其实还有很多效果,视觉设计师可以根据要推广的强度来做设计。

影片集合卡片设计要点

影片集合一般会选取主推影片的人物作为主角,一个或者多个主角作为卡片主要组成元素,背景通常为多种元素的复杂构成,颜色会采用饱和度较高的颜色,比较抢眼,吸引用户注意。主推主题的字体一般会经过设计,显得更加特别并且抢眼。

音乐卡片设计要点

在电视的卡片设计中,音乐的卡片的质量相对于影片来说是比较高的,相对来说,体现方式也更加多。通常用色大胆,表现形式也相对特别一些。主要表现手法有以下几种方法:

1、将主要人物放在一个特殊图形中,例如字母、或者是自己设计的图形;

2、将主要人物、如影视剧照、截图、主创人物作为背景,然后再添加一个彩色渐变;

3、插画的方式描绘主题要表现的元素,配上文艺的字体,这种卡片走文艺类型;

4、常规卡片:选取主创位于画面中,增加设计过的字体,左右排版,这种卡片要点在于字体的设计和选择人物的角度;

5、榜单来的,一般会增加一个装饰性图,如Billboard卡片,然后根据这个装饰图标衍生卡片。


下图是一些音乐卡片设计

分类入口卡片的设计

分类卡片组成元素相对于其他的卡片来说较简单一些,设计样式也是各式各样,如下图所示,总结常见的几种方式:

1、图标+文字,图标有几种处理方式,一是直接放在界面中一边,文字位于另外一边;二是在背景卡片中增加和主题相对应的图标叠加在卡片中,文字位于最上层;三是只显示图标的部分,主要是有代表性的部分,可以通过部分辨别出图标代表的含义;2、将主要人物放到卡片中,添加饱和度较高的颜色遮罩遮罩,这种做法也挺常见的;

3、提取主题的部分字体放大,部门叠加在背景中,卡片最上层摆放入口名称。

应用入口卡片的设计

对于应用入口来说,设计相对简单,主要元素为应用图标和应用名称,排版方式主要是横版、竖版和单个图标显示。下图是一些App入口的设计方式,经过分析可知,主要以下几种方式:

1、将图标放在卡片中央,焦点选中后出现应用名称;

2、将应用放在放在卡片的中上方,应用名称放在应用图标下方居中对齐;

3、和手机系统桌面的设计方式相似,将应用图标作为卡片显示在界面中,这种方式是相对美观的,而且简洁,空间利用较充分;

4、将图标和应用信息放在一张卡片上,左右排版,左边为应用图标,右边为卡片,适合应用推广页的设计。


以上就是电视端卡片设计的分析,希望对这一块薄弱的设计师有一点点的帮助


总结

卡片的设计方式多种多样,需要根据不同卡片入口设计不同的样式,不要采用同一种设计方式,对于需要特别抢眼的卡片,颜色需要使用饱和度较高。不断看一些好的作品,提升要做的就是不断尝试,才能知道什么才是最合适的方式。




123共3页
联盟广告
×

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

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

标签:ui干货

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通