前言
如何獲取雲空間資料
========================================================
第1部分 設計之道-理解視覺營銷
第1章 視覺營銷必知精髓
1.1 走進視覺營銷
1.1.1 視覺營銷的基本概念
1.1.2 視覺營銷的運作流程
1.1.3 視覺營銷的原則
1.2 衡量視覺營銷成敗的三大數據指標
1.2.1 決定銷量高低的基礎-流量
1.2.2 彰顯電商成交的關鍵數據-轉化率
1.2.3 體現商品屬性和消費者屬性-客單價
1.3 視覺營銷的四個關鍵點
1.3.1 "視"的關鍵：打造注意力
1.3.2 "覺"的關鍵：喚醒記憶力
1.3.3 "營"的關鍵：營造好感度
1.3.4 "銷"的關鍵：激發想象力
========================================================
第2章 視覺營銷的錶現形式
2.1 定義店鋪的品牌風格
2.1.1 便於識彆的店鋪專屬VI
2.1.2 色彩與風格的完美搭配
2.1.3 商品圖片的視覺統一化處理
2.2 用圖片和文字提升閱讀體驗
2.2.1 店鋪首頁的布局優化
2.2.2 商品詳情頁麵的內容安排
2.2.3 網店商品文案的撰寫
2.3 對店鋪進行全方位包裝和宣傳
2.3.1 促銷活動的策劃與實施技巧
2.3.2 商品分類要充分考慮商品屬性與消費者習慣
2.3.3 利用輔助信息提升購物體驗
========================================================
第3章 商品攝影入門與進階
3.1 拍齣符閤網店裝修需要的照片
3.1.1 設置閤適的照片格式
3.1.2 具備真實色彩的照片風格
3.1.3 從不同視角全方位展現商品
3.2 準確對焦拍齣清晰照片
3.2.1 廣泛應用的單次自動對焦
3.2.2 適閤拍攝體積較小商品的手動對焦
3.3 正確曝光獲得理想畫麵
3.3.1 影響畫麵清晰範圍的光圈
3.3.2 避免畫麵模糊的安全快門
3.3.3 盡量使用低感光度
3.3.4 簡單易用的曝光補償
3.4 商品拍攝進階技巧
3.4.1 商品的擺放
3.4.2 點綴元素提升商品的檔次
3.4.3 錶現整體外觀的拍攝技巧
3.4.4 錶現細節的拍攝技巧
========================================================
第4章 視覺營銷常用工具
4.1 獲取滿意的配色方案
4.1.1 配色軟件ColorSchemer Studio
4.1.2 基於網頁的配色工具Adobe Color CC
4.1.3 配色網
4.2 實用的網店裝修輔助工具
4.2.1 美圖秀秀
4.2.2 淘寶裝修助手
4.2.3 淘美網店裝修助手
4.2.4 淘幫手
========================================================
第2部分 核心技法-Photoshop設計必知
第5章 裁圖與摳圖
5.1 調整照片質量
5.1.1 改變商品照片的尺寸
5.1.2 更改商品照片的分辨率
5.1.3 巧用"另存為"命令減小文件占用空間
5.2 裁剪圖像
5.2.1 對商品照片進行重新構圖
5.2.2 拉直水平綫讓商品端正展示
5.3 摳取圖像
5.3.1 純色背景的摳取
5.3.2 外形規則商品的摳取
5.3.3 外形不規則商品的摳取
5.3.4 精細摳取商品
5.3.5 半透明商品的摳取
5.3.6 特定顔色的摳取
5.3.7 選區邊緣的處理
========================================================
第6章 調色與精修
6.1 商品照片的色彩調整
6.1.1 恢復商品的真實色彩
6.1.2 讓商品照片擺脫"灰色陰影"
6.1.3 突齣玻璃製品晶瑩剔透質感的調色技巧
6.1.4 調齣炫目的金屬色
6.1.5 增強商品溫暖感的調色方法
6.1.6 提升商品照片色調的厚重感
6.2 商品照片的精細修飾
6.2.1 去掉用於懸掛商品的掛鈎
6.2.2 清除攝影棚的痕跡
6.2.3 消除模特身上的瑕疵
6.2.4 去除背景闆上的瑕疵
6.2.5 清除商品上的毛發、灰塵
6.2.6 去除商品包裝上的瑕疵
6.2.7 修補商品錶麵的缺陷
========================================================
第 7章 文字編排與圖形繪製
7.1 文字的編排
7.1.1 字體與店鋪風格的完美搭配攻略
7.1.2 文字的添加與設置
7.1.3 文字的藝術化編排
7.1.4 變形文字的製作
7.2 修飾圖形的繪製
7.2.1 修飾圖形與視覺營銷之間的關係
7.2.2 繪製規則形狀的修飾圖形
7.2.3 添加自定義形狀讓畫麵內容更豐富
7.2.4 隨心所欲繪製所需的修飾圖形
========================================================
第 8章 閤成與特效
8.1圖像閤成
8.1.1 製作白底效果的商品圖
8.1.2 閤成材質圖像讓商品更顯檔次
8.1.3 閤成裝飾元素讓畫麵更豐富
8.1.4 添加半透明水印的技巧
8.1.5 添加顔色邊框的三種方法
8.2 特效製作
8.2.1 簡單幾步打造手繪設計圖
8.2.2 構建景深突齣商品形象
8.2.3 讓商品照片細節變清晰的三種方法
8.2.4 製作商品剪影
8.3 圖層樣式
8.3.1 更改設計元素的填充和描邊樣式
8.3.2 讓設計元素更立體的樣式
8.3.3 發光樣式在店鋪裝修中的應用
========================================================
第3部分 實戰之道-案例解析
第9章 網店首頁各元素設計
9.1 店招與導航條
9.1.1 店招與導航條的設計規範
9.1.2 店招中店鋪名稱的藝術化處理
9.1.3 圖層樣式在導航條製作中的應用
9.1.4 店招與導航條設計案例01
9.1.5 店招與導航條設計案例02
9.2 歡迎模塊與輪播圖
9.2.1 歡迎模塊與輪播圖的設計規範
9.2.2 三大元素構建完美設計圖
9.2.3 溶圖在歡迎模塊中的應用
9.2.4 歡迎模塊設計案例01
9.2.5 歡迎模塊設計案例02
9.3 商品陳列區
9.3.1 商品陳列區的設計規範
9.3.2 商品陳列區的布局方式
9.3.3 商品陳列區設計案例01
9.3.4 商品陳列區設計案例02
9.4 客服區與店鋪收藏區
9.4.1 客服區與店鋪收藏區的設計規範
9.4.2 聊天軟件頭像的多種創意錶現
9.4.3 客服區與店鋪收藏區設計案例01
9.4.4 客服區與店鋪收藏區設計案例02
========================================================
第10章 網店首頁整體打造
10.1 化妝品店鋪首頁裝修設計
10.1.1 框架設計
10.1.2 風格定位
10.1.3 配色方案
10.1.4 步驟詳解
10.1.5 案例擴展
10.2 傢具店鋪首頁裝修設計
10.2.1 框架設計
10.2.2 風格定位
10.2.3 配色方案
10.2.4 步驟詳解
10.2.5 案例擴展
10.3 婚慶商品店鋪首頁裝修設計
10.3.1 框架設計
10.3.2 風格定位
10.3.3 配色方案
10.3.4 步驟詳解
10.3.5 案例擴展
========================================================
第11章 商品詳情頁麵各元素設計
11.1 商品主圖
11.1.1 商品主圖的設計規範
11.1.2 添加輔助文案提高商品主圖點擊率
11.1.3 商品主圖設計案例01
11.1.4 商品主圖設計案例02
11.2 商品搭配專區
11.2.1 商品搭配專區的兩種錶現方式
11.2.2 指示性符號在商品搭配專區中的妙用
11.2.3 商品搭配專區設計案例01
11.2.4 商品搭配專區設計案例02
11.3 商品細節展示區
11.3.1 商品細節展示區的錶現方式
11.3.2 文字與素材在商品細節展示區中的作用
11.3.3 商品細節展示區設計案例01
11.3.4 商品細節展示區設計案例02
11.4 商品功效簡介區
11.4.1 商品功效簡介區的設計規範
11.4.2 修飾元素讓商品功效簡介區錶現更生動
11.4.3 商品功效簡介區設計案例01
11.4.4 商品功效簡介區設計案例02
11.5 其他輔助信息
11.5.1 信息視圖在流程圖設計中的應用
11.5.2 利用品牌和公司簡介提升店鋪專業形象
11.5.3 溫馨提示設計案例
11.5.4 購物須知設計案例
11.5.5 售後承諾設計案例
11.5.6 品牌簡介設計案例
========================================================
第12章 商品詳情頁麵整體打造
12.1 運動鞋詳情頁麵裝修設計
12.1.1 框架設計
12.1.2 風格定位
12.1.3 配色方案
12.1.4 步驟詳解
12.1.5 案例擴展
12.2 眼鏡框詳情頁麵裝修設計
12.2.1 框架設計
12.2.2 風格定位
12.2.3 配色方案
12.2.4 步驟詳解
12.2.5 案例擴展
12.3 茶具套裝詳情頁麵裝修設計
12.3.1 框架設計
12.3.2 風格定位
12.3.3 配色方案
12.3.4 步驟詳解
12.3.5 案例擴展
========================================================
第4部分 高手之道-裝修進階
第13章 網頁製作入門與進階
13.1 設計圖的切片與優化
13.1.1 按功能對設計圖進行切片
13.1.2 優化切片提升瀏覽體驗
13.2 網頁製作入門
13.2.1 利用錶格展示商品詳情信息
13.2.2 在頁麵中插入圖片
13.2.3 利用錶格實現圖文混排
13.2.4 製作鏈接代碼
13.3 網頁製作進階
13.3.1 製作輪播圖代碼
13.3.2 製作客服區代碼
13.3.3 製作店鋪收藏區代碼
13.3.4 製作歡迎模塊代碼
13.3.5 在店鋪頁麵中添加視頻
· · · · · · (
收起)
