本節簡介:本節課主要詳細介紹詳情頁的具體設計流程,包括前期溝通、競品分析、模板確定,視覺符號的表現等等。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
大腦對設計梳理、對行業了解、合理的溝通(對模塊的了解有哪些功能等):市場定位、季節、銷量達到的目標、老板、運營的喜好與認可、同行業的競品的了解
12號字體為注釋字體,14為網頁為最小識別字號,通常網頁字體要放大一倍,為保證pc和移動端都可識別,建議18-24號中間。
顏色搭配不要超過3個,比例70:25:5(70為基礎色,25為輔助色,5為強調色)
視覺符號的確認指視覺形態或印象來闡述商品,如夏天衣服清涼舒服,用冰塊輔助表現。
列表確定模塊內容,再和運營確認是否可行,之后尋要所需的素材產品圖證書等。
賣家關心什么?買家評價,細節圖,產品圖,該服裝尺碼圖,模特圖,他人尺碼試穿,服裝品牌吊牌
排版:位置變化 字體變化 使用更少的變化達到層級的變化 碎內容多 導致畫面散亂 詳情頁大多選擇居中對齊 ;使用點線面過渡的話效果要統一,點是點 線是線
字體:風格而定 字號:一般用16或18號 18-24號app端也可以瀏覽 位置:重要文案多留白 顏色:留給核心內容
顏色搭配不超過三種 圖片上的顏色除外 搭配比例70/25/5 70是整個畫面的色調 25是對70的顏色進行突出 5是強調色
PC 最小12 F端 24 一般重要信息18到24吧
符號塑造價值,用熟悉的標志或圖形,去讓賣家快速的了解一個復雜的難以理解的信息,消費者是懶惰的,她不希望通過很復雜的方式(尤其是文字)來了解產品的購買理由,人的潛意識更愿意用符號來了解信息,符號能快速準確形象的傳達產品的信息