网店美工（模块4）任务4教学课件 中职 高教版

,出版社,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,自动化专业系列教材,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,网店美工（模块4）任务4教学课件 中职 高教版,任务四 制作日用品类商品描述,任务四 制作日用品类商品描述,【情境设计】,完成了,2,个商品描述案例后，,Alice,对商品详情页的设计已经有了自己的理解，接下来她准备尝试一下日用品类商品的详情页设计。经过与她的企业师傅,Daisy,商量，,Alice,选择了一款折叠六角形收纳凳作为自己练习的目标。,【任务分解】,Alice,对商品详情页设计已经有一定的经验，第一步还是先确定商品描述页需要包含哪些内容？根据其选择的商品特点，,Alice,决定从,3,个方面进行商品的描述：,1,、产品展示；,2,、产品参数；,3,、细节展示。设计上，,Alice,还是前面用过的方法，先将,3,个内容分别设计好再进行合并，最终将完整的详情页交给运营部。,活动4.4.1产品展示设计,【活动背景】,产品展示对于日用品类的商品来说有着重要的作用，顾客对产品的第一印象就取决于此。它能让顾客对产品有一个完整的认识，比如：形状、颜色选择、用途等等。,【活动实施】,与前面两个任务类似，,Alice,首先需要新建一个画布用于设计，页面大小暂定为,750,像素,1000,像素，在设计过程中再根据需要进行画布裁切或者增加画布高度。,1.,设计详情分类条,对分类条的设计已经有了一定的经验后，,Alice,在对日用品类商品进行分类条设计的时候，首先考虑配色的问题：日用品类的商品一般来说颜色可以鲜明一点；其次是形状，可以沿用之前任务的长条形，也可以根据自己的想法设计独特的形状。这里，,Alice,设计了一个配色鲜艳的分类条，如图,4.4-1,所示。,图,4.4-1,分类条效果,活动4.4.1产品展示设计,首先，在新建画布后，在图层面板上新建一个组，组名为：分类条。接着，在组内新建一个图层，选择【矩形工具】（选项选择：【路径】），绘制一个矩形路径，利用【直接选择工具】选择右上角的点，往左侧稍微移动，如图,4.4-2,所示，为该路径填充黄绿色。新建一个图层，对路径进行变形，如图,4.4-3,所示，并为该路径填充天蓝色。最后，在左侧添加一个蓝色形状，并添加相应的文字说明。,图,4.4-2,矩形路径变形,图,4.4-3,路径变形,活动4.4.1产品展示设计,2.,产品展示设计,在,Photoshop CS6,中打开“产品,-,颜色,1.jpg,”“产品,-,颜色,5.jpg,”，选择一个产品作为主要展示的商品放置在左侧，把另外,4,个颜色的产品等比缩小，并添加【图层样式】（,1,像素，不透明度,50%,，颜色：黑色），水平排列在主要展示商品的右下侧。接着绘制几个与产品颜色相同的正方形，排列在合适的位置上。最后再添加上相应的文字说明（适当调整文字的颜色及大小，突出重点）。如图,4.4-4,所示。,产品展示部分设计完成后，根据实际需要，利用【裁切工具】对页面的高度进行裁切，保存源文件，同时生成一个,jpg,格式的成品文件待用。,活动4.4.2产品参数设计,【活动背景】,每一个产品，都需要有相应的参数说明，虽然图片描述比较直观，但同时也必须说明清楚具体的参数，让顾客对产品有更客观的了解。,Alice,所选择的六角形折叠凳这一产品比较重要的参数是尺寸以及材质，接下来的设计就针对这两部分来完成。,【活动实施】,首先还是新建一个,750,像素,1000,像素的画布，在设计过程中再根据需要进行画布裁切或者增加画布高度。,1.,分类条,把从上一活动中设计好的“分类条”组拖动到新的画布中，进行位置的调整及文字的更改。,活动4.4.2产品参数设计,2.,产品参数设计,在,Photoshop CS6,中打开素材图片“产品组成图,.jpg,”及“产品,-,颜色,1.jpg,”。为产品图配上一个尺寸标示，并用文字说明产品的特性，最后再加上常见参数说明。见图,4.4-5,所示。,产品参数部分设计完成后，根据实际需要，利用【裁切工具】对页面的高度进行裁切，保存源文件，同时生成一个,jpg,格式的成品文件待用。,图,4.4-5,产品参数设计,活动4.4.3产品细节展示设计,【活动背景】,与所有类别的商品描述页一样，产品的细节展示是必不可少的。在对日用品类的细节展示说明中，可以突出产品的材质细节以及产品特性。,【活动实施】,首先还是新建一个,750,像素,1000,像素的画布，在设计过程中再根据需要进行画布裁切或者增加画布高度。,1.,分类条,把从上一活动中设计好的“分类条”组拖动到新的画布中，进行位置的调整及文字的更改。,活动4.4.3产品细节展示设计,2.,产品细节展示设计,在,Photoshop CS6,中打开素材图片“产品特性,1.jpg,”、“产品特性,2.jpg,”以及“产品细节,1.jpg,”、“产品细节,2.jpg,”。为产品的特性配上文字说明以及相应的产品细节图。见图,4.4-6,所示。,产品细节展示部分设计完成后，根据实际需要，利用【裁切工具】对页面的高度进行裁切，保存源文件，同时生成一个,jpg,格式的成品文件待用。,图,4.4-6,产品细节展示设计,活动4.4.4 合并完整的商品描述页,【活动背景】,通过前面的,3,个活动，,Alice,已经完成了日用品类商品描述页包含的内容：,1,、产品展示；,2,、产品参数；,3,、细节展示。接下来她需要将设计好的,3,个子页面合并成一张完整的商品描述页提交给运营部。,【活动实施】,首先打开前,3,个活动中已完成的,JPG,格式设计图。通过查看各设计图的图像大小，计算完整页面需要用到的高度，并新建一个相应高度，宽度为,750,像素的页面；接着用【移动工具】将各设计图拖动到新建的页面中，排列整齐；再为整体描述页添加上一些图片点缀，最后将页面保存为,JPG,格式的商品描述页。见图,4.4-7,。,图,4.4-7,日用品类商品描述页,职业教育电子商务专业“十三五”规划系列教材,再见,11,