學(xué)習(xí)情境四電商平臺視覺表達技巧-高質(zhì)量的商品詳情頁設(shè)計01020403詳情頁的作用京東平臺詳情頁視覺規(guī)范詳情頁的布局詳情頁的設(shè)計01Thefirstchapter詳情頁的作用商品詳情頁在是消費者了解商品詳細信息的主要途徑之一，詳情頁的好壞將直觀影響到商品轉(zhuǎn)化率的高低。通過文字、圖片、視頻等形式詳細展示商品特點、規(guī)格、功能、材料、用途等信息。例如：售賣智能手機，商品詳情頁將展示手機的品牌、型號、屏幕尺寸、攝像頭特性、內(nèi)存容量等詳細信息，并附帶高清圖片和視頻以展示實際使用場景，方便消費者了解商品功能。又例如：售賣書包，詳情頁中將會提供書包的尺寸、重量、所能容納的筆記本尺寸、內(nèi)部隔層等規(guī)格信息，以幫助學(xué)生選擇合適的書包。一、展示商品信息或提供尺寸和規(guī)格信息通過多角度圖片、放大鏡效果等方式展示產(chǎn)品的外觀、細節(jié)、設(shè)計特色等。例如：售賣手表，商品詳情頁中會提供手表的各個部件、表帶材質(zhì)、防水等級等細節(jié)照片，以幫助消費者充分了解產(chǎn)品。二、提供產(chǎn)品細節(jié)提供產(chǎn)品特性、優(yōu)勢、等詳細信息，幫助消費者確定是否滿足其需求。例如：銷售健身器材，詳情頁會提供器材的功能介紹，例如可承受的最大重量、不同部位鍛煉的效果、折疊儲存等特點，從而幫助消費者決定是否購買。三、增加購買決策顯示商品的價格、折扣、特價、優(yōu)惠券等促銷信息。例如：銷售手機配件，詳情頁上可以提示原價、當(dāng)前促銷價格、限時優(yōu)惠等信息，并提供額外的優(yōu)惠券，加深消費者購買意向。四、價格和促銷信息在商品詳情頁上展示與該商品相關(guān)的其他商品推薦或搭配建議，引導(dǎo)消費者瀏覽更多產(chǎn)品或選擇更合適的組合。例如：售賣服裝，可以在商品詳情頁中附帶推薦的同款衣物或搭配建議，如鞋子、配飾等，幫助消費者做出更全面的購買決策，用于提升店鋪客單價。五、提供相關(guān)推薦和搭配建議提供關(guān)于退貨、售后服務(wù)、保修期等信息，增強消費者的信心。例如：售賣手機，在詳情中詳細說明退貨政策、保修條款和其余售后服務(wù)，打消消費者的后顧之憂。六、售后服務(wù)和政策說明通過展示品牌故事、產(chǎn)品背景、品質(zhì)認證等來建立品牌形象和增加消費者對商品的信任感。例如：售賣化妝品，可以在詳情頁闡述其品牌對天然原材料的追求、產(chǎn)品的研發(fā)過程和各項檢測證書等，以增加消費者對品牌的信任。七、建立品牌形象和信任京東平臺詳情頁視覺規(guī)范京東平臺對商品詳情頁的整體風(fēng)格、頁面圖片、文字均有詳細規(guī)范，主要從商品詳情頁視覺基本規(guī)范、視覺規(guī)范、相關(guān)法律法規(guī)及注意事項三個方面進行講解。02Thesecondchapter1.頁面整體風(fēng)格協(xié)調(diào)統(tǒng)一，清晰展現(xiàn)產(chǎn)品信息，功能賣點；2.頁面圖片清晰，沒有鋸齒、模糊、粗糙、變形、嚴重色差等質(zhì)量問題；3.頁面文字沒有錯別字，標點、段落格式符合行文規(guī)范；4.不允許出現(xiàn)友商的任何信息及京東以外的鏈接地址和水印；5.同一spu下掛靠多個sku時，商品詳情頁描述需完整展示所有sku的商品信息，不得只對其中一個sku信息進行描述導(dǎo)致給消費者傳遞的信息不準確。如發(fā)現(xiàn)違規(guī)情況，該spu將進行下架處理；6.禁止對商品主圖進行打碼、遮蓋，禁止隱藏商品本體品牌信息（包括但不限于通過P圖替換商品原有品牌、涂抹原有品牌、未放置清晰品牌、外包裝品牌與標題基本信息不一致等），商品實物外包裝品牌信息需突出展示；7.禁止在商品詳情頁中通過裝修錯誤代碼、錯誤跳轉(zhuǎn)鏈接、錯誤頁面等方式，影響前臺商品信息呈現(xiàn)及消費者購物體驗。8.商詳頁關(guān)聯(lián)版式內(nèi)容，商家可使用關(guān)聯(lián)版式進行編輯。一、商品詳情頁視覺基本規(guī)范及建議二、京東商品詳情頁視覺規(guī)范京東商品詳情頁的頁面整體規(guī)范與圖片整體規(guī)范三、相關(guān)法律法規(guī)及注意事項京東商品詳情頁相關(guān)法律法規(guī)及注意事項詳情頁的布局設(shè)計商品詳情頁之前，需要先對商品賣點、文案進行提煉，抓取最有效的信息，并對詳情頁內(nèi)容展示進行排版布局設(shè)計，確保最終設(shè)計能夠突出產(chǎn)品優(yōu)勢，促使消費者產(chǎn)生購買欲望。03Thethirdchapter一、詳情頁文案提取文案的編寫，應(yīng)根據(jù)整個行業(yè)的整體特性，結(jié)合自身產(chǎn)品的優(yōu)勢與特點進行提煉。以某款寵物零食為例，提煉時，應(yīng)根據(jù)詳情頁的作用與宣傳需求，至少提煉以下幾類文案：1、宣傳圖文案商品主要賣點、消費者利益點、營銷活動…2、賣點文案功能、屬性、優(yōu)勢、制作環(huán)境、商品理念…3、產(chǎn)品信息產(chǎn)品信息一定要根據(jù)產(chǎn)品真實信息編寫，確保真實有效。根據(jù)詳情頁的作用與宣傳需求，將詳情頁劃分為不同模塊，并將提煉出的文案信息放入對應(yīng)模塊，組成詳情頁設(shè)計的基礎(chǔ)框架。二、詳情頁框架搭建二、詳情頁框架搭建-建議詳情頁的設(shè)計詳情頁的設(shè)計原則與主圖設(shè)計基本相同，均需要遵循美觀的基本原則，巧妙運用排版與色彩，突出商品的優(yōu)勢。由于詳情頁由多個模塊組成，在保持設(shè)計整體性的同時，要兼顧變化與趣味性。04TheTourthchapter詳情頁產(chǎn)品宣傳海報模塊詳情頁產(chǎn)品宣傳海報模塊是整個詳情頁的第一屏，該模塊的色調(diào)基本奠定了整個詳情頁的基礎(chǔ)色調(diào)，設(shè)計時應(yīng)注意，應(yīng)選取所有產(chǎn)品圖片中質(zhì)量較高，商品展示較全面的圖片。以某款寵物零食為例。產(chǎn)品賣點區(qū)產(chǎn)品賣點是詳情頁設(shè)計中占比最大，