从在线教育课堂看封面banner的小门道

记得几年前，当时的我对学习简直一腔热血啊，恨不得从早到晚只要睁眼的时间，都给自己安排上，可是线下课堂已经难以号召起我的上进心，更何况碎片化的时间越来越多，于是我便从那个时候起开始了解线上的教育平台。可是结果可想而知，我的小目标到现在依然还是那个小目标，热情真是来也匆匆去也匆匆。

不过现在还是会时不时的找一些在线的只是课堂来看一看，其实有时候就像听音乐一样，也会不经意的上瘾。那么问题来了，像我这种无聊的门外汉，除了兴趣还有什么能吸引我点一点，看一看呢。自然是看脸喽，准确的说就是封面banner图。不得不承认，平时在网易和QQ选歌听的时候，那些有设计感的封面图的确会驱动我先点进去搜索一番，在线听课也是一样，像是腾讯课堂、微信上的千聊，好看的图片总会诱导我去点击。

下面我们就聊以下，究竟这些在线课堂中那些“迷人”的封面图有什么门道。

有人觉得做个封面、banner就是放2张图，排几个字的事，一点技术含量都没有，像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的，其实一个banner可以研究的东西还是很多的，而且做一个banner是不难，难得是在短时间内做一个出彩的banner。

Banner组成要素包含4个方面：文案 、主体（有时候主体就是文案本身）、背景、点缀物。下面是我从千聊里找来的一些banner图，可以一起看一下

1、文字+背景/点缀物

简洁直接，有时候一个颜色，一种字体也能品味十足

2、左字右图是最常见最容易掌握的排版，中规中矩，不易出错

3、眼神的作用，暗示出模特所指的具体内容中，它有着明确的方向指向。当你看我、当我看你，当你看它时，随着人们注意视线的移动，人们关注的焦点也会做出相应的调整。

4、分清主标和副标，从主次上来说，主标为主，字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满，比较集中。如果需求方整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。如加点英文，域名，频道名等。

5、经过设计的字体总是让人眼前一亮，富有设计感。为画面增色不少

6、配色用得最多的两种方法，第一，把素材黑白化，再根据文案和人物的气质选取一个合适的颜色。第二种方法就是从素材里面直接吸取合适的颜色，再调节饱和度和明度，调出一个基本色，再取基本色的对比色、近似色等等作为辅助色。

几种常见的素雅的／森女系／文艺范色调举例：

潮流，年轻色系选择：

话说回来banner毕竟不比大型项目，从设计成本上说不可能给太多的时间给设计师，于是乎，设计师有时候是靠经验积累，有时候妙手偶得，质量也是时好时坏，更害怕的是当没有经验没头绪没有心情时，胸中无物，不知道如何下手，于是越急越乱，越乱越急，最后匆匆了事，这种状态下估计也出不了好的东西。所以好的方法搭配好的工具才会无往而不利，创客贴中的大量封面图模板可谓最省时省力的选择

以上案例均来自千聊直播平台网络