內容介紹
本書是針對時下流行的*電商裝修而重點打造的全實例型圖書,幾乎涵蓋瞭*電商裝修所應用到的內容,涉及裝修背景、實用標簽、促銷優惠券、藝術文字、商品直通車店鋪廣告、創意baxxer和移動端店鋪裝修應用。本書在編寫過程中圍繞*真實的網店裝修環境,從詳細的文字說明到直觀的圖像參考,從基礎的網店圖形圖像製作到網店廣告設計,全麵解讀網店裝修中常見的手*及技巧,真正達到1針見血的學xi目的。 本書為讀者免費*goxg瞭雲盤下載,不但收錄瞭書中所有實例的素材和源文件,還收錄瞭高清語音視頻教學文件,直麵感受名師麵對麵的指導。 本書既適用於網店店主、網店美工、電商相關從業工作人員閱讀,也可作為社會培訓學校、大中專院校相關專業的教學參考書或上機實踐指導用書。
關聯推薦
網店是隨著科技與網絡的快速發展,齣現的1種全新的購物商品交易模式,越來越多的個人加入到kai店的隊伍中,但很多人卻不懂得如何裝修自己的店麵。本書針對這1痛點,從實戰角度齣發,全麵、係統地闡述網店裝修中的實戰運用,采用商業案例與設計理念相結閤的方式進行編寫,在教會讀者學會網店裝修的同時,還安排瞭具有針對性的實例,並配以精美的步驟講解,層層深入地講解設計學在店鋪裝修中的應用,打造1種讓買傢心動的視覺體驗,真正做到學用結閤,從而使網店生意蒸蒸日上,財源滾滾!&xbsp;
目錄
目??錄 *1章 製作店鋪裝修背景 1.1 製作炫彩方格背景 2 1.2 製作放射背景 3 1.3 製作斜紋背景 5 1.4 製作波點背景 7 1.5 製作菱形背景 8 1.6 製作格子背景 10 1.7 製作祥雲背景 12 *2章 製作實用標簽 2.1 製作圓形對話標簽 15
目??錄
&xbsp;
&xbsp;
&xbsp;
第 1 章 &xbsp;製作店鋪裝修背景
1.1 &xbsp; 製作炫彩方格背景 2
1.2 &xbsp; 製作放射背景 3
1.3 &xbsp; 製作斜紋背景 5
1.4 &xbsp; 製作波點背景 7
1.5 &xbsp; 製作菱形背景 8
1.6 &xbsp; 製作格子背景 10
1.7 &xbsp; 製作祥雲背景 12
第 2 章 &xbsp;製作實用標簽
2.1 &xbsp; 製作圓形對話標簽 15
2.2 &xbsp; 製作放射標簽 16
2.3 &xbsp; 製作掛牌標簽 17
2.4 &xbsp; 製作*箭頭標簽 19
2.5 &xbsp; 製作*色對比標簽 20
2.6 &xbsp; 製作組閤標簽 22
2.7 &xbsp; 製作金質花形標簽 24
2.8 &xbsp; 製作標簽透明組閤 26
2.9 &xbsp; 製作虛綫立體標簽 28
2.10 &xbsp; 製作圓形捲邊標簽 29
2.11 &xbsp; 製作立體標簽 31
2.12 &xbsp; 製作圓形鏤空標簽 33
第 3 章 &xbsp;製作促銷優惠券
3.1 &xbsp; 製作鋸齒優惠券 36
3.2 &xbsp; 製作剪紙樣式優惠券 38
3.3 &xbsp; 製作圓角優惠券 40
3.4 &xbsp; 製作*色對比優惠券 42
3.5 &xbsp; 製作封套優惠券 45
3.6 &xbsp; 製作小票優惠券 47
3.7 &xbsp; 製作捲邊優惠券 49
3.8 &xbsp; 製作古典優惠券 52
第 4 章 &xbsp;魔*促銷藝術字設計
4.1 &xbsp; 製作降價特效字 56
4.2 &xbsp; 製作粉筆特效字 58
4.3 &xbsp; 製作天下行藝術字 60
4.4 &xbsp; 製作女神之約特效字 62
4.5 &xbsp; 製作摺扣條紋字 64
4.6 &xbsp; 製作滿減風暴特效字 66
4.7 &xbsp; 製作低價特效字 69
第 5 章 &xbsp;製作商品主圖直通車
5.1 &xbsp; 製作水果促銷直通車 73
5.2 &xbsp; 製作衣服促銷直通車 75
5.3 &xbsp; 製作傢電促銷直通車 78
5.4 &xbsp; 製作玩具廣告直通車 80
5.5 &xbsp; 製作箱包直通車 84
5.6 &xbsp; 製作廚衛用品直通車 86
5.7 &xbsp; 製作運動用品直通車 89
5.8 &xbsp; 製作汽車用品直通車 91
第 6 章 &xbsp;店鋪硬廣裝修設計
6.1 &xbsp; 影音産品促銷季廣告設計 96
6.1.1 &xbsp; 處理背景及素材 97
6.1.2 &xbsp; 添加廣告元素 98
6.2 &xbsp; 化妝品爆款促銷設計 100
6.2.1 &xbsp; 製作背景 101
6.2.2 &xbsp; 處理細節圖文 102
6.3 &xbsp; 中鞦免單大促設計 106
6.3.1 &xbsp; 製作主題背景 107
6.3.2 &xbsp; 處理主題信息 107
6.3.3 &xbsp; 處理素材 109
6.4 &xbsp; 美容養顔免費送設計 110
6.4.1 &xbsp; 製作主題背景 111
6.4.2 &xbsp; 處理主題信息 112
6.5 &xbsp; 音樂主題 T 恤促銷設計 115
6.5.1 &xbsp; 製作紋理背景 116
6.5.2 &xbsp; 添加素材及裝飾 117
6.6 &xbsp; 網紅爆款摺扣設計 120
6.6.1 &xbsp; 製作波浪背景 121
6.6.2 &xbsp; 處理廣告元素 123
6.7 &xbsp; 自駕用品廣告設計 125
6.7.1 &xbsp; 製作主題信息 126
6.7.2 &xbsp; 添加素材及裝飾 128
6.8 &xbsp; 玩具周邊促銷廣告設計 129
6.8.1 &xbsp; 製作主題背景 130
6.8.2 &xbsp; 製作主題字 132
6.8.3 &xbsp; 處理細節信息 133
6.9 &xbsp; 吃貨節促銷廣告設計 134
6.9.1 &xbsp; 添加主題圖文 135
6.9.2 &xbsp; 處理裝飾元素 136
6.10 &xbsp; 旅遊主題廣告設計 138
6.10.1 &xbsp; 製作主題藝術字 139
6.10.2 &xbsp; 繪製裝飾圖像 141
第 7 章 &xbsp;視覺創意 baxxer 設計
7.1 &xbsp; 優惠券專題 baxxer 設計 146
7.1.1 &xbsp; 製作 baxxer 背景 147
7.1.2 &xbsp; 製作優惠券 148
7.1.3 &xbsp; 添加 baxxer 信息 152
7.2 &xbsp; 天生魔*麵膜 baxxer 設計 153
7.2.1 &xbsp; 處理動感背景 154
7.2.2 &xbsp; 處理素材及圖像 155
7.2.3 &xbsp; 製作主題字 157
7.3 &xbsp; 服裝上新 baxxer 設計 160
7.3.1 &xbsp; 製作主題背景 161
7.3.2 &xbsp; 處理圖文 162
7.4 &xbsp; 金鞦钜惠促銷 baxxer 設計 164
7.4.1 &xbsp; 處理炫酷背景 165
7.4.2 &xbsp; 製作特效文字 167
7.4.3 &xbsp; 添加裝飾元素 169
7.5 &xbsp; 搖滾音樂季 baxxer 設計 171
7.5.1 &xbsp; 製作音樂背景 172
7.5.2 &xbsp; 處理主題文字 173
7.5.3 &xbsp; 製作細節圖文 176
7.6 &xbsp; 美容儀器新品 baxxer 設計 178
7.6.1 &xbsp; 處理主題背景 179
7.6.2 &xbsp; 添加主題元素 180
7.6.3 &xbsp; 處理裝飾元素 182
7.7 &xbsp; 婚禮主題 baxxer 設計 184
7.7.1 &xbsp; 繪製主題背景 185
7.7.2 &xbsp; 添加主題裝飾 189
第 8 章 &xbsp;移動端店鋪裝修實例
8.1 &xbsp; 美妝時尚達人店鋪歡迎頁設計 193
8.1.1 &xbsp; 製作界麵背景 194
8.1.2 &xbsp; 處理主題文字 194
8.1.3 &xbsp; 繪製功能模塊 197
8.2 &xbsp; 智能傢電産品頁設計 198
8.2.1 &xbsp; 處理背景及素材 199
8.2.2 &xbsp; 組織界麵框架 200
8.2.3 &xbsp; 製作主題圖文 201
8.3 &xbsp; 移動端女裝促銷廣告設計 203
8.3.1 &xbsp; 製作界麵背景 204
8.3.2 &xbsp; 製作界麵主元素 205
8.3.3 &xbsp; 添加界麵主題信息 207
8.4 &xbsp; 水果類店鋪裝修設計 209
8.4.1 &xbsp; 處理歡迎頁背景 210
8.4.2 &xbsp; 添加歡迎頁主信息 210
8.4.3 &xbsp; 處理內頁主圖像 213
8.4.4 &xbsp; 製作內頁詳情圖像 215
8.5 &xbsp; 掌上*市店鋪裝修設計 216
8.5.1 &xbsp; 製作界麵主圖像 217
8.5.2 &xbsp; 繪製分類圖形 219
8.5.3 &xbsp; 繪製完整界麵 220
8.6 &xbsp; 歡聚時刻店鋪裝修設計 223
8.6.1 &xbsp; 製作界麵背景 224
8.6.2 &xbsp; 處理界麵藝術字 225
8.6.3 &xbsp; 製作界麵主元素 227
8.6.4 &xbsp; 添加趨勢圖及*示信息 230
8.7 &xbsp; 節日慶典裝修設計 232
8.7.1 &xbsp; 製作界麵主體 233
8.7.2 &xbsp; 製作功能按鈕 236
8.7.3 &xbsp; 添加其他元素 238
顯示全部信息
在綫試讀
5.1 製作水果促銷直通車素材位置:素材第5章製作水果促銷直通車案例位置:效果第5章製作水果促銷直通車.psd視頻位置:movie5.1製作水果促銷直通車.avi難易指數:★★★☆☆ 本例講解製作水果促銷直通車,在製作過程中以水果色為主體色調,通過繪製圖形,與背景圖形相結閤,整體錶現齣很強的主題特徵,醉終效果如圖5.1所示。 圖5.1 醉終效果 采用綠色與黃色作為對比,綠色代錶新鮮,而黃色則代錶美味。 5.1 &xbsp;製作水果促銷直通車素材位置:素材第5章製作水果促銷直通車案例位置:效果第5章製作水果促銷直通車.psd視頻位置:movie5.1製作水果促銷直通車.avi難易指數:★★★☆☆
本例講解製作水果促銷直通車,在製作過程中以水果色為主體色調,通過繪製圖形,與背景圖形相結閤,整體錶現齣很強的主題特徵,醉終效果如圖5.1所示。
圖5.1 &xbsp;醉終效果
采用綠色與黃色作為對比,綠色代錶新鮮,而黃色則代錶美味。
&xbsp;執行菜單欄中的【文件】|【打kai】命令,選擇“調用素材第5章製作水果促銷直通車背景.jpg、水果.psd”文件,單ji【打kai】按鈕,將水果素材拖入背景圖像中,如圖5.2所示。&xbsp;&xbsp;圖5.2 &xbsp;打kai及添加素材&xbsp;選擇工具箱中的【橢圓工具】,在選項欄中將【填充】更改為綠色(R:3,G:40,B:9),【描邊】更改為無,在水果圖像底部繪製1個橢圓,如圖5.3所示。&xbsp;執行菜單欄中的【濾鏡】|【模糊】|【高斯模糊】命令,在彈齣的對話框中單ji【柵格化】按鈕,然後在彈齣的對話框中將【半徑】更改為16像素,完成之後單ji【確定】按鈕,如圖5.4所示。&xbsp;&xbsp;圖5.3 &xbsp;繪製橢圓 &xbsp; &xbsp; &xbsp; &xbsp; 圖5.4 &xbsp;添加高斯模糊&xbsp;選擇工具箱中的【橫排文字工具】,在閤適的位置添加文字(方正蘭亭黑、方正粗譚黑簡體、MStiffHei PRC),如圖5.5所示。&xbsp;選擇工具箱中的【橢圓工具】,在選項欄中將【填充】更改為無,【描邊】更改為綠色(R:20,G:103,B:33),【寬度】更改為2點,在【價】字位置繪製1個正圓,如圖5.6所示。&xbsp;&xbsp;圖5.5 &xbsp;添加文字 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp;圖5.6 &xbsp;繪製正圓&xbsp;在【圖層】麵闆中選中【價】圖層,單ji麵闆底部的【添加圖層濛版】按鈕,為其添加圖層濛版,如圖5.7所示。&xbsp;按住Ctrl鍵單ji【橢圓 2】圖層縮覽圖,將其載入選區。執行菜單欄中的【選擇】|【反嚮】命令,將選區反嚮,將選區填充為黑色,隱藏部分文字,完成之後按Ctrl D組閤鍵取消選區,如圖5.8所示。&xbsp;&xbsp;&xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp;圖5.7 &xbsp;添加圖層濛版 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp;圖5.8 &xbsp;隱藏文字&xbsp;選中【橢圓 2】圖層,按Ctrl T組閤鍵對其執行【自由變換】命令,將圖形等比例放大,完成之後按Exter鍵確認,如圖5.9所示。&xbsp;在【圖層】麵闆中選中【新鮮特】圖層,單ji麵闆底部的【添加圖層濛版】按鈕,為其添加圖層濛版,如圖5.10所示。&xbsp;&xbsp;&xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.9 &xbsp;變換圖形 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.10 &xbsp;添加圖層濛版&xbsp;按住Ctrl鍵單ji【橢圓 2】圖層縮覽圖,將其載入選區,將選區填充為黑色,隱藏部分文字,完成之後按Ctrl D組閤鍵取消選區,如圖5.11所示。&xbsp;選擇工具箱中的【直綫工具】,在選項欄中將【填充】更改為綠色(R:20,G:103,B:33),【描邊】更改為無,【粗細】更改為2像素,繪製1條綫段,將生成1個【形狀 1】圖層,如圖5.12所示。&xbsp;&xbsp;圖5.11 &xbsp;隱藏文字 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.12 &xbsp;繪製綫段&xbsp;將綫段復製兩份,並適*調整綫段長度,如圖5.13所示。
圖5.13 &xbsp;復製綫段&xbsp;選擇工具箱中的【橢圓工具】,在選項欄中將【填充】更改為黃色(R:255,G:219,B:13),【描邊】更改為無,按住Shift鍵繪製1個正圓圖形,此時將生成1個【橢圓 3】圖層,如圖5.14所示。&xbsp;在【圖層】麵闆中選中【橢圓 3】圖層,將其拖到麵闆底部的【創建新圖層】按鈕上,復製1個【橢圓 3 拷貝】圖層,如圖5.15所示。&xbsp; &xbsp;&xbsp;圖5.14 &xbsp;繪製正圓 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.15 &xbsp;復製圖層&xbsp;選中【橢圓 3】圖層,將其【填充】更改為無,【描邊】更改為黃色(R:255,G:219,B:13),【寬度】更改為3點。&xbsp;選擇工具箱中的【矩形工具】,選中【橢圓 3 拷貝】圖層,在其圖形上半部分位置按住Alt鍵繪製1個矩形路徑,將部分圖形減去,如圖5.16所示。
圖5.16 &xbsp;減去部分圖形&xbsp;選擇工具箱中的【橫排文字工具】,在閤適的位置添加文字(方正蘭亭黑),這樣就完成瞭效果的製作,如圖5.17所示。
圖5.17 &xbsp;醉終效果
5.2 &xbsp;製作衣服促銷直通車素材位置:素材第5章製作衣服促銷直通車案例位置:效果第5章製作衣服促銷直通車.psd視頻位置:movie5.2製作衣服促銷直通車.avi難易指數:★★★☆☆
本例講解製作衣服促銷直通車,該直通車以舒適的配色與喜慶的裝飾元素為主,突齣1種歡樂活潑的視覺效果,醉終效果如圖5.18所示。
圖5.18 &xbsp;醉終效果
主體色為紅色調,以棕色作為商品投影色,整體色彩舒適且溫暖。
&xbsp;執行菜單欄中的【文件】|【打kai】命令,選擇“調用素材第5章製作衣服促銷直通車背景.jpg、彩旗.psd、毛衣.psd”文件,分彆將“彩旗”及“毛衣”圖像拖入背景中,如圖5.19所示。
圖5.19 &xbsp;打kai素材&xbsp;選擇【毛衣】圖層,單ji麵闆底部的【添加圖層樣式】按鈕,在菜單中選擇【投影】命令。&xbsp;在彈齣的對話框中將【混閤模式】更改為【正常】,【顔色】更改為棕色(R:123,G:74,B:0),【不透明度】更改為30%,【距離】更改為5像素,【大小】更改為10像素,完成之後單ji【確定】按鈕,如圖5.20所示。
圖5.20 &xbsp;設置【投影】參數&xbsp;選擇工具箱中的【橫排文字工具】,在閤適的位置添加文字(MStiffHei PRC),如圖5.21所示。&xbsp;在文字圖層名稱上單ji鼠標右鍵,從彈齣的快捷菜單中選擇【轉換為形狀】命令,轉換為形狀。&xbsp;按Ctrl T組閤鍵對其執行【自由變換】命令,單ji鼠標右鍵,從彈齣的快捷菜單中選擇【斜切】命令,拖動變形框控製點,將文字變形,完成之後按Exter鍵確認,如圖5.22所示。&xbsp; &xbsp;&xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.21 &xbsp;添加文字 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.22 &xbsp;將文字變形&xbsp;選擇工具箱中的【直接選擇工具】,拖動文字錨點,將其變形,如圖5.23所示。&xbsp;選擇工具箱中的【直綫工具】,在選項欄中將【填充】更改為灰色(R:98,G:98,B:98),【描邊】更改為無,【粗細】更改為2像素,在適*的位置按住Shift鍵繪製1條綫段,如圖5.24所示。&xbsp;&xbsp;圖5.23 &xbsp;拖動錨點 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp;圖5.24 &xbsp;繪製綫段&xbsp;選擇工具箱中的【橫排文字工具】,添加文字(微軟雅黑 Regular),如圖5.25所示。&xbsp;執行菜單欄中的【文件】|【打kai】命令,選擇“調用素材第5章衣服促銷直通車製作金幣.psd”文件,單ji【打kai】按鈕,將打kai的素材拖入畫布中並適*縮小及鏇轉,如圖5.26所示。&xbsp;&xbsp;圖5.25 &xbsp;添加文字 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.26 &xbsp;添加素材&xbsp;選擇工具箱中的【橢圓工具】,在選項欄中將【填充】更改為紅色(R:226,G:0,B:0),【描邊】更改為無,在適*的位置按住Shift鍵繪製1個正圓圖形,如圖5.27所示。&xbsp;選擇工具箱中的【鋼筆工具】,單ji選項欄中【路徑操作】按鈕,在彈齣的選項中選擇【閤並形狀】,在正圓左下角繪製1個三角形,如圖5.28所示。&xbsp; &xbsp;&xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp;圖5.27 &xbsp;繪製正圓 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp;圖5.28 &xbsp;繪製圖形&xbsp;選擇工具箱中的【橫排文字工具】,在閤適的位置添加文字(微軟雅黑 Regular),這樣就完成瞭效果的製作,如圖5.29所示。
圖5.29 &xbsp;醉終效果5.3 &xbsp;製作傢電促銷直通車素材位置:素材第5章製作傢電促銷直通車案例位置:效果第5章製作傢電促銷直通車.psd視頻位置:movie5.3製作傢電促銷直通車.avi難易指數:★★★☆☆
本例講解製作傢電促銷直通車,在製作過程中采用立體背景與傢電素材圖像相結閤,同時添加文字信息,整體效果直觀、易讀,醉終效果如圖5.30所示。
圖5.30 &xbsp;醉終效果
橙色代錶暖色,而綠色代錶清靜、舒適。
&xbsp;執行菜單欄中的【文件】|【打kai】命令,選擇“調用素材第5章製作傢電促銷直通車背景.jpg、冰箱.psd”文件,將“冰箱”圖像拖入背景中,如圖5.31所示。
圖5.31 &xbsp;打kai及添加素材&xbsp;選擇工具箱中的【鋼筆工具】,在選項欄中單ji【選擇工具模式】按鈕,在彈齣的選項中選擇【形狀】,將【填充】更改為黑色,【描邊】更改為無,在冰箱底部繪製1個不規則圖形,將生成1個【形狀 1】圖層,如圖5.32所示。&xbsp;執行菜單欄中的【濾鏡】|【模糊】|【高斯模糊】命令,在彈齣的對話框中單ji【柵格化】按鈕,然後在彈齣的對話框中將【半徑】更改為4像素,完成之後單ji【確定】按鈕,如圖5.33所示。&xbsp;&xbsp;&xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.32 &xbsp;繪製圖形 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.33 &xbsp;添加高斯模糊&xbsp;選擇工具箱中的【橫排文字工具】,在閤適的位置添加文字(MStiffHei PRC、方正蘭亭黑),如圖5.34所示。&xbsp;選中【jiqixg1夏】圖層,按Ctrl T組閤鍵對其執行【自由變換】命令,單ji鼠標右鍵,從彈齣的快捷菜單中選擇【斜切】命令,拖動變形框控製點,將文字變形,完成之後按Exter鍵確認,如圖5.35所示。&xbsp; &xbsp;&xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp;圖5.34 &xbsp;添加文字 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.35 &xbsp;將文字變形&xbsp;執行菜單欄中的【文件】|【打kai】命令,選擇“調用素材第5章製作傢電促銷直通車奶鍋.psd”文件,單ji【打kai】按鈕,將打kai的素材拖入畫布中並適*縮小,如圖5.36所示。
圖5.36 &xbsp;添加素材&xbsp;選擇工具箱中的【橢圓工具】,在選項欄中將【填充】更改為綠色(R:147,G:187,B:75),【描邊】更改為無,按住Shift鍵繪製1個正圓圖形,如圖5.37所示。&xbsp;選擇工具箱中的【鋼筆工具】,單ji選項欄中【路徑操作】,在彈齣的選項中選擇【閤並形狀】,在正圓左下角繪製1個三角形,如圖5.38所示。&xbsp;&xbsp;圖5.37 &xbsp;繪製正圓 &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; &xbsp; 圖5.38 &xbsp;繪製圖形&xbsp;選擇工具箱中的【橫排文字工具】,在閤適的位置添加文字(方正蘭亭黑),如圖5.39所示。
圖5.39 &xbsp;添加文字&xbsp;選擇工具箱中的【矩形工具】,在選項欄中將【填充】更改為橙色(R:252,G:115,B:0),【描邊】更改為無,在背景底部繪製1個矩形。&xbsp;在矩形左側再次繪製1個比其稍高的深橙色(R:252,G:77,B:0)矩形,如圖5.40所示。&xbsp;&xbsp;圖5.40 &xbsp;繪製矩形&xbsp;選擇工具箱中的【鋼筆工具】,在選項欄中單ji【選擇工具模式】按鈕,在彈齣的選項中選擇【形狀】,將【填充】更改為深橙色(R:157,G:50,B:2),【描邊】更改為無,在兩個矩形交叉右上角繪製1個三角形,如圖5.41所示。
圖5.41 &xbsp;繪製圖形&xbsp;選擇工具箱中的【橫排文字工具】,在閤適的位置添加文字(方正蘭亭中粗黑),這樣就完成瞭效果的製作,如圖5.42所示。
圖5.42 &xbsp;醉終效果
5.4 &xbsp;製作玩具廣告直通車素材位置:素材第5章製作玩具廣告直通車案例位置:效果第5章製作玩具廣告直通車.psd視頻位置:movie5.4製作玩具廣告直通車.avi難易指數:★★☆☆☆
本例講解製作玩具廣告直通車,該直通車主要TI現玩具的特點,整體製作過程比較簡單,醉終效果如圖5.43所示。
圖5.43 &xbsp;醉終效果
進階之路:從電商小白到店鋪設計大師的實戰指南 本書聚焦於電商平颱店鋪的視覺傳達、用戶體驗優化及品牌形象構建,深度剖析行業前沿設計趨勢與高效落地策略。它不是一本基礎的軟件操作手冊,而是旨在幫助有一定電商經驗的從業者,突破瓶頸,實現店鋪設計從“能用”到“高效轉化”的質的飛躍。 --- 第一部分:品牌基因與視覺策略的深度解碼 第一章:電商視覺的戰略高度——從流量思維到用戶心智占領 本章將深入探討在日益飽和的電商紅海中,店鋪視覺不再是簡單的美化工具,而是核心的營銷資産。我們將分析主流電商平颱的算法偏好與用戶瀏覽習慣的微妙變化,闡述如何將品牌的核心價值(如産品理念、目標客群畫像)精準地“翻譯”成視覺語言。內容涵蓋: 用戶旅程中的“情緒錨點”設計: 如何在首頁首屏、詳情頁關鍵節點設置能夠立刻抓住用戶注意力的視覺觸發器。 競品視覺矩陣分析: 建立競爭對手的視覺健康度評估模型,識彆差異化機會點,避免設計同質化帶來的流量稀釋。 視覺語言的“一詞多義”: 如何通過字體、色彩搭配、留白布局,嚮目標用戶傳遞超越産品本身的品牌調性(例如:科技感、匠人精神、親民實用)。 第二章:超越“好看”的結構美學——電商頁麵布局的心理學基礎 本章著重於布局邏輯對轉化率的決定性影響。我們將藉鑒人機交互(HCI)和格式塔心理學的原理,拆解高效電商頁麵的底層框架。 黃金分割與“Z”字形瀏覽模型的實戰應用: 摒棄傳統的綫性敘事,設計符閤用戶自然閱讀路徑的模塊流綫。 信息層級的視覺權重控製: 如何利用對比度、大小和位置,確保用戶在掃描階段就能獲取最重要的“購買理由”(USP)。 模塊化設計與動態適應性: 探討如何構建可復用、易迭代的組件庫,確保設計風格在PC端、移動端乃至直播場景下的統一性和適應性。 --- 第二部分:細節的魔力——高轉化元素的設計精修 第三章:産品主圖的“一秒定生死”——光影、構圖與故事闆構建 産品主圖是用戶決定是否點擊的最後一道防綫。本章拒絕通用教程,專注於高階的圖片敘事技巧。 情景化植入與環境光影模擬: 如何通過逼真的光影細節,增強産品的質感和使用場景的沉浸感,特彆是針對特定材質(如金屬、皮具、紡織品)的拍攝與後期處理思路。 “痛點-解決方案”的視覺快閃: 設計多張對比圖,用最簡潔的圖示語言,展示産品如何解決瞭用戶最核心的痛點。 主圖序列的敘事節奏把控: 如何安排五張主圖的曝光順序,從宏觀展示到細節特寫,再到用戶見證,形成完整的購買決策引導鏈條。 第四章:詳情頁的“說服力工程”——從文案到動效的無縫銜接 詳情頁是承載深度信息和建立信任的核心區域。本章強調設計對文案的支撐和放大作用。 核心賣點圖(Banner)的衝擊力設計: 探討如何用極簡的圖文排版,將復雜的參數轉化為易懂的利益點。 數據可視化與信任背書的設計規範: 權威報告、檢測證書、用戶好評的呈現方式,如何設計纔能顯得專業且毋庸置疑,而非堆砌雜亂的圖片。 微動效(Micro-interactions)在轉化中的潛能: 針對關鍵按鈕、懸浮元素、加載過程中的小動畫設計規範,用細膩的反饋提升用戶體驗,降低跳失率。 --- 第三部分:平颱適應性與未來趨勢應對 第五章:跨平颱視覺規範的整閤與衝突管理 不同的電商平颱(如天貓、京東、獨立站)有著截然不同的視覺規範和用戶群體習慣。本章提供一套高效的“一套設計,多點適配”的策略。 平颱特色元素的定製化融閤: 如何巧妙地將平颱官方活動標識、特定促銷角標融入自有設計體係,而不破壞整體美感。 移動端優先的設計哲學(Mobile-First Refinement): 深入解析在小屏幕上,如何通過垂直空間的有效利用和觸控友好性設計,保證信息傳遞的完整性。 素材的資産化管理: 構建一套可快速調用的視覺素材庫(圖文模版、圖標集、色彩規範),實現設計周期的效率革命。 第六章:設計驅動的運營效率提升與未來展望 本章探討設計如何與運營數據緊密結閤,實現持續優化。 A/B 測試在設計環節的應用: 如何設計可供測試的視覺變量(如不同CTA顔色、不同標題圖位置),並科學地解讀測試結果,指導下一次迭代。 用戶反饋迴路的設計整閤: 如何在店鋪界麵中嵌入便捷的反饋入口,並將負麵反饋及時轉化為設計改進項。 AI 輔助設計工具的審慎選擇與應用: 探討新興的生成式AI工具在電商視覺領域的輔助角色,以及設計師如何利用它們提高效率,而非被工具取代。重點在於如何引導AI産齣符閤品牌調性的、高質量的電商視覺素材。 --- 本書受眾定位: 具有一年以上電商運營或美工經驗,希望從執行者蛻變為視覺策略師的電商設計師、店鋪主理人、品牌視覺負責人。你需要具備基礎的設計軟件操作能力,渴望掌握更深層次的商業設計邏輯。 本書價值承諾: 讀完本書,你將掌握一套係統化的電商視覺診斷與優化方法論,能夠獨立操盤店鋪整體視覺升級項目,並用數據來證明你的設計決策所帶來的切實轉化收益。