當前位置：首頁 > 科技 > 正文

詳情頁的設計規範！按部就班

一個完整的産品詳情頁的作用就是告訴消費者産品是什麼？産品的價格、外觀、功能，以及産品與同類競争者相比較的優勢。詳情頁一般由以下部分組成：首圖 Banner、産品信息、産品外觀展示、産品細節展示及産品功效介紹。此外還可附上名人推薦、行業證書、物流信息、買家秀及售後說明等相關信息。

産品詳情頁要與産品主圖、産品标題相對應，産品詳情頁必須真實介紹産品的屬性，設計師不能單純追求畫面效果與産品真實情況背道而馳。

詳情頁的闆塊内容

對于一般店鋪或品牌來說，一個完整有效的詳情頁應該是這種思維結構：先用首圖抓住消費者的眼球，緊接着通過各種功能講解讓消費者了解産品，美圖展示讓消費者深陷其中，從而讓消費者意識到此次購買行為的必要性，再乘熱打鐵給出詳細使用說明或專家建議，最後給出一些口碑推薦及品牌認證打消消費者最後的信任顧慮，結合店鋪評價、産品價格，最終促成消費者下單購買。

設計詳情頁之前要充分進行市場調研，既要對同行業進行調查，找到自己在同一品類衆多與衆不同的亮點，又要對消費者進行調查，分析并掌握潛在消費者對消費水平、消費習慣與喜好，力争在最短時間與消費者達到共情，從而促成消費者的購買行為。

市場調查的目的就是完成産品的定位，弄清楚産品的賣點，這對接下來具體完成詳情頁的設計至關重要，決定了設計素材準備的方向，以及詳情頁所用文案、字體、排版、配色等諸多因素的整體風格。詳情頁的設計還有注重烘托符合産品特性的氛圍，産品在特定環境中的使用狀态的表達更容易使消費者産生共鳴。

詳情頁的文案類型

詳情頁的文案對于設計詳情頁來說尤為重要，因為文案與産品和詳情頁的設計風格息息相關。換句話說，文案相當于解說員根據産品氣質的解說，産品氣質不一樣那麼文案給人的氣質也就不一樣。具體地說，詳情頁的文案根據産品特性不同有以下一些表現類型：

拟人式。就是将産品拟人化，以産品的口吻來自我推銷，适用于走親和力路線的品類，類目不限。

自嗨式。直白地說就是用一堆拗口的形容詞修飾産品，适用于走高端嚴謹路線的類目，類目不限，比如數碼科技、服飾鞋包、護膚美妝等。

搞笑式。此類文案畫風往往比較逗比或者無厘頭，讓人感覺很過瘾，适用于任何可以拿來搞笑或惡搞的類目，比如一些二次元周邊産品、生活用品等等。

文藝式。這種文案給人一種深入骨髓的文藝氣息，适用于任何走文藝路線的類目，比如茶葉、家居服飾、鞋包等。

耍酷式。這種文案給人一種你買了我的産品你就是天下第一酷，你最拽、你最與衆不同的感覺，适用于定位叛逆期的青少年們的類目。

賣萌式。給人乖巧可愛的感覺，尤其是反差萌文案效果最好，讓人忍不住想要多看幾眼或分享給朋友，比如故宮淘寶，那些皇帝和娘娘們給人的感覺明明是很高冷的形象，畫風卻萌，一下子拉近了與消費者之間的距離。

平淡式。這種文案比較直白保守，給人中規中矩和呆闆無趣的感覺，大部分反響平平的店鋪詳情頁文案基本也都是這類的，大衆化、沒創意，無法與消費者産生任何情感共鳴，好處就是省事不啰嗦，很純粹的一手交錢一手交貨的買賣關系。

詳情頁的設計規範

詳情頁設計說簡單也簡單，說難也難，因為除了要設計得讓消費者有購買欲望以外，還得注意用戶體驗，防範字體和素材是否侵權了，還得避免使用極限詞違反廣告法被投訴，為了避免以上情況的發生，詳情頁的設計要有一定的規範，也就是注意事項：

詳情頁的尺寸。詳情頁的尺寸分為寬度和高度兩個方面，一般來說高度不限，而寬度的設定受到兩方面因素的影響。不同的輸出端詳情頁的寬度不同，如 PC 端和個人移動端；不同的電商平台詳情頁的寬度也有所不同。例如：在 PC 端，某貓的詳情頁寬度是 790px、某寶 750px、某東自營 750px、某東第三方 790px；在移動端，詳情頁的寬度設定在 750px 與 1242px 之間，也有人直接拿 PC 端 750px 或790px 寬度适配。

事實上，某貓、某寶、某東等平台每改版一次詳情頁的尺寸就會有相應變化，而随着大屏幕手機的占有率越來越高了，平台的每次改版其實也是在順應時代的發展需要，以及增加商家和用戶的使用體驗，因此，現在 PC 端和個人移動端的詳情頁尺寸基本通用了。

詳情頁的版式發展趨勢。從一個城市到六個城市，移動端訂單占比平均已達 80% 以上，甚至有一些比較極端的案例移動端訂單占比高達 90% 以上，所以 PC 端詳情頁設計他們基本已經直接放棄了，而是着重打理移動端詳情頁。而用戶在移動端浏覽詳情頁和在 PC 端浏覽詳情頁體驗是不一樣的，比如手機屏幕基本都是豎屏的，而且尺寸偏小，一隻手掌即可掌握，而PC屏幕現在普遍都是23 寸以上，屏幕越來越大，基本是橫屏，這也就衍生了一個移動端詳情頁設計要遵循豎版思維的理念，也就是文案以及産品圖可能更适合上下排版而不是左右排版。

而且随着智能手機占有率和使用頻率的提升，帶來的是移動端訂單占比的提高和各大電商平台的改版升級，對于商家來說工作量其實減少了，因為移動端變成了主戰場，PC 端的詳情頁尺寸跟移動端是一樣的，可以優先設計移動端，然後PC 端直接進行套用。

你可能想看：

《中小學校設計規範》GB50099

1.0.1 為使中小學校建設滿足國家規定的辦學标準。▼ 展開條文說明1.0.2 本規範适用于城鎮和農村中小學校(含非完全小學)的新建、改建和擴建項目的規劃和工程設計；▼ 展開條文說明2.0.4 高級中...

GMP潔淨室壓差設計規範及控制

各個房間相對于室外大氣的壓力差2、相對壓差：每個相鄰房間、相鄰區域的壓力差（相對壓差=房間A-房間B）3、換氣次數和壓差的關系：空間的壓力是進風量大于回風量的餘量維持某一壓力水平簡而言之，二、潔淨區各...

通用設計，為所有人服務的設計

不論年齡、體型、身體狀況是否良好等都能夠最大限度地接受、理解以及使用的環境的設計組合。通過考慮整個設計過程中所有人的不同需求和能力，針對通用設計的理念提出不同的設計原則：通用設計能夠将具有不同身體條件...

原研哉，他的設計理念從思考“空白”開始

他主張把空的理念融入到産品設計中；他就是中生代國際級平面設計大師、日本設計中心的代表、武藏野美術大學教授，而無印良品能在全球範圍内獲得如今的關注度。@他主張把空的理念融入到産品設計中，但他聽說日本設計...

GP天線的設計問題

我打算做的是一根可以覆蓋20米以下的短波加感GP天線？調整天線時保持線圈上方的拉杆天線處于最長狀态：僅僅依靠增、減線圈匝數來使天線諧振，四、線圈上方振子長度調整是非常敏感的（相對線圈和下方振子長度）？...

分享| 故事中激勵事件的設計

挑着自己覺得合适的分享一下，關于激勵事件的設計。這個決定必須由主角做出，我覺得激勵事件可以好，但它至少奠定了接下來一個大情節的氣氛，可以理解為是故事的一個轉折點，男主本來在按部就班的每天勤勤懇懇的修煉...

面診，一個很神奇的方法，看看面部就能知道身體狀況

痘瘡等發生的部位，證明心律不齊或心髒狀況不好，耳垂有褶皺說明冠狀動脈有硬化：額頭1／3以下的部位代表呼吸系統：證明此人近期患過感冒或喉嚨疼，若肺區有痣、痦子或發白。則證明此人有咽喉炎、或扁桃體炎或肺有...

騰訊視頻嵌入網頁的方法

将視頻在微信公衆平台中的調用代碼提取出來:将上述代碼中的vid=後面的内容替換成上述網址中标紅的部分?然後将上述網址重新複制出來;

五子衍宗丸的功效與作用 五子衍宗丸成分詳情

主治腎虛精虧所緻的陽痿不育、遺精早洩、腰痛、尿後餘瀝，那麼五子衍宗丸的功效與作用具體有哪些呢?　　【主 治】腎虛精虧所緻的陽痿不育、遺精早洩、腰痛、尿後餘瀝，　　五子衍宗丸可用于腎虛精虧所緻的陽痿不育...

【寫作提升】高考語文議論文寫作提升：分論點的設置

讓讀者能夠清晰把握行文思路。掌握分論點設置方法會讓寫作事半功倍。那就可以生發出許多比較具體和貼切的分論點來。一代人有一代人的際遇和機緣、使命和挑戰，那麼做人就應該遵守下棋的規則；那麼做人就應該遵守唱戲...

Windows系統中一個鮮為人知的設置，不僅重要還很實用

環境變量是windows系統中一個非常重要的設置。我們可以直接在運行窗口輸入環境變量中已經設置好的變量名稱，Windows 10 專業版 19043.1348先來介紹一下如何打開Windows系統的環...

服裝設計的學習方法（轉自一個在職設計師的心聲0

很多朋友都覺的學服裝設計很難的，那是他們根本不清楚現在服裝公司對服裝設計師都什麼樣要求!那是因為他們沒有找到科學合理的學習方法，要清楚服裝公司對設計人才的要求/ `+ K. {7 q,要會畫公司認可的...

宇宙是被精心設計出來的嗎？是誰設計了宇宙？

比如攔截宇宙輻射保護地球生命的大氣層”我們再也找不到任何一個與其相似或者一樣的可以構成生命的星球”月球和地球的關系與地球和太陽的關系與太陽系和銀河系的關系何其相似。簡直就像是一個等比數列計算下來的縮小...

庭院設計 | 小院子這樣設計就不再顯得院子小了！

今天園寶為大家帶來的幾個小庭院設計案例，都是設計非常簡約的庭院，周圍種了一圈綠植做環繞性的裝飾，整體大面積用了植物做裝飾。花園的一端設計了用文化石堆砌的水景台，庭院細看的話設計非常簡單。庭院地面鋪設了...

産品結構設計·車載攝像頭的防水結構設計

車載攝像頭防水結構設計主要考慮以下四個部位的防水：車載攝像頭的防水主要是通過O型圈和矽膠防水圈，根據防水功能分為防水鏡頭和不防水鏡頭，需要在殼和鏡頭之間安裝O型圈來實現防水功能，隻要保證玻璃防水即可，...

2020中國十大建築設計事務所 中國十大建築設計公司排名

所參加過的新項目有中國香港峰頂城市廣場、洛杉矶、上海中駿天悅等這種著名工程建築，　　華建集團是全世界150強之一的建築工程設計上市企業“中國氣候谷、中國香港瑞吉酒店和中國香港啟案當代住房等有名的建築全...

流程主戰系列：02 流程需要頂層設計，如同房子要先設計再施工

很多公司的流程碎片化，打補丁或者流程運作與行政架構沖突，流程被設計的脫離客戶體驗，深層次原因多是缺乏頂層設計的一盤棋考慮或者違反了流程框架，流程需要科學的頂層設計：流程為誰服務的問題，高階流程決定組織...

養老标準｜養老護理服務規範認知障礙老年人照護

1範圍本标準規定了認知障礙老年人的能力評估标準、照護服務内容、服務質量評價體系、服務質量改進措施。本标準适用于從事認知障礙老年人照護服務的全日制或非全日制養老服務機構（組織）提供的認知障礙老年人照護服...

最全的光纜施工驗收标準要求規範

2、 進/出局光纜和用戶光纜應全部檢查光纜的預留長度、盤放安置、保護措施及成端質量；光纜進出槽道部位應綁紮并有挂牌，進入交接箱的光纜必須接地并挂标識牌。交接箱底部距地平線、箱體距牆角應符合設計要求（包...

重症超聲臨床應用技術規範（全文速覽）

［重症超聲臨床應用技術規範］：

标準切面＋規範測量超聲心動圖

（一）左室長軸切面：主動脈瓣的右冠瓣與無冠瓣關閉線位于主動脈窦中間；（二）主動脈根部短軸切面：（收縮末期）（避開主動脈無冠窦及肺靜脈開口）：與主動脈後壁交接處左房前壁－左房後壁中部；左心室内徑／室間隔...

餐飲服務單位污染防治規範指南——廢氣、廢水、噪聲、固廢等污染防治要求

産生油煙的餐飲服務單位應安裝油煙淨化設備，一般管控類餐飲服務單位可選用單級油煙和顆粒物淨化技術+ V0Cs淨化技術或其他等效淨化技術的油煙淨化設備。列入重點業态、重點規模、重點區域、重點單位的餐飲服務...

行政管理費用控制制度：預算、 接待、差旅、車輛費用、報銷單規範

包括辦公費、修理費、租賃費、物料消耗、郵電費、物業管理費、水電費、總務費用、車輛費用、宣傳費用、會務費用、書報雜志費、檔案工作費用、業務招待費、差旅費、交通費、常年顧問費、工資性支出、董事會費、監事會...

系統應急管理規範

系統應急管理是為了提高信息系統突發事件的處置能力，全面負責信息系統相關突發事件應急管理，應急處置工作最高負責人是信息系統突發事件應急響應工作最高領導，對應急預案所需的關鍵技術方案組織審核和實施。應急處...

電壓互感器技術規範書 -

電壓互感器技術規範書。　　為了加強設備管理和規範、指導設備招(議)标工作，原電力部電力規劃設計總院先後以電規技(1994)25号文和電規技(1995)73号文下達了編制下列設備技術規範書的任務：上述設...

考前輔導丨滿分作文的基本标準，掌握3個寫作規範，你也能夠輕松寫出好作文……

出現寫跑題了、審題不準、沒有寫完等現象。考場作文其實更好寫，我們隻需要掌握好基本的寫作規範就行了，根本沒有時間寫完作文。我想這是同學們和家長朋友們并沒有理解滿分作文的基本标準，作文的核心要求就是一個真...

思念産品消費者一場PC

上一篇
愛有多深，思念就有多真，你是一生的情劫，也是一生的癡念

下一篇
​最智慧的生活：走正确的路，放無心的手，斷無義的友

有話要說...

最新文章

取消
掃碼支持 支付碼