本節簡介:本節課主要詳細介紹詳情頁的具體設計流程,包括前期溝通、競品分析、模板確定,視覺符號的表現等等。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
層級“化繁為簡”,用“最少”、“整體”方式體現層級和變化。
.色彩搭配:顏色搭配不要超過3種:70%是基礎色調;25%是突出;5%是強調色;3.排版:字體(合適的字體風格)字號(重要內容用標題展示)位置(重要文案多留白)顏色(顏色留給核心內容)ps:突出強度依次增加。
網頁 說明文案:最小字號16號,建議字體<br>(18-24號之間,適合pc和app端)<br><br>app端(ui) :小號字體24號,最小字號22號(注釋說明用)。 <br>pc端:小號字體14、最小12px(注釋字體)
詳情頁即使說明頁面 :1 色彩統一,2文字排版,3對齊方式,4字體統一,5圖片素材風格,6分割線\隔音符,7留白樣式統一,8光影、明暗、色調,9.方向、層次統一
確定模板:主海報 、 品牌說明 、 買點說明海報2張 、商品參數、 尺寸 、 顏色展示 、 商品展示 、細節展示 、 商品檢測 、安裝說明、工廠展示、品牌故事、常見問題
字號:化繁為簡,字號層級清新。3.排版:行間距根據字體大小不同也應該不同;
最小字號16號,建議字體(18-24號之間,適合pc和app端)
2.色彩搭配:顏色搭配不要超過3種:70%是基礎色調;25%是突出;5%是強調色;3.排版:字體(合適的字體風格)字號(重要內容用標題展示)位置(重要文案多留白)顏色(顏色留給核心內容)ps:突出強度依次增加。
5。優秀的視覺輸出:素材,顏色,排版(字體和點線面)
符號塑造價值:以熟悉的東西講述不熟悉的東西(1.消費者是懶惰的2.人的潛意識更會用符號來了解信息)5.運營策劃稿(向運營(老板)獲取更多的資源):設計參考,設計風格,喜歡的風格,目標店鋪
3.確定模板:一定要溝通,得到自己需要的素材。4.視覺符號:視覺風格:一個核心點(素材風格,排版,字體,色彩使用,點線面)
向老板獲取更多資源 設計參考 設計風格 目標店鋪 老板喜歡風格
視覺輸出(色彩的統一性(顏色搭配不超過三種{70/25/5},文字排版(字體,字號(一般是18-24號),位置,顏色),對齊方式
設計參才,設計風格,喜歡的風格,運營喜歡的風格,目標店鋪
視覺風格:一個核心點(素材風格、排版,字體,色彩使用,點線面)