记得几年前,当时的我对学习简直一腔热血啊,恨不得从早到晚只要睁眼的时间,都给自己安排上,可是线下课堂已经难以号召起我的上进心,更何况碎片化的时间越来越多,于是我便从那个时候起开始了解线上的教育平台。可是结果可想而知,我的小目标到现在依然还是那个小目标,热情真是来也匆匆去也匆匆。
不过现在还是会时不时的找一些在线的只是课堂来看一看,其实有时候就像听音乐一样,也会不经意的上瘾。那么问题来了,像我这种无聊的门外汉,除了兴趣还有什么能吸引我点一点,看一看呢。自然是看脸喽,准确的说就是封面banner图。不得不承认,平时在网易和QQ选歌听的时候,那些有设计感的封面图的确会驱动我先点进去搜索一番,在线听课也是一样,像是腾讯课堂、微信上的千聊,好看的图片总会诱导我去点击。
下面我们就聊以下,究竟这些在线课堂中那些“迷人”的封面图有什么门道。
有人觉得做个封面、banner就是放2张图,排几个字的事,一点技术含量都没有,像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难得是在短时间内做一个出彩的banner。
Banner组成要素包含4个方面:文案 、主体(有时候主体就是文案本身)、背景、点缀物。下面是我从千聊里找来的一些banner图,可以一起看一下
1、文字+背景/点缀物
简洁直接,有时候一个颜色,一种字体也能品味十足
2、左字右图是最常见最容易掌握的排版,中规中矩,不易出错
3、眼神的作用,暗示出模特所指的具体内容中,它有着明确的方向指向。当你看我、当我看你,当你看它时,随着人们注意视线的移动,人们关注的焦点也会做出相应的调整。
4、分清主标和副标,从主次上来说,主标为主,字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满,比较集中。如果需求方整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文,域名,频道名等。
5、经过设计的字体总是让人眼前一亮,富有设计感。为画面增色不少
6、配色用得最多的两种方法,第一,把素材黑白化,再根据文案和人物的气质选取一个合适的颜色。第二种方法就是从素材里面直接吸取合适的颜色,再调节饱和度和明度,调出一个基本色,再取基本色的对比色、近似色等等作为辅助色。
几种常见的素雅的/森女系/文艺范色调举例:
潮流,年轻色系选择:
话说回来banner毕竟不比大型项目,从设计成本上说不可能给太多的时间给设计师,于是乎,设计师有时候是靠经验积累,有时候妙手偶得,质量也是时好时坏,更害怕的是当没有经验没头绪没有心情时,胸中无物,不知道如何下手,于是越急越乱,越乱越急,最后匆匆了事,这种状态下估计也出不了好的东西。所以好的方法搭配好的工具才会无往而不利,创客贴中的大量封面图模板可谓最省时省力的选择
以上案例均来自千聊直播平台网络
我来说两句排行榜