Photoshop美工基础与网店装修 8 ITMC网店装修实战.pptxVIP

第08章 ITMC网店装修实战Photoshop美工基础与网店装修8.1 ITMC网店设计基础及要点8.2 服装服饰类网店设计8.3 电脑配件类网店设计8.1.1 店标设计基础及要点在ITMC中，店标设计需遵循一定的原则，下面分别进行介绍。选择合适的店标素材让店标过目不忘统一性凸显店铺的独特性质常见店铺类型的尺寸和要求分别如下。PC电商店铺要求移动电商店铺要求跨境电商店铺要求8.1.2 店招设计基础及要点1店招，即店铺的招牌，位于店铺首页最顶端，用来对店铺进行定位。就ITMC考试而言，只有移动电商店铺才需要制作店招，制作时要求尺寸为642×200像素，大小不超过200KB。下面对店招设计的4大原则分别进行介绍。342适合性流行性广告性风格鲜明、独特8.1.3 Banner设计基础及要点Banner也是ITMC考试中的重点，不同Banner，其类型尺寸不同，需要选择合适的设计方式进行设计。下面分别介绍常见的设计方式。重心式蒙版式左右式曲线式上下式对称式倾斜式三角式满版式四角式8.1.4 主图设计基础及要点主图的设计要点如下。促销信息图片场景背景颜色在主图中添加水印8.1.5 详情页设计基础及要点详情页是ITMC考试的重点，不但要体现设计风格，还需要展现详细的商品信息和效果。详情页的呈现风格有很多种，如复古、现代、商务、卡通等，这些都是常用的设计表现手法。商品详情页内容思路如下图所示。商品详情页内容思路8.1 ITMC网店设计基础及要点8.2 服装服饰类网店设计8.3 电脑配件类网店设计8.2.1 店标设计基础及要点1. PC端店铺店标设计店铺的名称为“SisJuLy”，PC端店标设计时尺寸为230×70像素，其具体操作如下。21新建图像文件输入文字8.2.1 店标设计基础及要点1. PC端店铺店标设计34栅格化文字 绘制选区8.2.1 店标设计基础及要点1. PC端店铺店标设计56删除内容文字 绘制选区8.2.1 店标设计基础及要点1. PC端店铺店标设计78绘制皇冠和椭圆 绘制直线8.2.1 店标设计基础及要点2. 移动端店铺店标设计下面将在PC端店铺店标的基础上制作移动端店铺店招，使效果更加统一，其具体操作如下。213调整图像大小和位置新建图像文件删除直线8.2.1 店标设计基础及要点2. 移动端店铺店标设计45查看完成后的效果绘制直线和矩形 8.2.1 店标设计基础及要点3. 跨境端店铺店标设计下面将根据店铺名称，重新进行跨境端的制作，使其符合考试的要求，其具体操作如下。21在矩形上方输入文字绘制矩形 8.2.1 店标设计基础及要点3. 跨境端店铺店标设计34查看完成后的效果设置投影参数 8.2.2 店招设计在制作店招时，可先制作背景，再将完成后的店标拖动到店招中，使其保持统一，其具体操作如下。12填充前景色绘制云朵形状8.2.2 店招设计3645复制并填充云朵绘制上方云朵形状添加店标图像修改矩形颜色8.2.3 Banner设计1. 男士T恤Banner设计下面将制作男士T恤PC端、移动端和跨境端3种形式的Banner，其具体操作如下。12填充渐变色绘制形状8.2.3 Banner设计1. 男士T恤Banner设计43修改不透明度设置图案叠加 8.2.3 Banner设计1. 男士T恤Banner设计65绘制矩形 添加T恤素材8.2.3 Banner设计1. 男士T恤Banner设计87输入文字 修改文字颜色8.2.3 Banner设计1. 男士T恤Banner设计109制作背景添加素材8.2.3 Banner设计1. 男士T恤Banner设计1211输入文字修改文字颜色和字体8.2.3 Banner设计1. 男士T恤Banner设计1413输入文字制作背景效果8.2.3 Banner设计2. 男士卫衣Banner设计下面将制作男士卫衣PC端、移动端和跨境端3种形式的Banner，其具体操作如下。21绘制形状并填充颜色绘制矩形8.2.3 Banner设计2. 男士卫衣Banner设计43绘制形状并填充颜色绘制矩形8.2.3 Banner设计2. 男士卫衣Banner设计添加图层蒙版6578添加素材输入文字绘制矩形 8.2.3 Banner设计2. 男士卫衣Banner设计109在右侧输入文字制作背景效果8.2.3 Banner设计3. 牛仔裤Banner设计下面将制作牛仔裤PC端、移动端和跨境端3种形式的Banner，其具体操作如下。21添加并复制图像 擦除多余区域8.2.3 Banner设计3. 牛仔裤Banner设计43绘制形状输入文字8.2.3 Banner设计3. 牛仔裤Banner设计5687添加素材