當前位置:編程學習大全網 - 人物素材 - 淘寶網店頁面設計、布局、配色、裝修壹本通的目錄

淘寶網店頁面設計、布局、配色、裝修壹本通的目錄

第1章 網店裝修入門基礎 1

1.1 網店裝修需要註意的問題 1

1.1.1 什麽是網店裝修 1

1.1.2 為什麽要進行網店裝修 1

1.1.3 新手店鋪裝修的誤區 3

1.2 網店裝修審美準則 7

1.2.1 網店的風格 8

1.2.2 網店審美的通用原則 8

1.3 網店裝修的壹般流程 10

第2章 網店頁面的元素與布局 13

2.1 網店欄目和頁面設計策劃 13

2.1.1 為什麽要進行策劃 13

2.1.2 網店的欄目策劃 14

2.1.3 網店的頁面策劃 15

2.2 網店布局的基本元素 16

2.3 版面布局設計 19

2.3.1 版面布局原則 19

2.3.2 網店頁面內容的排版 21

第3章 網店頁面的視覺元素設計 24

3.1 網店導航設計 24

3.1.1 導航設計的基本要求 24

3.1.2 導航的基礎要素 25

3.1.3 導航設計註意要點 25

3.2 頁面中的文字設計 26

3.2.1 文字的字體、字號、行距 26

3.2.2 文字的顏色 27

3.2.3 文字的圖形化 27

3.2.4 讓文字易讀 28

3.3 頁面中的圖片應用 28

3.3.1 讓買家心動促成交易,商品圖片是關鍵 28

3.3.2 商品圖片的誠信原則 31

3.3.3 使用模特實拍,增加商品的直觀視覺效果 32

3.4 讓按鈕更易點擊 33

第4章 網店頁面創意和風格 35

4.1 頁面設計創意思維 35

4.1.1 什麽是創意 35

4.1.2 創意思維的原則 36

4.1.3 創意過程 38

4.2 創意的方法 38

4.2.1 富於聯想 39

4.2.2 巧用對比 39

4.2.3 大膽誇張 40

4.2.4 趣味幽默 40

4.2.5 善用比喻 41

4.2.6 以小見大 41

4.2.7 偶像崇拜 42

4.2.8 古典傳統 42

4.2.9 流行時尚 43

4.3 網店頁面風格 43

4.3.1 大幅配圖 43

4.3.2 面板風格 44

4.3.3 三維風格 45

4.3.4 書報風格 46

第5章 大型購物網店頁面設計分析 47

5.1 人氣商品頁面分析 47

5.1.1 銷售的不是商品,而是氛圍 47

5.1.2 應詳細的展示商品 49

5.1.3 註意比商品更吸引眼球的要素 50

5.1.4 以買家的語氣描述,從買家的視角設計 51

5.2 熱銷商品頁面設計理念 52

5.2.1 頁面不是壹味的加長,而要生動有趣 52

5.2.2 自然引導顧客購買搭配商品 53

5.2.3 通過商品圖片就可以了解商品實際大小 54

5.2.4 商品信息介紹準確詳細 55

5.2.5 分享購買者的經驗 56

5.2.6 展示相關證書證明 57

5.2.7 文字註意可讀性 57

第6章 頁面色彩搭配基礎知識 59

6.1 色彩的原理 59

6.2 色彩的分類 59

6.2.1 無彩色 59

6.2.2 有彩色 62

6.3 色彩的三要素 63

6.3.1 明度 64

6.3.2 色相 65

6.3.3 純度 66

6.4 色彩對比 67

6.4.1 明度對比 67

6.4.2 色相對比 69

6.4.3 純度對比 73

6.4.4 色彩的面積對比 73

6.4.5 色彩的冷暖對比 74

6.5 網店頁面色彩搭配方法 76

6.6 主色、輔助色、點綴色 79

6.6.1 主色可以決定整個店鋪風格 79

6.6.2 輔助色對頁面有決定性效果 80

6.6.3 點綴色可營造獨特的頁面風格 81

第7章 網店色調與配色 82

7.1 紅色系的配色 82

7.1.1 紅色適合的配色方案 82

7.1.2 適用紅色系的網店 83

7.2 橙色系的配色 84

7.2.1 橙色適合的配色方案 84

7.2.2 適用橙色系的網店 85

7.3 黃色系的配色 86

7.3.1 黃色適合的配色方案 87

7.3.2 適用黃色系的網店 88

7.4 紫色系的配色 89

7.4.1 紫色適合的配色方案 89

7.4.2 適用紫色系的網店 90

7.5 綠色系的配色 91

7.5.1 綠色適合的配色方案 91

7.5.2 適用綠色系的網店 92

7.6 藍色系的配色 92

7.6.1 藍色適合的配色方案 93

7.6.2 適用藍色系的網店 94

7.7 無彩色的配色 95

7.7.1 白色的網店 95

7.7.2 灰色系的網店 96

7.7.3 黑色系的網店 97

第8章 各行網店設計與配色案例解析 98

8.1 女裝網店 98

8.1.1 女裝網店的經營特點 98

8.1.2 頁面分析 100

8.1.3 網店配色講解 101

8.2 美容化妝網店 102

8.2.1 美容化妝網店的經營特點 102

8.2.2 頁面分析 104

8.2.3 網店配色講解 107

8.3 計算機數碼產品網店 107

8.3.1 計算機數碼產品網店的經營特點 107

8.3.2 頁面分析 108

8.3.3 網店配色講解 110

8.4 家居日用品網店 110

8.4.1 家居-日用品網店的經營特點 110

8.4.2 頁面分析 111

8.4.3 網店配色講解 113

8.5 男性商品類網店 114

8.5.1 男性商品類網店的經營特點 114

8.5.2 頁面分析 114

8.5.3 網店配色講解 116

8.6 珠寶飾品網店 116

8.6.1 珠寶飾品網店的經營特點 116

8.6.2 頁面分析 117

8.6.3 網店配色講解 119

8.7 包包網店 119

8.7.1 包包網店的經營特點 119

8.7.2 頁面分析 120

8.7.3 網店配色講解 122

8.8 鞋類網店 122

8.8.1 鞋類網店的經營特點 122

8.8.2 頁面分析 123

8.8.3 網店配色講解 125

8.9 童裝網店 125

8.9.1 童裝網店的經營特點 125

8.9.2 頁面分析 125

8.9.3 網店配色講解 127

8.10 食品網店 127

8.10.1 食品網店的經營特點 127

8.10.2 頁面分析 127

8.10.3 網店配色講解 129

第9章 處理好照片,裝修有優勢 130

9.1 簡單的照片處理 130

9.1.1 調整拍歪的照片 130

9.1.2 縮小圖片 131

9.1.3 自由裁剪照片 133

9.1.4 調整圖片適合淘寶發布的大小 134

9.2 調整照片效果 136

9.2.1 調整曝光不足的照片 137

9.2.2 調整曝光過度的照片 138

9.2.3 調整模糊的照片 139

9.4.4 調整對比度突出照片主題 142

9.3 為照片添加水印和邊框 144

9.3.1 為照片添加水印防止他人盜用 144

9.3.2 為照片添加相框提高商品檔次 146

9.4 照片特殊效果處理技法 148

9.4.1 把照片中的產品摳出來 148

9.4.2 快速更換圖片的背景 151

9.4.3 給寶貝圖片加圓角 152

9.4.4 制作閃閃發亮的商品圖片 156

9.5 壹次性處理大量產品圖片 161

第10章 淘寶店鋪各版本特點 164

10.1 普通店鋪 164

10.1.1 普通店鋪的特點 164

10.1.2 可供裝修區域 164

10.2 旺鋪創業扶植版 167

10.2.1 旺鋪創業扶植版特點 167

10.2.2 可供裝修的區域 170

10.3 旺鋪標準版 171

10.3.1 旺鋪標準版的特點 171

10.3.2 可供裝修的區域 174

10.4 旺鋪拓展版 174

10.4.1 旺鋪拓展版的特點 174

10.4.2 可供裝修區域 177

10.5 旺鋪旗艦版 177

第11章 普通店鋪裝修篇 180

11.1 店鋪計數器 180

11.2 添加店鋪音樂背景 182

11.3 寶貝分類設計與設置 185

11.3.1 寶貝分類制作的註意事項 185

11.3.2 制作寶貝分類圖片 185

11.3.3 上傳圖片並設置寶貝的分類 187

11.4 公告區域的制作 192

11.4.1 制作公告區時的註意事項 193

11.4.2 制作精美的圖片公告 193

11.4.3 在店鋪中應用圖片公告 196

11.5 店標的設計與發布 198

11.5.1 什麽是網店的店標 198

11.5.2 店標設計的原則 198

11.5.3 店標制作的基本方法 199

11.5.4 設計店鋪標誌 200

11.5.5 將店標發布到店鋪上 204

第12章 淘寶旺鋪裝修篇 206

12.1 制作旺鋪的個性店招 206

12.1.1 店招制作的註意事項 206

12.1.2 服裝店招設計實例 206

12.1.3 將店招應用到店鋪中 211

12.2 巧妙制作寶貝促銷區 212

12.2.1 制作寶貝促銷區的註意事項 212

12.2.2 寶貝促銷區的制作方法 213

12.2.3 寶貝促銷區設計實例 214

12.2.4 將促銷區源代碼應用到旺鋪中 218

12.3 制作寶貝描述模板 221

12.3.1 寶貝描述模板的設計要求 221

12.3.2 在Photoshop中設計寶貝描述模板 221

12.3.3 將圖片切割為適合網頁應用的元素 231

12.3.4 使用Dreamweaver生成網頁代碼 234

12.3.5 發布商品描述模板 239

12.4 視頻在店鋪裝修中的應用 241

12.4.1 定制視頻服務 241

12.4.2 視頻文件的上傳 244

12.4.3 視頻在店鋪中的應用 245

附錄1 各行業網店色彩搭配 248

附錄2 配色形容詞色卡 253

附錄3 頁面安全色 258

  • 上一篇:矢量圖標如何使用-iconfont阿裏巴巴矢量圖標庫怎麽用?
  • 下一篇:焦軍材料
  • copyright 2024編程學習大全網