长篇论道：如何做一个牛叉的直通车？

@慕歌一笑 ：如何让你的直通车报表好，不仅仅是你一个人的工作。要及时和你的推广沟通。比如：投放的关键词类目，展示的位置，以及他的一些设计建议板式建议等等，你不是大神你就要学会听取意见。

先向大家介绍一下直通车的位置，如果已经知道了的朋友也顺带看下，反正闲着也是闲着：

产品直通车

如上图所示，在淘宝搜索的页面亮色部位则为直通车的展示处(淘宝搜索的右侧"掌柜热卖")，这就是产品直通车，
这是针对于单品所做的直通车。顾名思义点击进去直接进入产品页。

店铺直通车

如图所示，亮色部位则为直通车的展示处(处于淘宝搜索右侧的"掌柜热卖"的下部"店家精选")，这是针对于店铺

做的直通车，这也是首页流量最主要的来源之一。
话不多说，既然我已经为你们做了扫盲课程，下面就进入制作过程吧~

首先让我们来看一组五图的直通车对比展示：

那么摸着你们的良心说第几张照片对于你来说是第一眼看到的？不管你有没有良心我觉得我看到的是第二张。

那么为什么呢？答案：色系独立。请同学们拿出你的笔记下来：在你做直通车的时候一定要了解你的对手主要产品直通车是什么色系，比如夏天的落地扇都是走蓝色系因为可以给别人一种凉爽舒适的视觉感受。

那么你可以独特的做一个黑色/或者与他们相近但是做一个紫色等等。这些色系首先不会影响你的视觉感受，比如你的产品是黑色你也用一个黑色的图，这就是逗比行为，下面会有反面教材。比如你是一个风扇或者空调之类的夏季产品，你给一把火，给一个红色系。你是要热死who？

世界之大无奇不有，下面让我们欣赏本篇五大错误直通车类型（不是歧视只是教材）：

左上1图错误：你是不是可以写的更少一点呢？就放一个产品是不是就好了，写字真的辛苦你了，图片抠图可以负责任点吗？(咆哮体)

左上2图错误：陛下，你的产品这么摆臣妾做不到啊，你的产品是黑色背景也用暗色臣妾做不到啊，干脆你产品是黑色，背景也用黑色就好了，臣妾…这个做得到~

右上1图错误：促销信息不明显，你看到了血拼到底那四个字了么？反正我是没看到~你不信？拉倒~

左下1图错误：典型的狗不理包子，呸呸，狗皮膏药式的直通车。对于遇到这样的美工，我想说：你可以挑战我的审美，但是你不能强奸我的眼睛！！

右下2图错误：产品摆放不当，做直通车的时候请合理的选择最佳的产品角度。你这个角度腿也太短了，你就算穿上黑丝

我也硬不起来啊！

总结直通车错误盲区"六别让"：

①别让产品有小短腿双下巴
②别让你的促销变成背景的一部分
③别让你的文案闲着心发慌

④别让你的产品变成背景的一部分
⑤别让你的背景犹如好莱坞一样绚丽多彩
⑥别把你的直通车图当做首图第一张或者首图第一张是直通车图~

先给你们反面教材有个心理暗示再来一些大神直通车图进行实战演练：

首先呢为了避免有一些腹黑的小心眼的或者嫉妒慕歌长得帅的人说我打广告，所以呢我所选的图片的商家一般都是某个类目的TOP10的卖家或者大家耳熟能详的卖家。再说我打广告，我就。。我就。。我就挂机送人头！(好没出息的感觉。)

栗子一号：

上图的直通车图是某落地扇类目的TOP卖家

优秀解说：

①以浅色系绿色为底色可以很好地突出暗色系的产品
②而采用对比色的促销信息以及价格信息可以在第一时间抓住顾客的视觉重心
③画龙点睛之处是辅助图片：遥控器以及风扇罩电池的添加可以告诉直观顾客你的产品功能以及赠品。

栗子二号：

上图的直通车是知名电商品牌旗下的一款干衣机

优秀解说：

①同样采用浅色系的黄色进行作为底色凸显暗蓝色系的产品
②而右上角的产品功能信息已同样产品主色的暗蓝色进行编辑可以更好的有呼应性
③左上角的特色服务以暗色进行描边的技巧可以使得原本同色系的文字变得凸显出来

④左部以十分明显的黑白对比设计可以十分突出的显示出产品的价格信息
⑤底部的附加信息可以很好地进行品牌的宣传以及转化率点击率的提升

栗子三号：

上图的直通车是家装主材类目的当之无愧TOP卖家所做

优秀解说：

①十分巧妙的采用了Baby的人物进行点缀(鄙人测试过，同等情况下女人以及Baby还有宠物等的点击率会有大幅度提升)
②虽然产品色系为淡色系底色也为淡色系但是依然很好地保存了产品的存在感，点个赞
③以相对于底色较为突出的颜色采用拟人对话形式进行巧妙的介绍价格
④以相对于传统但是不土气的方式展现了自己的品牌信息

栗子四号：

上图的直通车是偶然间准备叉掉网页的时候看到的一个直通车

优秀解说：

①构图方面以很巧妙的形式采用斜线的方法可以让你的产品在顾客眼球中更加立体更加突出
②采用亮色系或者特效的方式体现出了产品的属性以及卖点。

待改进内容：

①当你价格有明显优势的时候，请着重突出它
②赠品也算是卖点的重要一部分需要尽可能突出他。直通车设计存在感守则：产品为主，优势为辅。

上面的这些例子不是只是让大家看热闹膜拜大神而已，它们的有点需要你用笔用脑子用word记下来，将来作图的时候不要抓破脑袋去想如何去做这个直通车，如何排版如何构图，如何配色。。。

好记性不如烂笔头，好学生一定写笔记。

高潮结束了，大家累了吗？满头大汗吗？我们是不是忘记了什么？

对！店铺直通车。其实店铺直通车相对于产品直通车更为简单，他的组成部分和组成形式也很简单。下面我为大家最后马赛克剖析几款优秀的店铺直通车图：

三大黄金润滑油，随你挑随你选。亲们等会结束之后你可以去店铺直通车的位置看看他们的板式是不是就是上述的三大润滑油板式呢？从今以后你想要爆什么菊花还不手到擒来？

店铺直通车技巧：

1。巧用大局观*做出好效果：虽然板式都是三大特色，功力不同所做出来的效果也不同噢
2。当你的价格不是优势的时候可以换一个表达方式："一折断货啦""全国全场包邮啦"
3。店铺直通车产品的选择：一般选择着陆页*的主推款产品，或店铺明星款(转化率高)的产品。

4。不要局限三大黄金润滑油，可以通过稍微的改动组合就变成属于你的样式啦~
5。背景不要选择过于复杂的场景，最好以纯色背景或不抢风头的实景为主噢

星号注解：

大局观*：这里的大局观是指上述的三个构图方式，采用不同的设计技巧可以比同样板式的更加牛X。

着陆页*：这个专业名词可能大家不太懂，就是你的超链链接地址，比如你的店铺直通车点击进去后是首页，那么着陆页就是首页咯。

投稿作者：@慕歌一笑

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量68万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：