本節簡介:本節課主要詳細介紹詳情頁的具體設計流程,包括前期溝通、競品分析、模板確定,視覺符號的表現等等。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
排版舉例:字體(字體的選擇—男性字體:硬朗、陽光、粗礦、力量、大氣 / 女性字體:修長、氣質、隨意、時尚、活潑、秀氣、纖細)、字號(化繁為簡,字號層級清晰)、位置、對齊方式、行間距(間距:1大于2大于3)、點線面
買家在詳情頁中關心什么?以服裝為例:買家評價詳情、細節圖、產品圖、尺碼圖、模特圖、他人尺碼試穿、服裝品牌的吊牌。
最小的字號一般用16號字體說明性的文案或者是18號,網頁可正常瀏覽的最小號為14號,12號字體為注釋字體,通常網頁字體要放大一倍,為保證pc和移動端都可使用,建議控制在18-24號中間。
排版:字體(合適的字體風格 )/字號(重要內容用標題展示)/位置( 重要文案多留白)/顏色( 顏色留給核心內容 )——突出強度依次增加
色彩搭配:70/25/5 70是整個畫面的色調,25是對70的顏色進行突出,5是強調色。(顏色搭配不要超過三種)
視覺輸出(需注意的9個點):1 色彩的統一性 2 文字排版、對齊方式 3 字體的統一性 4 圖片、素材風格 5 分割線、隔離符 6 留白、樣式統一 7 光影、明暗、色調 8 插入圖片處理方式 9 方向、層次統一
五、優秀的視覺輸出:素材、顏色、排版(字體、點線面)
5、運營策劃稿:向運營(老板)獲取更多的資源(設計參考、設計風格、運營(老板)喜歡的風格、目標店鋪)
視覺符號—符號塑造價值:1、符號塑造價值就是通過符號把購買理由表現出來。用一些大家熟悉的標志或圖形,讓買家去快速的了解一個復雜的難以理解的信息,簡潔的講:就是以熟悉的東西講述不熟悉的東西 2、為什么要用符號來表現購買理由? (1)消費者是懶惰的,他不希望通過很復雜的方式(尤其是文字)來了解產品的購買理由。很多年前的淘寶文字較多,現在是讀圖時代 (2)人的潛意識更愿意用符號來了解信息,符號能快速準確形象的傳達產品的信息。
4、視覺符號:一個核心點(素材風格、排版、字體、色彩使用、點線面)
確定模板:1、 前幾屏→滿足買家需求:(海報,文字引導,緊迫感,購物保障)>黃金30秒,模特圖/實拍圖/重要賣點圖; 2、傳遞產品價值:賣點展示,細節展示,同質化對比;3、其他:促成交,其他,產品關聯。
確定模板 :1.主海報 2.品牌說明 3.賣點說明海報2張 4.商品參數 5.尺寸 6.顏色展示 7.商品展示 8.細節展示 9.商品檢測 10.安裝說明 11.工廠展示 12.品牌故事 13.常見問題