詳情頁設計技巧與思路

文章導讀：一個好的產品如果沒有好的詳情頁來支撐，轉化率就會很低，獲取的流量就會減少
，如果不能提高轉換率，淘寶店鋪就會麵臨淘汰。從2015年開始淘寶加重了對轉換率的權重。通過轉化率篩選出優質的產品。所以這時候一個優質的詳情頁顯得尤其重要 ，優質的詳情頁是怎麼做出來的呢？

正文：

首先大家了解詳情頁的設計技巧與思路嗎？

當(dang)我(wo)們(men)拿(na)到(dao)一(yi)個(ge)詳(xiang)情(qing)頁(ye)設(she)計(ji)需(xu)求(qiu)的(de)時(shi)候(hou)，我(wo)們(men)不(bu)要(yao)急(ji)著(zhe)去(qu)做(zuo)，而(er)是(shi)先(xian)分(fen)析(xi)詳(xiang)情(qing)頁(ye)的(de)邏(luo)輯(ji)大(da)框(kuang)架(jia)
，詳(xiang)情(qing)頁(ye)的(de)邏(luo)輯(ji)很(hen)重(zhong)要(yao)。我(wo)們(men)可(ke)以(yi)先(xian)分(fen)析(xi)產(chan)品(pin)的(de)定(ding)位(wei)和(he)賣(mai)點(dian)（痛點），xianjinxingchanpindedingwei，dongdeyingxiaosilu，quedinghaowenan

，bawenandezhuciguanxinongqingchu
，buchongcuxiaodexuetou，tishengzhuanhualv。dianzhuibiaoti，geirenyizhonggoumaiyu。

一
、寶貝描述頁的框架

dazaoyigexiangqingye，qianqixuyaohuaduodianshijianqutiaozha，gousi，quedinghaoyigefangxiang，zaiquzuosheji。xiangqingyeshitigaozhuanhualvderukou，suoyibaobeixiangqingyeshidianpuchanpinshifounenggoujiaoyichenggongdeguanjianyinsu。yigechenggongdexiangqingyeshiruhexiyinkehudegoumaiyuwang，ruhecainenglaolaozhuazhukehudexiaofeixinli
？womenyaocongmaijiadegoumaixinli，maijiadeliulanxiguan
，gouwuluojiqufenxi。anzhaozhexieluojiquyouhuawomendexiangqingye，yijuzhexieluojibaxiangqingyemiaoshufenchengjidamokuaiqubiaoda。

    詳情頁的描述邏輯
，都需要遵循一個順序：如ru何he引yin起qi消xiao費fei者zhe的de注zhu意yi，激ji發fa潛qian在zai客ke戶hu的de消xiao費fei需xu求qiu，得de到dao消xiao費fei者zhe的de認ren同tong與yu信xin任ren，替ti消xiao費fei者zhe做zuo決jue定ding。由you於yu客ke戶hu不bu能neng直zhi觀guan的de體ti驗yan，我wo們men做zuo詳xiang情qing頁ye的de目mu的de就jiu是shi打da消xiao客ke戶hu對dui產chan品pin的de各ge種zhong疑yi慮lv，從cong客ke戶hu的de角jiao度du去qu出chu發fa，告gao訴su客ke戶hu我wo們men的de產chan品pin是shi值zhi得de去qu信xin賴lai的de。

二

、設計的技巧

    先進行產品的定位，了解清楚產品在市場上的價格
，符合什麼樣的人群；再(zai)確(que)定(ding)風(feng)格(ge)
，看(kan)一(yi)下(xia)其(qi)他(ta)店(dian)鋪(pu)的(de)詳(xiang)情(qing)頁(ye)設(she)計(ji)，吸(xi)取(qu)一(yi)下(xia)別(bie)人(ren)的(de)長(chang)處(chu)。從(cong)中(zhong)借(jie)鑒(jian)準(zhun)備(bei)設(she)計(ji)的(de)元(yuan)素(su)
，分(fen)析(xi)產(chan)品(pin)自(zi)身(shen)的(de)一(yi)下(xia)賣(mai)點(dian)進(jin)行(xing)提(ti)煉(lian)
，根(gen)據(ju)產(chan)品(pin)的(de)定(ding)位(wei)進(jin)行(xing)風(feng)格(ge)上(shang)的(de)確(que)立(li)
，開(kai)始(shi)逐(zhu)步(bu)收(shou)集(ji)所(suo)用(yong)到(dao)是(shi)設(she)計(ji)素(su)材(cai)。素(su)材(cai)網(wang)站(zhan)可(ke)以(yi)到(dao)花(hua)瓣(ban)、覓素材等尋找用到的素材。

    產品的定位主要分為三種定位，功效定位
、品質定位、市場定位。功效上
，該產品在同類的產品中有什麼明顯的功能區別
，有什麼突出功效；品質上，有什麼突出的品質吸引客戶；市場上，把產品的宣傳定位在最有利的市場上。

    拿這個店鋪為例，店鋪想做簡潔清爽的風格，考慮品牌色色調跟產品色，用色盡量控製在2-3中顏色。避免頁麵出現花哨的感覺，彰顯品牌調性。

（一）、對比突出

文字上的突出，確定好文案的標題

，主次標題之間要有明顯的大小對比，重點突出主標題
，副標題與裝飾文字需要弱化，層次分明。

（以上圖片來源於天貓-珀萊雅官方旗艦店）

圖案上的突出，對產品進行打光突出。與頁麵有明暗關係的對比

，突出產品。其餘的作虛化處理
，拉開頁麵的層次感。

（以上圖片來源於天貓-珀萊雅官方旗艦店）

（二）、版式的銜接

    rouhedequxianxianjie，zhezhongfengebanshishiheyixiepiannvxingmuyingdechanpin。rangkehugenzhequxiandexianjieyindaoguankan，yanchangtingliudeshijian，jigeiyemianzengjiameiguan，yegeirenroumeirouhedeganjiao。

    利落的直線條/斜線條分割銜接，這種分割的版式適合數碼類，運動類或者偏男性的產品。

    各類型的形狀銜接，這種形式比較活躍，注意形狀的統一
，形狀的大小對比
，主次分明，切記能過多的形狀

，導致頁麵混亂。

                           （以上圖片來源於天貓-珀萊雅官方旗艦店）

（三）、風格上的確立

    1. 文字上的確立風格
，確定走的是簡潔風、時尚風、文藝風、科技感、可愛風等。定一個主風格，再定一個次風格，主次分明相結合。

    2. 產品價格的定位，確立風格。

    3. 分析市場，可以走差異化
，不同尋常的風格。

                         （以上圖片來源於天貓-珀萊雅官方旗艦店）

三、首屏海報創意

設(she)計(ji)生(sheng)活(huo)中(zhong)，創(chuang)意(yi)不(bu)僅(jin)可(ke)以(yi)吸(xi)引(yin)客(ke)戶(hu)的(de)眼(yan)球(qiu)，又(you)能(neng)整(zheng)體(ti)畫(hua)麵(mian)的(de)豐(feng)富(fu)層(ceng)次(ci)感(gan)
，而(er)且(qie)還(hai)可(ke)以(yi)很(hen)巧(qiao)妙(miao)地(di)表(biao)達(da)出(chu)主(zhu)題(ti)性(xing)。淘(tao)寶(bao)頁(ye)麵(mian)中(zhong)，如(ru)何(he)才(cai)能(neng)夠(gou)讓(rang)客(ke)戶(hu)一(yi)眼(yan)記(ji)住(zhu)，形(xing)式(shi)的(de)創(chuang)新(xin)顯(xian)得(de)尤(you)其(qi)重(zhong)要(yao)。視(shi)覺(jiao)集(ji)中(zhong)到(dao)產(chan)品(pin)身(shen)上(shang)
，同(tong)時(shi)能(neng)夠(gou)很(hen)好(hao)地(di)抓(zhua)住(zhu)人(ren)的(de)眼(yan)球(qiu)。

     （一）、常規:全力營造氛圍

提煉關鍵詞
，畫麵氛圍靠向關鍵詞。對設計素材進行尋找收集
，前期工作收集的素材可以到素材網站，比較花瓣網
、覓素材等。

     （二）、特有形式的延展

    固定構圖固定形式，找到形式套用。

     （三）

、在內容裏找梗：喜聞樂見，會心一笑

    從合理把握尺度（含蓄巧妙）。

     （四）
、玩標題：不止是大

    標題文字形式，結構，材質的玩法。

     （五）、超現實的場景設定      

    打破固有思維 夢幻 夢境。

     （六）、有趣生動的造型

    特別不同的地方。元素要有趣 要有喜感。

    （七）、最樸實的情感最動人

    尋找動人的點。通常一些感人的畫麵，更容易打動消費者
，讓消費者理解。

duozaihuabandengwangzhanliulangezhonggeyangdeyemian，tupiandesheji，keyigeiwomendexiangqingyeshejidailaihenduolinggan。shejibenshenjiushixiangtongde，suoyiduokanyixiebiedelingyudeshejiyekeyitishengwomendeshenmeinengli
， 設計源於生活
，我們應該學會從生活中汲取靈感。

總結：

從產品定位到風格設計
，從營銷思維到設計，都些都是影響一個寶貝詳情頁轉換率好不好的關鍵因素。  頁ye麵mian的de整zheng體ti風feng格ge調tiao性xing，美mei觀guan問wen題ti
，都dou很hen重zhong要yao。一yi個ge詳xiang情qing頁ye好hao不bu好hao，不bu光guang要yao美mei觀guan，還hai要yao提ti升sheng寶bao貝bei的de轉zhuan化hua率lv。站zhan在zai客ke戶hu的de角jiao度du去qu分fen析xi，如ru何he做zuo到dao激ji發fa購gou買mai欲yu，讓rang客ke戶hu更geng加jia對dui產chan品pin信xin服fu。確que定ding詳xiang情qing頁ye的de框kuang架jia
，構gou思si好hao詳xiang情qing頁ye的de內nei容rong。確que定ding產chan品pin的de主zhu要yao賣mai點dian，給gei產chan品pin確que立li一yi個ge明ming確que的de定ding位wei，告gao訴su客ke戶hu為wei什shen麼me要yao買mai你ni的de產chan品pin。滿man足zu用yong戶hu的de需xu求qiu。需xu求qiu是shi對dui美mei好hao的de向xiang往wang
，以yi及ji對dui現xian狀zhuang的de恐kong懼ju。