@慕歌一笑 ：如何讓你的直通車報表好，不僅僅是你一個人的工作。要及時和你的推廣溝通。比如：投放的關鍵詞類目，展示的位置，以及他的一些設計建議板式建議等等，你不是大神你就要學會聽取意見。

先向大家介紹一下直通車的位置，如果已經知道了的朋友也順帶看下，反正閑著也是閑著：

產品直通車

如上圖所示，在淘寶搜索的頁面亮色部位則為直通車的展示處(淘寶搜索的右側"掌柜熱賣")，這就是產品直通車，
這是針對于單品所做的直通車。顧名思義點擊進去直接進入產品頁。

店鋪直通車

如圖所示，亮色部位則為直通車的展示處(處于淘寶搜索右側的"掌柜熱賣"的下部"店家精選")，這是針對于店鋪

做的直通車，這也是首頁流量最主要的來源之一。
話不多說，既然我已經為你們做了掃盲課程，下面就進入制作過程吧~

首先讓我們來看一組五圖的直通車對比展示：

那么摸著你們的良心說第幾張照片對于你來說是第一眼看到的？不管你有沒有良心我覺得我看到的是第二張。

那么為什么呢？答案：色系獨立。請同學們拿出你的筆記下來：在你做直通車的時候一定要了解你的對手主要產品直通車是什么色系，比如夏天的落地扇都是走藍色系因為可以給別人一種涼爽舒適的視覺感受。

那么你可以獨特的做一個黑色/或者與他們相近但是做一個紫色等等。這些色系首先不會影響你的視覺感受，比如你的產品是黑色你也用一個黑色的圖，這就是逗比行為，下面會有反面教材。比如你是一個風扇或者空調之類的夏季產品，你給一把火，給一個紅色系。你是要熱死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】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：