出版信息
ISBN:978-7-115-47477-3 | 語種:中文版 | 包裝:平裝 |
開本:小16開 | 出版時間:201801 | 頁數:183 |
內容簡介
視覺是手段,行銷是目的。本書採用理論與案例相結合的方式,詳細介紹了PC端電商網店與移動端電商網店的視覺設計思路和具體的實現方法。全書共分10章,內容包括:初識電商視覺設計,電商網站視覺配色設計,店鋪標誌視覺設計,店鋪首頁視覺設計,商品詳情頁視覺設計,高點擊率推廣圖片視覺設計,網店促銷活動頁視覺設計,移動端網店的用戶體驗設計,手機移動端淘寶店鋪視覺設計,以及手機移動端微店視覺設計等。
本書內容新穎,圖文並茂,不僅適合網店/微店店主、電商美工設計人員等電商從業者學習參考,也可作為大中專院校相關專業及電子商務技能培訓的學習教材。
目錄
第1章 初識電商視覺設計 1
1.1 什麼是視覺設計 2
1.1.1 視覺識別設計 2
1.1.2 視覺傳達設計 3
1.2 電商視覺設計前的準備 4
1.2.1 網店的視覺定位 4
1.2.2 明確視覺規範的作用 6
1.3 電商視覺設計黃金構圖法 7
1.3.1 對稱切割構圖法 7
1.3.2 組合切割構圖法 8
1.3.3 整體場景構圖法 9
1.3.4 多重切割構圖法 10
1.3.5 簡單切割構圖法 11
1.3.6 流程構圖法 12
1.3.7 放射構圖法 13
1.3.8 物體輪廓構圖法 13
【課後練習題】
第2章 電商網站視覺配色設計 15
2.1 網店頁面的配色方案 16
2.1.1 色搭原則七要素 16
2.1.2 色彩的聯覺聚焦圖片 17
2.1.3 網店風格的形成要素 18
2.2 網店頁面的配色誤區 27
2.2.1 色彩過多 28
2.2.2 背景和文字對比不強烈 28
2.2.3 過分強調色彩的刺激度 29
2.3 網店的整體配色案例 30
【課後練習題】
第3章 店鋪標誌視覺設計 37
3.1 徽標的設計 38
3.1.1 徽標的設計要領 38
3.1.2 徽標的設計標準 39
3.2 店標的設計 41
3.2.1 店標的設計形態 41
3.2.2 店標的設計技巧 43
3.2.3 不同行業的店標設計 45
3.2.4 店標的設計流程 47
【課後練習題】
第4章 店鋪首頁視覺設計 51
4.1 首頁視覺水平的四大指標 52
4.1.1 首頁跳失率 52
4.1.2 首頁點擊率 52
4.1.3 首頁人均點擊次數 53
4.1.4 首頁平均停留時間 53
4.2 店招視覺設計 54
4.2.1 店招視覺設計規範 54
4.2.2 店鋪名稱的藝術化處理 55
4.2.3 圖層樣式的套用 56
4.3 首焦輪播區視覺設計 57
4.3.1 設計聚焦消費者視線 57
4.3.2 構建設計圖三要素 58
4.3.3 溶圖的套用規範 60
4.4 商品陳列區視覺設計 60
4.4.1 營造視覺動線 61
4.4.2 商品布局藝術化 63
4.5 化妝品店鋪首頁視覺設計案例 64
【課後練習題】
第5章 商品詳情頁視覺設計 75
5.1 商品主圖設計 76
5.1.1 商品主圖的設計規範 76
5.1.2 商品主圖的設計形式 76
5.1.3 添加文案提高主圖點擊率 78
5.2 商品細節展示區設計 79
5.2.1 商品細節展示區的表現形式 80
5.2.2 商品細節展示區通用設計方式 81
5.3 商品功效簡介區設計 83
5.3.1 商品功效簡介區的設計規範 83
5.3.2 修飾元素在設計中的重要性 84
5.4 女鞋商品詳情頁視覺設計案例 85
【課後練習題】
第6章 高點擊率推廣圖片視覺設計 93
6.1 推廣圖片構圖法則 94
6.1.1 變化式構圖 94
6.1.2 對角線構圖 94
6.1.3 平衡式構圖 94
6.1.4 對稱式構圖 95
6.1.5 緊湊式構圖 95
6.1.6 X形構圖 95
6.2 直通車圖片設計 96
6.2.1 圖片整體風格設計 96
6.2.2 突出商品賣點的設計 99
6.3 鑽展圖設計 100
6.3.1 博取眼球的創意設計 100
6.3.2 統一圖片設計風格 101
6.3.3 確定重點表現元素 102
6.4 聚划算主圖設計 102
6.4.1 聚划算主圖的設計思路 103
6.4.2 聚划算主圖設計案例 104
【課後練習題】
第7章 網店促銷活動頁視覺設計 107
7.1 促銷廣告的黃金設計要素 108
7.1.1 保證設計的基本美感 108
7.1.2 營造促銷氛圍 111
7.1.3 促銷廣告圖片的設計原則 112
7.2 不同發展階段的促銷廣告設計 113
7.2.1 發展初期——為打造爆款而促銷 113
7.2.2 發展中期——為品牌而促銷 115
7.2.3 發展成熟期——為客戶而促銷 116
【課後練習題】
第8章 移動端網店的用戶體驗設計 119
8.1 移動端網店的設計標準 120
8.1.1 移動端網店店標設計 120
8.1.2 移動端網店圖片尺寸標準 121
8.1.3 移動端網店框架結構安排 122
8.2 移動端網店視覺設計 123
8.2.1 迎合極速打開需求 123
8.2.2 信息內容簡潔,便於快速傳播 124
8.2.3 簡單方便的操作與互動 127
8.2.4 整體設計風格首尾呼應 129
8.2.5 保持色彩與文字的鮮明感 130
8.2.6 保持常換常新 132
【課後練習題】
第9章 手機移動端淘寶店鋪視覺設計 134
9.1 手機移動端淘寶店鋪首頁最佳化設計 135
9.1.1 店招的最佳化設計 135
9.1.2 輪播圖片最佳化設計 138
9.1.3 優惠券的最佳化設計 139
9.1.4 商品分類導航最佳化設計 141
9.1.5 商品分類展示最佳化設計 141
9.2 電子數碼類商品店鋪首頁案例解析 143
9.3 手機淘寶店鋪詳情頁最佳化設計 145
9.3.1 詳情頁設計的FABE原則 145
9.3.2 商品詳情頁的設計誤區 148
9.3.3 根據消費者的頁面平均停留時間設計 151
【課後練習題】
第10章 手機移動端微店視覺設計 153
10.1 微店首頁最佳化設計 154
10.1.1 首頁的框架設計 154
10.1.2 清晰而準確的設計思路 158
10.1.3 遵守設計學的“七秒定律” 158
10.1.4 注重細節設計 159
10.2 商品詳情頁最佳化設計 161
10.2.1 商品主圖的設計 161
10.2.2 商品描述圖的設計 161
10.3 微店底部導航最佳化設計 163
10.3.1 底部導航的主要功能 163
10.3.2 底部導航的設計規則 164
10.4 母嬰微店視覺設計案例構思 165
10.4.1 首頁設計布局規劃 165
10.4.2 主色調:高純度暖色調 165
10.4.3 案例配色擴展 166
10.4.4 案例設計流程 168
10.5 母嬰微店視覺設計案例實操 169
10.5.1 製作微店店招 169
10.5.2 製作首頁導航 171
10.5.3 製作促銷廣告 172
10.5.4 製作特價專區 174
10.5.5 製作商品詳情頁 176
【課後練習題】