目 录



第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<p>目 录</p> <p> </p> <p> </p> <p> </p> <p><span style="font-family: 宋体;">第</span>1<span style="font-family: 宋体;">章 制作店铺装修背景</span></p> <p>1.1 <span style="font-family: 宋体;">制作炫彩方格背景 </span><span style="font-family: Calibri;">2</span></p> <p>1.2 <span style="font-family: 宋体;">制作放射背景 </span><span style="font-family: Calibri;">3</span></p> <p>1.3 <span style="font-family: 宋体;">制作斜纹背景 </span><span style="font-family: Calibri;">5</span></p> <p>1.4 <span style="font-family: 宋体;">制作波点背景 </span><span style="font-family: Calibri;">7</span></p> <p>1.5 <span style="font-family: 宋体;">制作菱形背景 </span><span style="font-family: Calibri;">8</span></p> <p>1.6 <span style="font-family: 宋体;">制作格子背景 </span><span style="font-family: Calibri;">10</span></p> <p>1.7 <span style="font-family: 宋体;">制作祥云背景 </span><span style="font-family: Calibri;">12</span></p> <p><span style="font-family: 宋体;">第</span>2<span style="font-family: 宋体;">章 制作实用标签</span></p> <p>2.1 <span style="font-family: 宋体;">制作圆形对话标签 </span><span style="font-family: Calibri;">15</span></p> <p>2.2 <span style="font-family: 宋体;">制作放射标签 </span><span style="font-family: Calibri;">16</span></p> <p>2.3 <span style="font-family: 宋体;">制作挂牌标签 </span><span style="font-family: Calibri;">17</span></p> <p>2.4 <span style="font-family: 宋体;">制作双箭头标签 </span><span style="font-family: Calibri;">19</span></p> <p>2.5 <span style="font-family: 宋体;">制作双色对比标签 </span><span style="font-family: Calibri;">20</span></p> <p>2.6 <span style="font-family: 宋体;">制作组合标签 </span><span style="font-family: Calibri;">22</span></p> <p>2.7 <span style="font-family: 宋体;">制作金质花形标签 </span><span style="font-family: Calibri;">24</span></p> <p>2.8 <span style="font-family: 宋体;">制作标签透明组合 </span><span style="font-family: Calibri;">26</span></p> <p>2.9 <span style="font-family: 宋体;">制作虚线立体标签 </span><span style="font-family: Calibri;">28</span></p> <p>2.10 <span style="font-family: 宋体;">制作圆形卷边标签 </span><span style="font-family: Calibri;">29</span></p> <p>2.11 <span style="font-family: 宋体;">制作立体标签 </span><span style="font-family: Calibri;">31</span></p> <p>2.12 <span style="font-family: 宋体;">制作圆形镂空标签 </span><span style="font-family: Calibri;">33</span></p> <p><span style="font-family: 宋体;">第</span>3<span style="font-family: 宋体;">章 制作促销优惠券</span></p> <p>3.1 <span style="font-family: 宋体;">制作锯齿优惠券 </span><span style="font-family: Calibri;">36</span></p> <p>3.2 <span style="font-family: 宋体;">制作剪纸样式优惠券 </span><span style="font-family: Calibri;">38</span></p> <p>3.3 <span style="font-family: 宋体;">制作圆角优惠券 </span><span style="font-family: Calibri;">40</span></p> <p>3.4 <span style="font-family: 宋体;">制作双色对比优惠券 </span><span style="font-family: Calibri;">42</span></p> <p>3.5 <span style="font-family: 宋体;">制作封套优惠券 </span><span style="font-family: Calibri;">45</span></p> <p>3.6 <span style="font-family: 宋体;">制作小票优惠券 </span><span style="font-family: Calibri;">47</span></p> <p>3.7 <span style="font-family: 宋体;">制作卷边优惠券 </span><span style="font-family: Calibri;">49</span></p> <p>3.8 <span style="font-family: 宋体;">制作古典优惠券 </span><span style="font-family: Calibri;">52</span></p> <p><span style="font-family: 宋体;">第</span>4<span style="font-family: 宋体;">章 魔法促销艺术字设计</span></p> <p>4.1 <span style="font-family: 宋体;">制作降价**字 </span><span style="font-family: Calibri;">56</span></p> <p>4.2 <span style="font-family: 宋体;">制作粉笔**字 </span><span style="font-family: Calibri;">58</span></p> <p>4.3 <span style="font-family: 宋体;">制作天下行艺术字 </span><span style="font-family: Calibri;">60</span></p> <p>4.4 <span style="font-family: 宋体;">制作女神之约**字 </span><span style="font-family: Calibri;">62</span></p> <p>4.5 <span style="font-family: 宋体;">制作折扣条纹字 </span><span style="font-family: Calibri;">64</span></p> <p>4.6 <span style="font-family: 宋体;">制作满减风暴**字 </span><span style="font-family: Calibri;">66</span></p> <p>4.7 <span style="font-family: 宋体;">制作低价**字 </span><span style="font-family: Calibri;">69</span></p> <p><span style="font-family: 宋体;">第</span>5<span style="font-family: 宋体;">章 制作商品主图直通车</span></p> <p>5.1 <span style="font-family: 宋体;">制作水果促销直通车 </span><span style="font-family: Calibri;">73</span></p> <p>5.2 <span style="font-family: 宋体;">制作衣服促销直通车 </span><span style="font-family: Calibri;">75</span></p> <p>5.3 <span style="font-family: 宋体;">制作家电促销直通车 </span><span style="font-family: Calibri;">78</span></p> <p>5.4 <span style="font-family: 宋体;">制作玩具广告直通车 </span><span style="font-family: Calibri;">80</span></p> <p>5.5 <span style="font-family: 宋体;">制作箱包直通车 </span><span style="font-family: Calibri;">84</span></p> <p>5.6 <span style="font-family: 宋体;">制作厨卫用品直通车 </span><span style="font-family: Calibri;">86</span></p> <p>5.7 <span style="font-family: 宋体;">制作运动用品直通车 </span><span style="font-family: Calibri;">89</span></p> <p>5.8 <span style="font-family: 宋体;">制作汽车用品直通车 </span><span style="font-family: Calibri;">91</span></p> <p><span style="font-family: 宋体;">第</span>6<span style="font-family: 宋体;">章 店铺硬广装修设计</span></p> <p>6.1 <span style="font-family: 宋体;">影音产品促销季广告设计 </span><span style="font-family: Calibri;">96</span></p> <p>6.1.1 <span style="font-family: 宋体;">处理背景及素材 </span><span style="font-family: Calibri;">97</span></p> <p>6.1.2 <span style="font-family: 宋体;">添加广告元素 </span><span style="font-family: Calibri;">98</span></p> <p>6.2 <span style="font-family: 宋体;">化妆品**促销设计 </span><span style="font-family: Calibri;">100</span></p> <p>6.2.1 <span style="font-family: 宋体;">制作背景 </span><span style="font-family: Calibri;">101</span></p> <p>6.2.2 <span style="font-family: 宋体;">处理细节图文 </span><span style="font-family: Calibri;">102</span></p> <p>6.3 <span style="font-family: 宋体;">中秋免单大促设计 </span><span style="font-family: Calibri;">106</span></p> <p>6.3.1 <span style="font-family: 宋体;">制作主题背景 </span><span style="font-family: Calibri;">107</span></p> <p>6.3.2 <span style="font-family: 宋体;">处理主题信息 </span><span style="font-family: Calibri;">107</span></p> <p>6.3.3 <span style="font-family: 宋体;">处理素材 </span><span style="font-family: Calibri;">109</span></p> <p>6.4 <span style="font-family: 宋体;">美容养颜免费送设计 </span><span style="font-family: Calibri;">110</span></p> <p>6.4.1 <span style="font-family: 宋体;">制作主题背景 </span><span style="font-family: Calibri;">111</span></p> <p>6.4.2 <span style="font-family: 宋体;">处理主题信息 </span><span style="font-family: Calibri;">112</span></p> <p>6.5 <span style="font-family: 宋体;">音乐主题</span><span style="font-family: Calibri;">T</span><span style="font-family: 宋体;">恤促销设计 </span><span style="font-family: Calibri;">115</span></p> <p>6.5.1 <span style="font-family: 宋体;">制作纹理背景 </span><span style="font-family: Calibri;">116</span></p> <p>6.5.2 <span style="font-family: 宋体;">添加素材及装饰 </span><span style="font-family: Calibri;">117</span></p> <p>6.6 <span style="font-family: 宋体;">网红**折扣设计 </span><span style="font-family: Calibri;">120</span></p> <p>6.6.1 <span style="font-family: 宋体;">制作波浪背景 </span><span style="font-family: Calibri;">121</span></p> <p>6.6.2 <span style="font-family: 宋体;">处理广告元素 </span><span style="font-family: Calibri;">123</span></p> <p>6.7 <span style="font-family: 宋体;">自驾用品广告设计 </span><span style="font-family: Calibri;">125</span></p> <p>6.7.1 <span style="font-family: 宋体;">制作主题信息 </span><span style="font-family: Calibri;">126</span></p> <p>6.7.2 <span style="font-family: 宋体;">添加素材及装饰 </span><span style="font-family: Calibri;">128</span></p> <p>6.8 <span style="font-family: 宋体;">玩具周边促销广告设计 </span><span style="font-family: Calibri;">129</span></p> <p>6.8.1 <span style="font-family: 宋体;">制作主题背景 </span><span style="font-family: Calibri;">130</span></p> <p>6.8.2 <span style="font-family: 宋体;">制作主题字 </span><span style="font-family: Calibri;">132</span></p> <p>6.8.3 <span style="font-family: 宋体;">处理细节信息 </span><span style="font-family: Calibri;">133</span></p> <p>6.9 <span style="font-family: 宋体;">吃货节促销广告设计 </span><span style="font-family: Calibri;">134</span></p> <p>6.9.1 <span style="font-family: 宋体;">添加主题图文 </span><span style="font-family: Calibri;">135</span></p> <p>6.9.2 <span style="font-family: 宋体;">处理装饰元素 </span><span style="font-family: Calibri;">136</span></p> <p>6.10 <span style="font-family: 宋体;">旅游主题广告设计 </span><span style="font-family: Calibri;">138</span></p> <p>6.10.1 <span style="font-family: 宋体;">制作主题艺术字 </span><span style="font-family: Calibri;">139</span></p> <p>6.10.2 <span style="font-family: 宋体;">绘制装饰图像 </span><span style="font-family: Calibri;">141</span></p> <p><span style="font-family: 宋体;">第</span>7<span style="font-family: 宋体;">章 视觉创意</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计</span></p> <p>7.1 <span style="font-family: 宋体;">优惠券专题</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计 </span><span style="font-family: Calibri;">146</span></p> <p>7.1.1 <span style="font-family: 宋体;">制作</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">背景 </span><span style="font-family: Calibri;">147</span></p> <p>7.1.2 <span style="font-family: 宋体;">制作优惠券 </span><span style="font-family: Calibri;">148</span></p> <p>7.1.3 <span style="font-family: 宋体;">添加</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">信息 </span><span style="font-family: Calibri;">152</span></p> <p>7.2 <span style="font-family: 宋体;">天生魔法面膜</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计 </span><span style="font-family: Calibri;">153</span></p> <p>7.2.1 <span style="font-family: 宋体;">处理动感背景 </span><span style="font-family: Calibri;">154</span></p> <p>7.2.2 <span style="font-family: 宋体;">处理素材及图像 </span><span style="font-family: Calibri;">155</span></p> <p>7.2.3 <span style="font-family: 宋体;">制作主题字 </span><span style="font-family: Calibri;">157</span></p> <p>7.3 <span style="font-family: 宋体;">服装上新</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计 </span><span style="font-family: Calibri;">160</span></p> <p>7.3.1 <span style="font-family: 宋体;">制作主题背景 </span><span style="font-family: Calibri;">161</span></p> <p>7.3.2 <span style="font-family: 宋体;">处理图文 </span><span style="font-family: Calibri;">162</span></p> <p>7.4 <span style="font-family: 宋体;">金秋钜惠促销</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计 </span><span style="font-family: Calibri;">164</span></p> <p>7.4.1 <span style="font-family: 宋体;">处理炫酷背景 </span><span style="font-family: Calibri;">165</span></p> <p>7.4.2 <span style="font-family: 宋体;">制作**文字 </span><span style="font-family: Calibri;">167</span></p> <p>7.4.3 <span style="font-family: 宋体;">添加装饰元素 </span><span style="font-family: Calibri;">169</span></p> <p>7.5 <span style="font-family: 宋体;">摇滚音乐季</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计 </span><span style="font-family: Calibri;">171</span></p> <p>7.5.1 <span style="font-family: 宋体;">制作音乐背景 </span><span style="font-family: Calibri;">172</span></p> <p>7.5.2 <span style="font-family: 宋体;">处理主题文字 </span><span style="font-family: Calibri;">173</span></p> <p>7.5.3 <span style="font-family: 宋体;">制作细节图文 </span><span style="font-family: Calibri;">176</span></p> <p>7.6 <span style="font-family: 宋体;">美容仪器新品</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计 </span><span style="font-family: Calibri;">178</span></p> <p>7.6.1 <span style="font-family: 宋体;">处理主题背景 </span><span style="font-family: Calibri;">179</span></p> <p>7.6.2 <span style="font-family: 宋体;">添加主题元素 </span><span style="font-family: Calibri;">180</span></p> <p>7.6.3 <span style="font-family: 宋体;">处理装饰元素 </span><span style="font-family: Calibri;">182</span></p> <p>7.7 <span style="font-family: 宋体;">婚礼主题</span><span style="font-family: Calibri;">banner</span><span style="font-family: 宋体;">设计 </span><span style="font-family: Calibri;">184</span></p> <p>7.7.1 <span style="font-family: 宋体;">绘制主题背景 </span><span style="font-family: Calibri;">185</span></p> <p>7.7.2 <span style="font-family: 宋体;">添加主题装饰 </span><span style="font-family: Calibri;">189</span></p> <p><span style="font-family: 宋体;">第</span>8<span style="font-family: 宋体;">章 移动端店铺装修实例</span></p> <p>8.1 <span style="font-family: 宋体;">美妆时尚达人店铺欢迎页设计 </span><span style="font-family: Calibri;">193</span></p> <p>8.1.1 <span style="font-family: 宋体;">制作界面背景 </span><span style="font-family: Calibri;">194</span></p> <p>8.1.2 <span style="font-family: 宋体;">处理主题文字 </span><span style="font-family: Calibri;">194</span></p> <p>8.1.3 <span style="font-family: 宋体;">绘制功能模块 </span><span style="font-family: Calibri;">197</span></p> <p>8.2 <span style="font-family: 宋体;">智能家电产品页设计 </span><span style="font-family: Calibri;">198</span></p> <p>8.2.1 <span style="font-family: 宋体;">处理背景及素材 </span><span style="font-family: Calibri;">199</span></p> <p>8.2.2 <span style="font-family: 宋体;">组织界面框架 </span><span style="font-family: Calibri;">200</span></p> <p>8.2.3 <span style="font-family: 宋体;">制作主题图文 </span><span style="font-family: Calibri;">201</span></p> <p>8.3 <span style="font-family: 宋体;">移动端女装促销广告设计 </span><span style="font-family: Calibri;">203</span></p> <p>8.3.1 <span style="font-family: 宋体;">制作界面背景 </span><span style="font-family: Calibri;">204</span></p> <p>8.3.2 <span style="font-family: 宋体;">制作界面主元素 </span><span style="font-family: Calibri;">205</span></p> <p>8.3.3 <span style="font-family: 宋体;">添加界面主题信息 </span><span style="font-family: Calibri;">207</span></p> <p>8.4 <span style="font-family: 宋体;">水果类店铺装修设计 </span><span style="font-family: Calibri;">209</span></p> <p>8.4.1 <span style="font-family: 宋体;">处理欢迎页背景 </span><span style="font-family: Calibri;">210</span></p> <p>8.4.2 <span style="font-family: 宋体;">添加欢迎页主信息 </span><span style="font-family: Calibri;">210</span></p> <p>8.4.3 <span style="font-family: 宋体;">处理内页主图像 </span><span style="font-family: Calibri;">213</span></p> <p>8.4.4 <span style="font-family: 宋体;">制作内页详情图像 </span><span style="font-family: Calibri;">215</span></p> <p>8.5 <span style="font-family: 宋体;">掌上超市店铺装修设计 </span><span style="font-family: Calibri;">216</span></p> <p>8.5.1 <span style="font-family: 宋体;">制作界面主图像 </span><span style="font-family: Calibri;">217</span></p> <p>8.5.2 <span style="font-family: 宋体;">绘制分类图形 </span><span style="font-family: Calibri;">219</span></p> <p>8.5.3 <span style="font-family: 宋体;">绘制完整界面 </span><span style="font-family: Calibri;">220</span></p> <p>8.6 <span style="font-family: 宋体;">欢聚时刻店铺装修设计 </span><span style="font-family: Calibri;">223</span></p> <p>8.6.1 <span style="font-family: 宋体;">制作界面背景 </span><span style="font-family: Calibri;">224</span></p> <p>8.6.2 <span style="font-family: 宋体;">处理界面艺术字 </span><span style="font-family: Calibri;">225</span></p> <p>8.6.3 <span style="font-family: 宋体;">制作界面主元素 </span><span style="font-family: Calibri;">227</span></p> <p>8.6.4 <span style="font-family: 宋体;">添加趋势图及提示信息 </span><span style="font-family: Calibri;">230</span></p> <p>8.7 <span style="font-family: 宋体;">节日庆典装修设计 </span><span style="font-family: Calibri;">232</span></p> <p>8.7.1 <span style="font-family: 宋体;">制作界面主体 </span><span style="font-family: Calibri;">233</span></p> <p>8.7.2 <span style="font-family: 宋体;">制作功能按钮 </span><span style="font-family: Calibri;">236</span></p> <p>8.7.3 <span style="font-family: 宋体;">添加其他元素 </span><span style="font-family: Calibri;">238</span></p>显示全部信息前 言




网店是随着科技与网络的快速发展，出现的一种全新的购物商品交易模式，越来越多的个人加入到开店的队伍中，但很多人却不懂得如何装修自己的店面。本书针对这一痛点，从实战角度出发，全面、系统地阐述网店装修中的实战运用，采用商业案例与设计理念相结合的方式进行编写，在教会读者学会网店装修的同时，还安排了具有针对性的实例，并配以精美的步骤讲解，层层深入地讲解设计学在店铺装修中的应用，打造一种让买家心动的视觉体验，真正做到学用结合，从而使网店生意蒸蒸日上，财源滚滚！<br /><br /><br /><br /><br />网店是随着科技与网络的快速发展，出现的一种全新的购物商品交易模式，越来越多的个人加入到开店的队伍中，但很多人却不懂得如何装修自己的店面。本书针对这一痛点，从实战角度出发，全面、系统地阐述网店装修中的实战运用，采用商业案例与设计理念相结合的方式进行编写，在教会读者学会网店装修的同时，还安排了具有针对性的实例，并配以精美的步骤讲解，层层深入地讲解设计学在店铺装修中的应用，打造一种让买家心动的视觉体验，真正做到学用结合，从而使网店生意蒸蒸日上，财源滚滚！<br />本书内容读者通过本书可以快速学到以下内容：制作店铺装修背景制作实用标签制作促销优惠券魔法促销艺术字设计制作商品主图直通车店铺硬广装修设计视觉创意banner设计移动端店铺装修实例<br />本书特色（1）技术点睛。在学习过程中针对不容易理解的难点及要点，穿插实用提示与技巧，及时解决读者在学习中遇到的问题。（2）云盘下载。本书为读者免费提供了云盘下载，包括书中所有案例的多媒体语音教学文件及调用素材和源文件，可谓超值之选。下载地址为http://pan.baidu.com/s/1jIkhKX4（注意区分数字字母大小写）或直接扫描二维码（如右图）下载。如果下载有问题，请电子邮件联系booksaga@126.com，邮件主题为“新手学淘宝电商装修艺术设计”。本书由王红卫编著，同时参与编写的还有张四海、余昊、贺容、王英杰、崔鹏、桑晓洁、王世迪、吕保成、蔡桢桢、王红启、胡瑞芳、王翠花、夏红军、李慧娟、杨树奇、王巧伶、陈家文、王香、杨曼、马玉旋、张田田、谢颂伟、张英、石珍珍、陈志祥等同志，在此感谢所有创作人员对本书付出的艰辛。在创作的过程中，由于时间仓促，错误在所难免，希望广大读者批评指正。如果在学习过程中发现问题或有更好的建议，欢迎发邮件到smbook@163.com与我们联系。编 者2017年6月显示全部信息媒体评论评论免费在线读5.1 制作水果促销直通车素材位置：素材\第5章\制作水果促销直通车案例位置：效果\第5章\制作水果促销直通车.psd视频位置：movie\5.1制作水果促销直通车.avi难易指数：★★★☆☆
本例讲解制作水果促销直通车，在制作过程中以水果色为主体色调，通过绘制图形，与背景图形相结合，整体表现出很强的主题特征，*终效果如图5.1所示。
图5.1 *终效果


采用绿色与黄色作为对比，绿色代表新鲜，而黄色则代表美味。

目 录



第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

网店是随着科技与网络的快速发展，出现的一种全新的购物商品交易模式，越来越多的个人加入到开店的队伍中，但很多人却不懂得如何装修自己的店面。本书针对这一痛点，从实战角度出发，全面、系统地阐述网店装修中的实战运用，采用商业案例与设计理念相结合的方式进行编写，在教会读者学会网店装修的同时，还安排了具有针对性的实例，并配以精美的步骤讲解，层层深入地讲解设计学在店铺装修中的应用，打造一种让买家心动的视觉体验，真正做到学用结合，从而使网店生意蒸蒸日上，财源滚滚！