网店美工设计教材课件完整版电子教案.pptx

本章简介： 随着移动互联网的发展以及消费结构的升级，电子商务行业亦趋向成熟，同时行业对于电商设计从业人员的要求也产生了变化，因此想要从事电商设计行业的人员需要系统地学习与更新自己的知识体系。本章对网店美工的基础知识和网店装修的常用软件、风格定位、页面构成、设计要点以及基本流程进行系统讲解。通过本章的学习，读者可以对电商设计有一个宏观的认识，有助于高效便利地进行后续的电商设计工作。 项目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） 新建文件 启动Adobe Photoshop软件，选择“文件 > 新建”命令，或按Ctrl+N组合键，弹出“新建”对话框。在对话框中可以设置新建的图像名称、宽度和高度、分辨率、颜色模式等选项，设置完成后单击“确定”按钮，即可完成新建图像。 “新建”对话框 新建图像 1.2.3 任务实施：使用软件进行基础的操作 （2）打开图像 如果要对照片或图片进行修改和处理，就要在Photoshop CC中打开需要的图像。选择“文件 > 打开”命令，或按Ctrl+O组合键，弹出“打开”对话框，在对话框中搜索路径和文件，确认文件类型和名称，通过Photoshop CC提供的预览图标选择文件，然后单击“打开”按钮，即可打开所指定的图像文件。 1.2.3 任务实施：使用软件进行基础的操作 （3）保存文件 编辑和制作完图像后，就需要将图像进行保存，以便于下次打开继续操作。 选择“文件 > 存储”命令，可以存储文件。当设计好的作品进行第一次存储时，选择“文件 > 存储”命令，将弹出“存储为”对话框，在对话框中输入文件名、选择文件格式后，单击“保存”按钮，即可将图像保存。 “存储为”对话框 1.2.3 任务实施：使用软件进行基础的操作 （4）关闭图像 图像存储完毕后，可以选择将其关闭。选择“文件 > 关闭”命令，或按Ctrl+W组合键，即可关闭文件。关闭图像时，若当前文件被修改过或是新建的文件，则会弹出提示框，单击“是”按钮即可存储并关闭图像。 关闭图像提示框 任务1.3 熟悉网店装修的风格定位 任务引入 任务知识：网店装修的风格趋势  任务实施：收集不同风格的店铺页面 1.3.1 任务引入 到淘宝、天猫和京东等各大网店平台收集扁平化、立体化和插画风等不同风格的店铺截图，熟悉网店装修的风格。 1.3.2 任务知识：网店装修的风格趋势 1.扁平化 以扁平化为主的电商设计页面通过字体、图形和色彩等不同方面的元素打造出清晰的视觉层次，使得页面具有较强的可读性。 双11预售页