网店美工设计（项目式全彩微课版）PPT全套完整教学课件

本章简介：随着移动互联网的发展以及消费结构的升级，电子商务行业亦趋向成熟，同时行业对于电商设计从业人员的要求也产生了变化，因此想要从事电商设计行业的人员需要系统地学习与更新自己的知识体系。本章对网店美工的基础知识和网店装修的常用软件、风格定位、页面构成、设计要点以及基本流程进行系统讲解。通过本章的学习，读者可以对电商设计有一个宏观的认识，有助于高效便利地进行后续的电商设计工作。项目1走进网店美工世界学习引导

知识目标能力目标素质目标学习目标1.认识网店美工的基础知识。2.了解网店装修的常用软件。3.熟悉网店装修的风格定位。4.明确网店装修的基本流程。1.熟练网店装修的软件操作。2.能够划分网店装修的页面内容。3.掌握网店装修的设计要点。提高对网店美工专业知识的基本兴趣。任务1.1认识网店美工的基础知识任务引入任务知识任务实施：调研网店美工的基础知识1.1.1任务引入本任务通过掌握网店美工的相关概念了解网店美工，并通过网络调研进一步认识网店美工。1.1.2任务知识1.网店美工的概念网店美工是指对淘宝、天猫商城以及京东商城等平台上的网店，进行页面美化工作的专业人员。有别于传统的平面设计师，网店美工不仅需要熟练掌握各种图像处理软件、熟悉网店页面设计与布局，还需要了解商品的特点，准确判断目标消费者的需求，这样才能提升商品转化率。1.1.2任务知识：网页设计的相关应用2.网店美工的工作网店美工的工作内容非常具有针对性，主要围绕自身服务的网店展开相关工作。与传统平面美工相比，网店美工的工作内容要求普遍较高，主要工作内容包括拍摄美化商品、设计装修网店、设计促销活动以及运营推广商品等。拍摄美化商品设计装修网店轮播海报1.1.2任务知识：网页设计的相关应用3.网店美工的技能一名优秀的网店美工需要具备四个方面的能力：一是图像处理与设计能力，二是视频拍摄与编辑能力，三是代码认识与编辑能力，四是商品策划与推广能力。1.1.3任务实施：调研网店美工的基础知识百度百科首页百度百科检索页启动浏览器，打开百度百科官网，在搜索框中输入关键词“网店美工”，单击右侧的搜索按钮或按Enter键，进入检索页面。任务1.2了解网店装修的常用软件任务引入任务知识：网店装修的常用软件任务实施：使用软件进行基础的操作1.2.1任务引入本任务通过新建文件熟练掌握“新建”命令；通过打开图像熟练掌握“打开”命令；通过保存文件熟练掌握“保存”命令；通过关闭图像熟练掌握“关闭”命令。1.2.2任务知识：网店装修的常用软件进行网店装修的常用软件包括视觉设计、视频编辑以及代码编辑这三类。1.2.3任务实施：使用软件进行基础的操作（1）新建文件启动AdobePhotoshop软件，选择“文件>新建”命令，或按Ctrl+N组合键，弹出“新建”对话框。在对话框中可以设置新建的图像名称、宽度和高度、分辨率、颜色模式等选项，设置完成后单击“确定”按钮，即可完成新建图像。“新建”对话框新建图像1.2.3任务实施：使用软件进行基础的操作（2）打开图像如果要对照片或图片进行修改和处理，就要在PhotoshopCC中打开需要的图像。选择“文件>打开”命令，或按Ctrl+O组合键，弹出“打开”对话框，在对话框中搜索路径和文件，确认文件类型和名称，通过PhotoshopCC提供的预览图标选择文件，然后单击“打开”按钮，即可打开所指定的图像文件。预览文件打开文件1.2.3任务实施：使用软件进行基础的操作（3）保存文件编辑和制作完图像后，就需要将图像进行保存，以便于下次打开继续操作。选择“文件>存储”命令，可以存储文件。当设计好的作品进行第一次存储时，选择“文件>存储”命令，将弹出“存储为”对话框，在对话框中输入文件名、选择文件格式后，单击“保存”按钮，即可将图像保存。“存储为”对话框1.2.3任务实施：使用软件进行基础的操作（4）关闭图像图像存储完毕后，可以选择将其关闭。选择“文件>关闭”命令，或按Ctrl+W组合键，即可关闭文件。关闭图像时，若当前文件被修改过或是新建的文件，则会弹出提示框，单击“是”按钮即可存储并关闭图像。关闭图像提示框任务1.3熟悉网店装修的风格定位任务引入任务知识：网店装修的风格趋势

任务实施：收集不同风格的店铺页面1.3.1任务引入到淘宝、天猫和京东等各大网店平台收集扁平化、立体化和插画风等不同风格的店铺截图，熟悉网店装修的风格。1.3.2任务知识：网店装修的风格趋势1.扁平化以扁平化为主的电商设计页面通过字体、图形和色彩等不同方面的元素打造出清晰的视觉层次，使得页面具有较强的可读性。双11预售页面设计1.3.2任务知识：网店装修的风格趋势2.立体化以立体化为主的电商设计页面通过运用Cinema4D与OctaneRender搭配进行建模渲染，进而呈现出别具一格的画面效果，使得页面立体生动。Glico格力高2019年双11预售页面设计1.3.2任务知识：网店装修的风格趋势3.插画风以插画风为主的电商设计页面通过运用手绘笔触绘制出各种富有个性化的形象，使得页面丰富有趣。李子柒2019年双11预售页面设计1.3.3任务实施：收集不同风格的店铺页面输入关键词（1）启动360安全浏览器，打开淘宝官网，在搜索框中输入关键词“电视”，单击右侧的搜索按钮或按Enter键，进入搜索页面

。1.3.3任务实施：收集不同风格的店铺页面将鼠标指针放置在需要浏览的店铺名称上（2）在页面中将鼠标指针放置在需要浏览的店铺名称上。单击鼠标，打开官网页面。打开官网1.3.3任务实施：收集不同风格的店铺页面选择“保存完整网页为图片”命令（3）浏览整个页面后，在浏览器的工具选项中选择“保存完整网页为图片”命令。在弹出的“另存为”对话框中设置文件名和保存格式，单击“确定”按钮，将网页作为图片格式保存。设置文件名和保存格式任务1.4划分网店装修的页面内容任务引入任务知识任务实施：划分店铺页面的页面内容1.4.1任务引入本任务通过划分店铺的首页，熟练掌握店铺首页页面构成；通过划分店铺的详情页，熟练掌握店铺详情页页面构成。1.4.2任务知识1.店铺首页的页面构成在PC端中，首页通常由店招、轮播海报、优惠券、分类导航、商品展示和底部信息组成。在无线端中，首页除了尺寸的变化，页面构成与PC端几乎相同。部分店铺会根据商家需求，可自行选择加入文字标题、店铺热搜、排行榜和逛逛更多等模块。PC端首页页面构成无线端首页页面构成1.4.2任务知识2.店铺详情页的页面构成在PC端中，详情页通常由主图、左侧区域以及详情区域组成。在无线端中，详情页除了尺寸的变化，页面构成与PC端相比缺少了左侧区域。PC端详情页页面构成无线端详情页页面构成1.4.3任务实施：划分店铺页面的页面内容原图像划分首页（1）使用“直线段”工具和“文字”工具划分网店的首页。1.4.3任务实施：划分店铺页面的页面内容原图像划分详情页（2）使用“矩形”工具和“文字”工具划分网店的详情页。任务1.5掌握网店装修的设计要点任务引入任务知识任务实施：标出钻展图片的设计要点1.5.1任务引入本任务通过标记设计图片的基础元素，熟练掌握基础元素在网店装修中的应用；通过标记设计图片的基础色彩，熟练掌握基础色彩在网店装修中的应用；通过标记设计图片的字体类型，熟练掌握不同字体在网店装修中的应用；通过标记设计图片的版式构图，熟练掌握版式构图在网店装修中的应用。1.5.2任务知识1.基础元素点、线、面是设计构成中的三大基本元素，网店美工人员在设计时，将三者结合使用，可以营造出丰富的画面效果。规则点的应用曲线的应用几何形面的应用1.5.2任务知识2.色彩搭配网店的色彩可以带给消费者强烈的冲击力，网店美工人员在设计时，应围绕主色、辅助色和点缀色运用科学的搭配方法，打造出色彩协调、颜色舒适的画面。色彩搭配基础色彩搭配方法1.5.2任务知识3.文字设计文字是设计中重要的组成部分，与色彩相得益彰。网店美工人员在设计时，应选择符合画面风格的字体并调整合适的字号、间距以及行距。下面对文字设计进行详细地讲解。文字设计1.5.2任务知识4.版式构图不同的版式构图会给消费者带来不同的视觉感受，网店美工人员在设计时，应使用合理的构图方式构造统一协调的画面。左右构图上下构图居中构图对角线构图分别使用“椭圆”工具、“直线段”工具和“文字”工具标记钻展图片的基础色彩，包括主色、点缀色和辅助色。标记钻展图片的字体类型，包括美术体和黑体。1.5.3任务实施：标出钻展图片的设计要点标出钻展图片的设计要点使用相同的方法，分别使用“矩形”工具，“圆角矩形”工具，“椭圆”工具，“直线段”工具和“文字”工具标记钻展图片的基础元素，包括点、线和面。标记钻展图片的版式构图为居中构图。上下构图1.5.3任务实施：标出钻展图片的设计要点标出钻展图片的设计要点任务1.6明确网店装修的基本流程任务引入任务知识：网店装修的基本流程任务实施：收集女性护肤的相关素材1.6.1任务引入本任务通过到花瓣网收集女性护肤品的素材，明确网店装修的基本流程。1.6.2任务知识：网店装修的基本流程网店装修的基本流程为需求分析、素材收集、视觉设计、审核修改、完稿切图和上传装修这六大步骤。需求分析素材收集视觉设计上传装修完稿切图审核修改1.6.3任务实施：收集女性护肤的相关素材启动浏览器，打开花瓣网官网，单击右侧的“登录/注册”按钮，在弹出的对话框中选择登录方式并登录。在搜索框中输入关键词“化妆品素材”，按Enter键，进入搜索页面。单击页面左上角的“画板”选项，选择需要的类别。单击“关注”按钮，收藏需要的画板。花瓣网官网收藏画板本章简介：商品图片的美化处理是网店美工的首要工作任务，其常用的美化图片处理方法有裁剪、抠图、调色以及修图等。通过美化后的商品能够为消费者带来更好的购买欲望，从而提升销售。本章针对商品图片美化处理的基础知识进行系统讲解，并针对不同情景以及典型行业的商品图片进行任务演练。通过本章的学习，读者可以对商品图片的美化处理有一个系统的认识，并快速掌握商品图片的美化原则和处理方法，为接下来的设计打下基础。项目2美化处理商品图片学习引导

知识目标能力目标素质目标学习目标1.掌握裁剪的处理基础。2.掌握抠图的处理基础。

3.掌握调色的处理基础。4.掌握修图的处理基础。1.了解商品图片的美化原则。2.掌握商品图片的处理方法。1.培养对商品图片的审美鉴赏能力。2.培养对商品图片的美化创意能力。任务分解6.调整偏色图片7.使图片更出色8.让图片更清晰9.修复图像瑕疵10.复制取样图像1.裁剪校正角度倾斜的图片2.裁剪校正透视变形的商品3.多边形套索工具抠图4.魔棒工具抠图5.钢笔工具抠图任务2.1裁剪校正角度倾斜的图片任务引入任务知识：裁剪工具任务实施：裁剪校正钙片图片2.1.1任务引入本任务通过裁剪校正角度倾斜的图片，熟练掌握“裁剪”工具的使用。2.1.2任务知识：裁剪工具单击“裁剪”工具，其属性栏状态如图所示。选择预设长宽比和裁剪尺寸设置裁剪框的长宽比切换高度和宽度的数值清除所有设置拉直图像设置其他裁剪选项设置叠加选项“裁剪”工具2.1.3任务实施：裁剪校正钙片图片将光标放在裁剪框的右上角，光标会变为双向箭头图标，按住鼠标左键拖曳控制手柄，可以调整裁剪框的大小。对已经绘制出的矩形裁剪框可以进行旋转，将光标放在裁剪框角的控制手柄外边，光标会变为旋转图标，单击并按住鼠标左键旋转裁剪框。在矩形裁剪框内双击或按Enter键，即可完成图像的裁剪。原图像裁剪后的图像任务2.2裁剪校正透视变形的图片任务引入任务知识：透视裁剪工具任务实施：裁剪校正手提包图片2.2.1任务引入本任务通过裁剪校正透视变形的图片，熟练掌握“透视裁剪”工具的使用。2.2.2任务知识：透视裁剪工具单击“透视裁剪”工具，其属性栏状态如图所示。设置裁剪图像高度和宽度的数值切换高度和宽度的数值设置裁剪图像的分辨率使用顶层图像中的数值清除所有设置“透视裁剪”工具2.2.3任务实施：裁剪校正手提包图片选择“透视裁剪”工具，在图像中按住鼠标左键，拖曳一个裁切区域。松开鼠标，在所需图片周围形成裁剪框，以方便准确裁剪透视图像。按住Shift键的同时，分别向中间拖曳裁剪框左上角和右上角的控制节点到适当位置，使网格与所需调整图形相对平行。按Enter键确定操作，即可完成图像的裁剪。原图像裁剪后的图像任务2.3多边形套索工具抠图任务引入任务知识：多边形套索工具

任务实施：多边形套索工具抠化妆品2.3.1任务引入本任务通过使用多边形套索工具抠图，熟练掌握“多边形套索”工具的使用。2.3.2任务知识：多边形套索工具单击“多边形套索”工具，其属性栏状态如图所示。软化选区的边平滑边缘转换创建或调整选区“多边形套索”工具2.3.3任务实施：多边形套索工具抠化妆品选择“多边形套索”工具，沿着图像边缘绘制选区。按Ctrl＋C组合键，复制选区中的图像。按Ctrl＋N组合键，在弹出的“新建文档”对话框中进行设置，单击“创建”按钮，新建文档。在新建的图像窗口中，按Ctrl＋V组合键，粘贴复制的图像，多边形套索工具抠图完成。抠图后的图像原图像任务2.4魔棒工具抠图任务引入任务知识：魔棒工具任务实施：魔棒工具抠耳机2.4.1任务引入本任务通过使用魔棒工具抠图，熟练掌握“魔棒”工具的使用。2.4.2任务知识：魔棒工具单击“魔棒”工具，其属性栏状态如图所示。工具取样的最大像素数目设置颜色取样时的范围平滑边缘转换只对连续像素取样自动从图像中最突出的对象创建选区创建或调整选区“魔棒”工具2.4.3任务实施：魔棒工具抠耳机选择“魔棒”工具，在属性栏中单击“添加到选区”按钮，将“容差“选项的数值设为30。在图像灰色背景区域单击鼠标建立选区。按Shift+Ctrl+I组合键，将选区反向选择。按Ctrl＋C组合键，复制选区中的图像。按Ctrl＋N组合键，在弹出的“新建文档”对话框中进行设置，单击“创建”按钮，新建文档。在新建的图像窗口中，按Ctrl＋V组合键，粘贴复制的图像，单色背景抠图完成。原图像调整后图像任务2.5钢笔工具抠图任务引入任务知识：钢笔工具任务实施：钢笔工具抠沙发2.5.1任务引入本任务通过使用钢笔工具抠图，熟练掌握“钢笔”工具的使用。2.5.2任务知识：钢笔工具单击“钢笔”工具，其属性栏状态如图所示。选择工具模式设置形状填充类型设置形状描边类型设置形状描边宽度设置形状宽度及高度路径操作路径对齐方式路径排列方式设置其他钢笔和路径选项当位于路径上时自动添加或删除锚点“钢笔”工具2.5.3任务实施：钢笔工具抠沙发选择“钢笔”工具，将属性栏中的“选择工具模式”选项设为“路径”，沿着椅子边缘单击生成锚点，继续沿着椅子边缘绘制闭合路径。按Ctrl＋Enter组合键，将路径转换为选区。按Ctrl＋C组合键，复制选区中的图像。按Ctrl＋N组合键，在弹出的“新建文档”对话框中进行设置，单击“创建”按钮，新建文档。在新建的图像窗口中，按Ctrl＋V组合键，粘贴复制的图像，钢笔工具抠图完成。抠图后图像原图像任务2.6调整偏色图片任务引入任务知识：可选颜色任务实施：调整高跟鞋图片颜色2.6.1任务引入本任务通过调整偏色图片，熟练掌握“可选颜色”命令的使用。2.6.2任务知识：可选颜色选择“图像>调整>可选颜色”命令，弹出“可选颜色”对话框，可通过设置对话框中的各选项调整偏色图片。可选颜色2.6.3任务实施：调整高跟鞋图片颜色原图像调整后图像选择“图像>调整>可选颜色”命令，弹出“可选颜色”对话框，调整“可选颜色”对话框中的各选项，调整后图像的效果如图所示。任务2.7使图片更出色任务引入任务知识：色相/饱和度任务实施：使相机图片更出色2.7.1任务引入本任务通过使图片更出色，熟练掌握“色相/饱和度”命令的使用。2.7.2任务知识：色相/饱和度选择“图像>调整>色相/饱和度”命令，弹出“色相/饱和度”对话框，可通过设置对话框中的各选项调整图片色调。色相/饱和度2.7.3任务实施：使相机图片更出色选择“图像>调整>色相/饱和度”命令，弹出“色相/饱和度”对话框，进行设置。单击“确定”按钮，图像效果如图所示。原图像调整后图像“色相/饱和度”对话框任务2.8让图片更清晰任务引入任务知识：锐化工具任务实施：让饰品图片更清晰2.8.1任务引入本任务通过让图片更清晰，熟练掌握“锐化”工具的使用。2.8.2任务知识：锐化工具单击“锐化”工具，其属性栏状态如图所示。打开“画笔预设”选取器切换“画笔设置”面板绘画模式设置描边强度从复合数据中取样仿制数据保护细节时最小化像素“锐化”工具2.8.3任务实施：让饰品图片更清晰原图像锐化后的图像选择“锐化”工具，在锐化工具属性栏中进行设置，在图像窗口中按住鼠标左键，拖曳鼠标可使图像产生锐化的效果。任务2.9修复图像瑕疵任务引入任务知识：污点修复画笔工具任务实施：修复高跟鞋图像瑕疵2.9.1任务引入本任务通过修复图像瑕疵，熟练掌握“污点修复画笔”工具的使用。2.9.2任务知识：污点修复画笔工具单击“污点修复画笔”工具，其属性栏状态如图所示。打开画笔选项绘画模式设置源取样类型从复合数据中取样仿制数据“污点修复画笔”工具2.9.3任务实施：修复高跟鞋图像瑕疵选择“污点修复画笔”工具，在属性栏中设置画笔的大小为200像素，在图像中需要修复的位置进行涂抹。原图像修复后图像“污点修复画笔”工具任务2.10复制取样图像任务引入任务知识：仿制图章工具任务实施：复制取样挂饰图像2.10.1任务引入本任务通过复制取样图像，熟练掌握“仿制图章”工具的使用。2.10.2任务知识：仿制图章工具单击“仿制图章”工具，其属性栏状态如图所示。打开“画笔预设”选取器切换“画笔设置”面板效果模式始终对“不透明度”使用“压力”切换仿制源面板启用喷枪样式的建立效果仿制样本模式“仿制图章”工具2.10.3任务实施：复制取样挂饰图像选择“仿制图章”工具，在属性栏中设置画笔的大小为800像素，硬度为10%。将仿制图章工具放在图像中需要取样的位置，按住Alt键，鼠标指针由仿制图章图标变为圆形十字图标，单击鼠标左键，定下取样点，松开鼠标左键，在合适的位置单击并按住鼠标左键，拖曳鼠标复制出取样点及其周围的图像。原图像修复后图像“仿制图章”工具2.11项目演练-调整曝光不足的商品图片本任务通过调整曝光不足的商品图片，熟练掌握“曲线”命令和“色阶”命令的使用。效果图本章简介：网店推广图片的设计是网店美工人员需要完成的重要工作任务，它通常包括主图、车图以及钻展图的设计。通过精心设计的网店推广图，能够令产品提升点击率、促进转化率。本章针对网店推广图的设计基础知识进行系统讲解，并针对流行风格以及典型行业的网店推广图进行任务演练。通过本章的学习，读者可以对网店推广图片的设计有一个系统的认识，并快速掌握网店推广图片的设计规范和制作方法，为接下来的设计店铺趣味海报打下基础。项目3设计网店推广图片学习引导

知识目标能力目标素质目标学习目标1.掌握主图的设计基础。2.掌握直通车图的设计基础。

3.掌握钻展图的设计基础。1.了解网店推广图的设计思路。2.掌握网店推广图的制作方法。1.培养对网店推广图的审美鉴赏能力。2.培养对网店推广图的设计创意能力。任务分解1.设计家电风扇主图。2.设计健康钙片直通车图。3.设计生鲜食品钻展图。任务3.1设计家用电器主图任务引入设计理念任务知识：横排文字工具、画笔工具任务实施：设计家电风扇主图3.1.1任务引入本任务通过设计家电风扇主图，明确当下家电行业主图的设计风格并掌握主图的设计要点与制作方法。3.1.2设计理念在设计过程中，围绕主体物风扇进行创意。背景为室内环境实现身临其境之感，以绿叶作为元素有序展开实现点缀效果。色彩选取蓝色、红色和绿色分别体现了科技、促销和环保。字体选用汉仪天宇风行体和方正兰亭黑体起到了呼应主题的作用。采用黄金比例分割的左右构图表现和谐美感。整体设计充满特色，契合主题。效果图3.1.3任务知识：横排文字工具、画笔工具熟练掌握“矩形”工具，“圆角矩形”工具，“椭圆”工具，“直接选择”工具,“横排文字”工具，“画笔”工具，“添加图层样式”命令，“添加图层蒙版”命令和“创建新的填充或调整图层”命令的使用。字体样式文字的颜色字体的大小创建文字变形文字的对齐方式消除文字的锯齿切换文本取向创建3D对象文字切换字符和段落面板“横排文字”工具3.1.4任务实施：设计家电风扇主图1234任务3.2设计健康医疗直通车图任务引入设计理念任务知识：渐变工具、亮度/对比度命令任务实施：设计健康钙片直通车图2.2.1任务引入本任务通过设计健康钙片直通车图，明确当下保健品行业直通车图的设计风格并掌握直通车图的设计要点与制作方法。3.2.2设计理念在设计过程中，围绕主体物钙片进行创意。背景为室外环境实现清新自然之感。色彩选取绿色、黄色和橙色分别体现了健康和促销。字体选用胡晓波男神体和思源黑体起到了呼应主题的作用。采用黄金比例分割的左右构图表现和谐美感。整体设计充满特色，契合主题。效果图3.2.3任务知识：渐变工具、亮度/对比度命令熟练掌握“矩形”工具，“圆角矩形”工具，“直接选择”工具，“横排文字”工具，“渐变”工具，“添加锚点”工具，“亮度/对比度”命令，“高斯模糊”命令，“添加图层样式”命令，“添加图层蒙版”命令的使用。点按可编辑渐变渐变形式混合模式反向渐变颜色仿色以减少带宽切换渐变透明度“渐变”工具3.2.4任务实施：设计健康钙片直通车图1243任务3.3设计食品餐饮钻展图任务引入设计理念任务知识：圆角矩形工具任务实施：设计生鲜食品钻展图3.3.1任务引入本任务通过设计生鲜食品钻展图，明确当下美食行业直通车图的设计风格并掌握钻展图的设计要点与制作方法。3.3.2设计理念在设计过程中，围绕主体物生鲜进行创意。背景为纯色淡纹理以凸显食品，以调理品作为元素有序展开实现点缀效果。色彩选取橙色和红色体现了食欲和促销。字体选用方正兰亭粗黑体和方正兰亭黑体起到了呼应主题的作用。采用稳定均衡的居中构图快速吸引消费者目光。整体设计充满特色，契合主题。效果图3.3.3任务知识：圆角矩形工具熟练掌握“圆角矩形”工具，“横排文字”工具，“添加图层样式”命令，“创建新的填充或调整图层”命令的使用。设置形状描边宽度设置形状宽度及高度路径组合方式选择工具模式设置形状描边类型路径操作路径排列方式设置其他形状和路径选设置圆角的半径“圆角矩形”工具3.3.4任务实施：设计生鲜食品钻展图12433.4项目演练-设计居家大衣橱直通车图任务引入设计理念3.4.1任务引入本任务通过设计居家大衣橱直通车图，明确当下家居产品行业直通车图的设计风格并掌握直通车图的设计要点与制作方法。3.4.2设计理念在设计过程中，围绕主体物衣橱进行创意。背景为室内场景图，以凸显商品主题。色彩选取玫红色、黄色和蓝色，分别体现了时尚、温馨和美观，字体选用黑体呼应主题。整体设计充满特色，契合主题。效果图本章简介：店铺海报是网店美工设计任务中的重中之重，较营销推广图店铺海报更为醒目震撼，通过精心设计的店铺海报能够令用户瞬间了解店铺的活动信息以及促销信息。本章针对店铺海报的设计基础知识进行系统讲解，并针对流行风格以及典型行业的店铺海报进行任务演练。通过本章的学习，读者可以对店铺海报的设计有一个系统的认识，并快速掌握店铺海报的设计规范和制作方法，为接下来的设计店铺首页打下基础。项目4设计店铺趣味海报学习引导

知识目标能力目标素质目标学习目标1.掌握店铺海报的设计尺寸。2.掌握店铺海报的版式构图。3.掌握店铺海报的设计形式。1.了解店铺海报的设计思路。2.掌握店铺海报的制作方法。1.培养对店铺海报的审美鉴赏能力。2.培养对店铺海报的设计创意能力。任务分解1.设计护肤产品海报2.设计家电空调海报任务4.1设计美妆护肤海报任务引入设计理念任务知识：添加锚点工具、图层的混合模式选项任务实施：设计护肤产品海报4.1.1任务引入本任务通过设计护肤产品海报，明确当下美妆行业海报的设计风格并掌握海报的设计要点与制作方法。4.1.2设计理念在设计过程中，围绕主体物护肤产品进行创意。背景为桌面居家场景烘托气氛，以花瓣作为元素有序展开实现点缀效果。色彩选取粉色、蓝色和红色分别体现了浪漫、清爽和促销。字体选用方正兰亭圆简体和思源黑体起到了呼应主题的作用。采用黄金比例分割的左右构图表现和谐美感。整体设计充满特色，契合主题。效果图4.1.3任务知识：添加锚点工具、图层的混合模式选项熟练掌握“矩形”工具，“直接选择”工具，“横排文字”工具，“画笔”工具，“添加锚点”工具，图层的混合模式选项，“高斯模糊”命令，“创建新的填充或调整图层”命令，“添加图层蒙版”命令，“添加图层样式”命令的使用。“添加图层样式”命令4.1.4任务实施：设计护肤产品海报1342任务4.2设计家用电器海报任务引入设计理念任务知识：椭圆工具、高斯模糊命令任务实施：设计家电空调海报4.2.1任务引入本任务通过设计家电空调海报，明确当下家电行业海报的设计风格并掌握海报的设计要点与制作方法。4.2.2设计理念在设计过程中，围绕主体物空调进行创意。背景为居家场景奠定设计基调，以绿叶作为元素有序展开实现点缀效果。色彩选取蓝色、绿色和黄色分别体现了科技、自然和温馨。字体选用斗鱼追光体、方正兰亭中粗黑简体和BebasNeue起到了呼应主题的作用。采用黄金比例分割的左右构图表现和谐美感。整体设计充满特色，契合主题。效果图4.2.3任务知识：椭圆工具、高斯模糊命令熟练掌握“矩形”工具，“圆角矩形”工具，“椭圆”工具，“横排文字”工具，“高斯模糊”命令的使用。“椭圆”工具选择工具模式设置形状描边宽度设置形状描边类型设置形状宽度及高度路径操作路径组合方式路径排列方式设置其他形状和路径选项4.2.4任务实施：设计家电空调海报13244.3项目演练-设计果汁饮品海报任务引入设计理念4.3.1任务引入本任务通过设计果汁饮品海报，明确当下饮品行业海报的设计风格并掌握海报的设计要点与制作方法。4.3.2设计理念在设计过程中，围绕主体物果汁进行创意。背景为室外环境实现清新自然之感，以多种水果和蝴蝶作为元素丰富整体画面。色彩选取绿色和橙色分别体现了自然和新鲜。字体选用优设标题黑体、方正锐正黑简体和思源黑体起到了呼应主题的作用。采用黄金比例分割的左右构图表现和谐美感。整体设计充满特色，契合主题。效果图本章简介：PC端店铺首页设计是网店美工设计任务中的综合型工作任务，通过精心设计的PC端店铺首页能够向用户传达品牌感和信任感。本章针对PC端店铺首页的设计基础知识进行系统讲解，并针对流行风格以及典型行业的PC端店铺首页进行任务演练。通过本章的学习，读者可以对PC端店铺首页的设计有一个系统的认识，并快速掌握PC端店铺首页的设计规范和制作方法，成功塑造具有品牌影响力的PC端店铺首页。项目5设计PC端店铺首页学习引导

知识目标能力目标素质目标学习目标1.掌握PC端店铺首页的设计尺寸。2.掌握PC端店铺首页的核心模块。1.了解PC端店铺首页的设计思路。2.掌握PC端店铺首页的制作方法。1.培养对PC端店铺首页的审美鉴赏能力。2.培养对PC端店铺首页的设计创意能力。任务分解1.设计PC端家具产品首页2.设计PC端春夏女装首页任务5.1设计PC端家具装修首页任务引入设计理念任务知识：矩形工具任务实施：设计PC端家具产品首页5.1.1任务引入本任务通过设计PC端家具产品首页，明确当下家具产品行业PC端首页的设计风格并掌握PC端首页的设计要点与制作方法。5.1.2设计理念在设计过程中，围绕主体物家具进行创意。背景为纯色和家具图片作为衬托。色彩选取卡其色、浅灰色和深灰色分别体现了高端、典雅和美观。字体选用思源黑体、方正兰亭黑体和BebasNeue起到了呼应主题的作用。图标采用了与家具相关的线性图标呈现了简约精致的特点。整体设计充满特色，契合主题。效果图5.1.3任务知识：矩形工具熟练掌握“矩形”工具，“圆角矩形”工具，“椭圆”工具，“直线”工具，“横排文字”工具的使用。选择工具模式设置形状描边宽度设置形状描边类型设置形状宽度及高度路径操作路径组合方式路径排列方式设置其他形状和路径选“矩形”工具5.1.4任务实施：设计PC端家具产品首页3412任务5.2设计PC端女性服装首页任务引入设计理念任务知识：直接选择工具、路径选择工具任务实施：设计PC端春夏女装首页5.2.1任务引入本任务通过设计PC端春夏女装首页，明确当下女装行业PC端首页的设计风格并掌握PC端首页的设计要点与制作方法。5.2.2设计理念在设计过程中，围绕主体物女装进行创意。背景为纯色和多种几何图形作为衬托。色彩选取深红色、中黄色和淡粉色分别体现了前卫、时尚和韵味。字体选用思源黑体和BebasNeue起到了呼应主题的作用。整体设计充满特色，契合主题。效果图5.2.3任务知识：直接选择工具、路径选择工具熟练掌握“矩形”工具，“圆角矩形”工具，“椭圆”工具，“直线”工具，“横排文字”工具，“直接选择”工具，“路径选择”工具，“添加图层蒙版”命令，“添加图层样式”命令的使用。“路径选择”工具选择现用图层或所有图层设置形状描边类型路径操作设置其他形状和路径选项设置形状描边宽度设置形状宽度及高度路径组合方式路径排列方式5.2.4任务实施：设计PC端春夏女装首页13245.3项目演练-设计PC端数码产品首页任务引入设计理念5.3.1任务引入本任务通过设计果汁饮品海报，明确当下饮品行业海报的设计风格并掌握海报的设计要点与制作方法。5.3.2设计理念在设计过程中，围绕主体物耳机进行创意。背景为渐变色、纯色作为衬托。色彩选取亮蓝色、深紫色和玫红色分别体现了科技、时尚和悦耳。字体选用方正粉丝天下简体、思源黑体和BebasNeue起到了呼应主题的作用。图标采用了与耳机相关的线性图标呈现了简约精致的特点。整体设计充满特色，契合主题。效果图本章简介：PC端店铺详情页设计同首页设计一样，属于网店美工设计任务中的综合型工作任务，通过精心设计的PC端店铺详情页能够提升用户对商品的购买欲望。本章针对PC端店铺详情页的设计基础知识进行系统讲解，并针对流行风格以及典型行业的PC端店铺详情页进行任务演练。通过本章的学习，读者可以对PC端店铺详情页的设计有一个系统的认识，并快速掌握PC端店铺详情页的设计规范和制作方法，成功塑造具有购买欲望的PC端店铺详情页。项目6设计PC端店铺详情页学习引导

知识目标能力目标素质目标学习目标1.掌握PC端店铺详情页的设计尺寸。2.掌握PC端店铺详情页的核心模块。1.了解PC端店铺详情页的设计思路。2.掌握PC端店铺详情页的制作方法。1.培养对PC端店铺详情页的审美鉴赏能力。2.培养对PC端店铺详情页的设计创意能力。任务分解1.设计PC端月饼美食详情页2.设计PC端餐具产品详情页任务6.1设计PC端食品餐饮详情页任务引入设计理念任务知识：添加图层样式命令、创建新的填充或调整图层命令任务实施：设计PC端月饼美食详情页6.1.1任务引入本任务通过设计PC端月饼美食详情页，明确当下食品行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。6.1.2设计理念围绕主体物月饼进行创意。背景为纯色和月饼图片作为衬托。色彩选取棕红色、淡棕色和米色分别体现了传统、淡雅和食欲。字体选用江西拙楷、方正清刻本悦宋简体和OPPOSans起到了呼应主题的作用。图标采用了与物流相关的线性图标呈现了简约精致的特点。整体设计充满特色，契合主题。效果图6.1.3任务知识：添加图层样式命令、创建新的填充或调整图层命令熟练掌握“矩形”工具，“圆角矩形”工具，“椭圆”工具，“直线”工具，“横排文字”工具，“高斯模糊”命令，“添加图层样式”命令，“创建新的填充或调整图层”命令的使用。“添加图层样式”命令“创建新的填充或调整图层”命令6.1.4任务实施：设计PC端月饼美食详情页3412任务6.2设计PC端生活家居详情页任务引入设计理念任务知识：钢笔工具、添加图层蒙版命令任务实施：设计PC端餐具产品详情页6.2.1任务引入本任务通过设计PC端餐具产品详情页，明确当下餐具行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。6.2.2设计理念在设计过程中，围绕主体物餐具进行创意。背景为纯色和餐具图片作为衬托。色彩选取深蓝色和淡灰色分别体现了通透和干净。字体选用方正清刻本悦宋简体和思源黑体起到了呼应主题的作用。图标采用了与餐具相关的线性图标呈现了简约精致的特点。整体设计充满特色，契合主题。效果图6.2.3任务知识：钢笔工具、添加图层蒙版命令熟练掌握“矩形”工具，“圆角矩形”工具，“椭圆”工具，“直线”工具，“横排文字”工具，“渐变”工具，“钢笔”工具，“添加图层蒙版”命令，“添加图层样式”命令的使用。为图层“添加图层蒙版”后的效果6.2.4任务实施：设计PC端餐具产品详情页132456.3项目演练-设计PC端运动鞋品详情页设计任务引入设计理念6.3.1任务引入本任务通过设计PC端运动鞋品详情页，明确当下鞋品行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。6.3.2设计理念在设计过程中，围绕主体物运动鞋进行创意。背景为纯色和山间图片作为衬托。色彩选取深棕色、浅棕色和米色分别体现了大气、品质和精巧。字体选用江西拙楷、方正清刻本悦宋简体和思源宋体起到了呼应主题的作用。图标采用了与鞋类相关的线性图标呈现了简约精致的特点。整体设计充满特色，契合主题。效果图本章简介：随着移动互联网的发展及普及，消费者在无线端店铺进行网购已经成为了主流现象。因此，无线端店铺的设计对于所有商家而言都至关重要，是网店美工设计任务中的核心工作任务。本章针对无线端店铺的设计基础知识进行系统讲解，并针对流行风格以及典型行业的无线端店铺首页以及详情页进行任务演练。通过本章的学习，读者可以对无线端店铺的设计有一个系统的认识，并快速掌握无线端店铺的设计规范和制作方法，成功塑造出具有强大购买力的无线端店铺。项目7设计无线端店铺学习引导

知识目标能力目标素质目标学习目标1.掌握无线端与PC端店铺的区别。2.掌握无线端店铺首页的设计基础。3.掌握无线端店铺详情页的设计基础。1.了解无线端店铺的设计思路。2.掌握无线端店铺的制作方法。1.培养对无线端店铺的审美鉴赏能力。2.培养对无线端店铺的设计创意能力。任务分解1.设计无线端家具产品首页2.设计无线端月饼美食详情页任务7.1设计无线端家具装修首页任务引入设计理念任务知识：直线工具任务实施：设计无线端家具产品首页7.1.1任务引入本任务通过设计无线端家具产品首页，明确当下家具行业无线端首页的设计风格并掌握无线端首页的设计要点与制作方法。7.1.2设计理念在设计过程中，根据任务5.1中的PC端家具产品首页，进行无线端家具产品首页设计。效果图7.1.3任务知识：直线工具熟练掌握“矩形”工具，“圆角矩形”工具，“椭圆”工具，“直线”工具，“横排文字”工具的使用。选择工具模式设置形状描边宽度设置形状描边类型设置形状宽度及高度路径操作路径组合方式路径排列方式设置其他形状和路径选“直线”工具7.1.4任务实施：设计无线端家具产品首页34125任务7.2设计无线端食品餐饮详情页任务引入设计理念任务知识：图像大小命令任务实施：设计无线端月饼美食详情页7.2.1任务引入本任务通过设计无线端月饼美食详情页，明确当下食品行业无线端详情页的设计风格并掌握无线端详情页的设计要点与制作方法。7.2.2设计理念在设计过程中，根据任务6.1中的PC端月饼美食详情页，进行无线端月饼美食详情页设计。效果图7.2.3任务知识：图像大小命令熟练掌握“图像大小”命令的使用。7.2.4任务实施：设计无线端月饼美食详情页选择“图像>图像大小”命令，弹出“图像大