詳情頁設計技巧與思路

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

正文：

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

dangwomennadaoyigexiangqingyeshejixuqiudeshihou
，womenbuyaojizhequzuo，ershixianfenxixiangqingyedeluojidakuangjia，xiangqingyedeluojihenzhongyao。womenkeyixianfenxichanpindedingweihemaidian（痛點），先xian進jin行xing產chan品pin的de定ding位wei，懂dong得de營ying銷xiao思si路lu，確que定ding好hao文wen案an，把ba文wen案an的de主zhu次ci關guan係xi弄nong清qing楚chu，補bu充chong促cu銷xiao的de噱xue頭tou，提ti升sheng轉zhuan化hua率lv。點dian綴zhui標biao題ti，給gei人ren一yi種zhong購gou買mai欲yu。

一、寶貝描述頁的框架

打(da)造(zao)一(yi)個(ge)詳(xiang)情(qing)頁(ye)，前(qian)期(qi)需(xu)要(yao)花(hua)多(duo)點(dian)時(shi)間(jian)去(qu)調(tiao)查(zha)，構(gou)思(si)，確(que)定(ding)好(hao)一(yi)個(ge)方(fang)向(xiang)，再(zai)去(qu)做(zuo)設(she)計(ji)。詳(xiang)情(qing)頁(ye)是(shi)提(ti)高(gao)轉(zhuan)化(hua)率(lv)的(de)入(ru)口(kou)，所(suo)以(yi)寶(bao)貝(bei)詳(xiang)情(qing)頁(ye)是(shi)店(dian)鋪(pu)產(chan)品(pin)是(shi)否(fou)能(neng)夠(gou)交(jiao)易(yi)成(cheng)功(gong)的(de)關(guan)鍵(jian)因(yin)素(su)。一(yi)個(ge)成(cheng)功(gong)的(de)詳(xiang)情(qing)頁(ye)是(shi)如(ru)何(he)吸(xi)引(yin)客(ke)戶(hu)的(de)購(gou)買(mai)欲(yu)望(wang)
，如(ru)何(he)才(cai)能(neng)牢(lao)牢(lao)抓(zhua)住(zhu)客(ke)戶(hu)的(de)消(xiao)費(fei)心(xin)理(li)？我(wo)們(men)要(yao)從(cong)買(mai)家(jia)的(de)購(gou)買(mai)心(xin)理(li)

，買(mai)家(jia)的(de)瀏(liu)覽(lan)習(xi)慣(guan)
，購(gou)物(wu)邏(luo)輯(ji)去(qu)分(fen)析(xi)。按(an)照(zhao)這(zhe)些(xie)邏(luo)輯(ji)去(qu)優(you)化(hua)我(wo)們(men)的(de)詳(xiang)情(qing)頁(ye)，依(yi)據(ju)這(zhe)些(xie)邏(luo)輯(ji)把(ba)詳(xiang)情(qing)頁(ye)描(miao)述(shu)分(fen)成(cheng)幾(ji)大(da)模(mo)塊(kuai)去(qu)表(biao)達(da)。

    詳情頁的描述邏輯
，都需要遵循一個順序：如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. 分析市場，可以走差異化，不同尋常的風格。

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

三、首屏海報創意

shejishenghuozhong，chuangyibujinkeyixiyinkehudeyanqiu

，younengzhengtihuamiandefengfucengcigan，erqiehaikeyihenqiaomiaodibiaodachuzhutixing。taobaoyemianzhong，ruhecainenggourangkehuyiyanjizhu
，xingshidechuangxinxiandeyouqizhongyao。shijiaojizhongdaochanpinshenshang
，tongshinenggouhenhaodizhuazhurendeyanqiu。

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

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

     （二）、特有形式的延展

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

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

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

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

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

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

    打破固有思維 夢幻 夢境。

     （六）、有趣生動的造型

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

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

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

多(duo)在(zai)花(hua)瓣(ban)等(deng)網(wang)站(zhan)瀏(liu)覽(lan)各(ge)種(zhong)各(ge)樣(yang)的(de)頁(ye)麵(mian)
，圖(tu)片(pian)的(de)設(she)計(ji)，可(ke)以(yi)給(gei)我(wo)們(men)的(de)詳(xiang)情(qing)頁(ye)設(she)計(ji)帶(dai)來(lai)很(hen)多(duo)靈(ling)感(gan)。設(she)計(ji)本(ben)身(shen)就(jiu)是(shi)相(xiang)通(tong)的(de)，所(suo)以(yi)多(duo)看(kan)一(yi)些(xie)別(bie)的(de)領(ling)域(yu)的(de)設(she)計(ji)也(ye)可(ke)以(yi)提(ti)升(sheng)我(wo)們(men)的(de)審(shen)美(mei)能(neng)力(li)
， 設計源於生活
，我們應該學會從生活中汲取靈感。

總結：

從產品定位到風格設計 
，從營銷思維到設計
，都些都是影響一個寶貝詳情頁轉換率好不好的關鍵因素。  頁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。