《网店美工 第2版》电子教案.pdf
《《网店美工 第2版》电子教案.pdf》由会员分享,可在线阅读,更多相关《《网店美工 第2版》电子教案.pdf(29页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、网店美工 第 2 版电子教案第第 1 1 章章网店装修美工设计快速入门网店装修美工设计快速入门教学内容一、初步了解网店装修二、网店装修的风格定位三、网店装修中需要注意的问题【知识目标】1理解网店装修的作用和重要性。2明白网店装修与转化率的关系。3学会用有效的方法确定网店的装修风格。教学要求4注意网店装修细节问题,避免客流量的流失。【技能目标】1能够结合实例简述网店装修的重要性。2能够分析品牌店铺的装修风格。3能够分析品牌店铺在网店装修上的优势。1网店装修的作用和重要性。教学重点2学会用有效的方法确定网店的装修风格。1网店装修与转化率的关系。教学难点2能够确定网店的装修风格。教学方法讲授法、案例
2、法课时数3 课时教学内容教学内容第一节第一节初步了解网店装修初步了解网店装修一、什么是网店装修判定一个网店的好坏,首先要看的就是店铺的装修,没有一个进行专业、恰当的装修,1网店美工 第 2 版电子教案哪怕店铺中的商品质量再好,也不一定能销售出去。二、网店装修的重要性网店经营者对于如何开网店都是在不断的摸索中前进的,大家越来越意识到网店装修的重要性。因此,需要对网店进行美化,以吸引更多的买家,而网店装修是提高网店销售额的法宝,所以一定要重视这个问题。三、网店装修与转化率的关系网店首先需要装修,当店铺的准备工作做到一定程度后,就可以进行宣传和推广了。在宣传和经营的过程中,再逐步地去完善。既不能一味
3、地装修,也不能一味地宣传。网店的销售量高低直接与转化率相关,而影响转化率的主要因素包括商品的图片、买家的评价、卖家的促销活动等。在这些因素中,无疑都会涉及网店装修,可见网店装修与网店的营销推广是密不可分的。第二节第二节网店装修的风格定位网店装修的风格定位一、如何确定网店装修的风格确定店铺的风格就是将头脑中的思维具体化。想要抓住店铺的灵魂,不能只靠网店经营者或美工的个人品位,它需要一个系统的方法。二、不同行业的网店装修风格根据店铺销售商品的不同,对商品进行了有效的包装和设计,使各自所呈现出来的视觉效果独具特色,也因此让买家更加容易区分,形成特定的记忆,有助于自身店铺形象的树立。第三节第三节网店装
4、修中需要注意的问题网店装修中需要注意的问题一、装修图片的显示一定要将装修的图片管理好,使用正规的网络存储空间网站来管理图片,并且即时在电脑上进行备份,以免图片丢失。二、适量使用闪图和特效在装修店铺时,要适量使用闪图和特效,因为闪图和特效非常耗费电脑空间,当买家电脑配置不是很高的情况下进入店铺,电脑运行速度会变慢,买家会感觉等待时间过长,不能带给其良好的购物体验。三、添加音乐要有讲究在店铺中添加音乐时一定要深思熟虑,讲究方式与方法。四、控制装修图片的色彩巧妙地运用色彩可以使网店页面变得鲜艳、生动、富有活力,但页面的颜色不能太多、太杂,保持统一,要有一个固定的配色方案,对色彩进行规范,减少视觉干扰
5、,最主要的是让内容具有条理性。五、统一店铺风格在把握店铺整体风格的同时,还要考虑其稳定性和可更改性。2网店美工 第 2 版电子教案六、网店视频切忌过长卖家为了在激烈的竞争中占据优势,的确需要紧跟这一视频热潮,但要注意控制视频的时间。通过本章的学习,我们理解了网店装修的作用和重要性,明白了网店装修与转化率的关系,学会了用有效的方法确定网店的装修风格,也要注意网店装修细节问题,避免客流量的流失。为什么同样的商品,有的网店卖家就能把商品卖出去,并做得风生水起,而有的卖家发布的商品就如同石沉大海,无人问津,买家为什么会对相同的商品有着截然不同的态度呢?除了推广方式和营销手段外,就不得不提到网店装修的作
6、用,即使自己的商品再好,但吸引不来买家也毫无用处。因此,网店装修对于卖家来说,是决定成败的重要因素之一。归纳与提高第第 2 2 章章网店装修四大要点:图片、配色、布局与文字网店装修四大要点:图片、配色、布局与文字一、准备图片素材二、店铺色彩搭配三、不拘一格的页面布局四、准确、抢眼的文字【知识目标】1掌握拍摄商品照片的基本技巧,并能根据设计风格收集装修素材。2学会如何对网店页面进行配色,熟知常用的配色方法和技巧。3了解页面布局的组成因素和布局方式,学会使用布局来突出画面的层次感和主次感。4能够对段落文字进行合理排列,打造具有高表现力的文字造型,并能利教学内容教学要求用文字营造特定的氛围。【技能目
7、标】1能够拍摄商品照片,并能根据设计风格收集装修素材。2能够对网店页面进行配色。3能够了解页面布局的组成因素和布局方式。4能够利用文字营造特定的氛围。3网店美工 第 2 版电子教案1拍摄商品照片的基本技巧。2常用的配色方法和技巧。教学重点3页面布局的组成因素和布局方式。4如何打造具有高表现力的文字造型。1拍摄商品照片。教学难点2常用的配色方法和技巧。3利用文字营造特定的氛围。教学方法讲授法、案例法课时数4 课时教学内容教学内容第一节第一节准备图片素材准备图片素材一、拍摄商品照片在网店装修之前,首先需要拍摄足够的商品照片。由于网上购物的特殊性,消费者无法接触到商品的实物,所以商品的所有信息只得以
8、图片的形式传达。二、收集装修素材在进行网店装修之前,要根据店铺的设计风格以及商品特点,为网店装修准备所需的修饰素材。第二节第二节店铺色彩搭配店铺色彩搭配一、常见的配色方法在网店装修设计中,常用的配色方法主要有同一色相的配色、类似色相配色、相反色相配色、补色色相配色、渐变效果配色和重色调配色。(一)同一色相配色以单一颜色为对象,调整其明度和彩度,使其呈现出不同的特色。这种配色在表现一种秩序井然的感觉时比较适用,可以传达出一种安静之美。(二)类似色相配色将色环上相连的颜色进行配色,或者将相连色进行明度和彩度上的微调后进行配色,色相之间和谐、协调的特征明显,适合表现温馨、甜美、浪漫的视觉效果。(三)
9、相反色相配色4网店美工 第 2 版电子教案使用色环上相反方向对应的颜色进行配色,给人一种强势和生动的感觉。由于色相之间差异较大,更容易营造出一种动态、华丽的视觉效果。(四)渐变效果配色这是将所配色的明度、彩度和色相等逐层给予适当的变化之后,再组合起来的一种配色方案,通常用于表现一种和谐、自然的视觉效果。(五)重色调配色这是在相对单调的配色氛围中,通过使用其对照色相与色调,从而起到强调效果的一种配色方式。这样的配色会打破之前平淡、枯燥的页面效果,更加引人关注。二、色彩与市场营销色彩对于网店营销而言是一个极其重要的影响因素。虽然有些消费者对于网店首页以及商品页面的颜色搭配并不是太在意,但真正让买家
10、最先感知的是视觉,颜色从人的视觉开始传输和渗透,对买家的心理与思维会产生重大的影响。三、不同色调的展示页面根据配色方案的不同,商品页面给人的感觉和氛围也有很多种。分析商品的特征,选择一种合适的颜色,能够将商品特征有效地传递给买家,这一点在商品页面的制作上至关重要。(一)浅色调页面单纯形象的儿童用品,纯洁礼服等需要体现出清纯感觉的商品,可以使用浅色调进行配色,让页面中的商品形象干净、整洁。(二)清新色调页面表现文静、平和感的商品可以使用清新的色调来进行配色,这种高明度和高纯度的颜色可以增加页面的柔和感,营造出高档的氛围。(三)蓝色调页面蓝色本身散发着清新、凉爽之感,适合表现夏季商品、电子商品、清
11、洁用品等,并且蓝色具有稳定感,容易让买家产生踏实向上的感觉。(四)绿色调页面绿色调适用于环保型的用品,利用绿色对画面进行配色,可以营造出一种干净、整洁的氛围,提高买家在商品使用安全性方面的信赖度,表现出亲近之感。第三节第三节不拘一格的页面布局不拘一格的页面布局一、页面布局的组成要素为了把商品信息最大限度、有效、正确地传达给买家,就需要进行合理的页面布局。页面布局的组成要素如下:背景:为了更有效地营造出和商品或活动主题相统一的页面氛围,可以对背景进行设计,其中可以使用图案、纯色和图像等元素。图像:网店装修布局中的图像主要指商品照片、模特照片和用于修饰页面的形状、符号和插画等,这些图像本身就包含一
12、定的信息,对商品或者辅助商品进行展示,并为页面营造一种特定的氛围。文字:主要对商品信息进行说明,是布局元素中最重要的组成部分之一,其设计风格要与商品的风格一致。文字除了用于传递商品信息以外,还可作为修饰元素放在页面中,达到平衡布局的效果。5网店美工 第 2 版电子教案留白:指布局好商品、文字与修饰元素之后,余下的空白部分空间。如果在布局中不注意留白,将页面填充得满满当当,反而会给人带来一种沉闷的感觉,造成视觉疲劳。二、常用的商品详情页面布局买家在浏览商品详情页面时,通常情况下会将图像视为一个整体,然后才将视线定位到比较突出或者抢眼的其他位置,所以在排列商品图像或者展示模特照片时,为了突出商品的
13、特征,可以将一些希望强调的图像放大并布局于显眼的位置,效果会更加理想。下面将介绍几种较为常用的商品页面的布局方式。(一)中间对齐模式的页面布局通常情况下,可以调整一些图像的尺寸,将留白部分的特色发挥出来,从而清除沉闷、狭窄等弊端,产生安静、稳定的感觉。(二)对角线排列的页面布局无论是怎样的自由式布局,都要以指引线为准进行图片和文字的设计和布置。(三)棋盘式的页面布局优点就是将众多的图像集合为视觉上的一个整体,形成一种统一感,将浏览者的视线集中到一处。(四)左对齐模式的页面布局这种页面布局会吸引更多的视线,适合用在表现那些有顺序之分的内容上。6网店美工 第 2 版电子教案(五)对称型的页面布局在
14、页面布局中,即使两侧的组成要素不是按照完全相同的尺寸和排列方式来进行,只要两侧的空间宽度和重量感相同,就可以体现出对称的布局效果,这种布局能够营造出一种文静、安定的整体氛围。第四节第四节准确、抢眼的文字准确、抢眼的文字一、网店页面段落文字的排列方式(一)自由对齐这种对齐方式排列的文字表现形式较为自由,给人以活泼、自然的感觉,能够表现出不拘一格的效果。(二)左对齐左对齐排列通常能够呈现出一种整齐、利落的感觉,并且具有很强的协调感。如果合理调整文字的大小,就可以轻松地制作出层次感。7网店美工 第 2 版电子教案(三)居中对齐这种对齐方式可以将视线集中起来,减少周围元素对文字的影响,也是段落文字编排
15、中常用的一种对齐方式。(四)右对齐这种对齐方式可以让买家的视觉集中到文字的右侧,并且利用每行文字的长短不一在左侧形成一定的波形,从而产生流动感。二、打造具有高表现力的文字造型(一)连笔连笔的设计是指字体的前后笔画一笔紧连着一笔,呈现出紧密相连的状态,使同一字体或者不同字体的笔画之间流畅、自然地衔接起来。连笔的运用,讲究的是字体书写节奏的流畅,使信息更为突出和鲜明,并产生有效地传达。(二)省略8网店美工 第 2 版电子教案字体形态的省略设计,需要对字体的基本结构有全面的掌握,在设计时要充分发挥联想,既要使字体呈现出独特的个性,又要使文字具有可读性,易于区分其字体形态。(三)装饰为了让文字的表现更
16、加具象化,或者增强店铺商品的传播力度,在设计某些文字的过程中,可以在不改变文本整体效果的情况下,在文字的适当位置添加一些修饰元素。三、利用文字营造特定的氛围网店的装修设计除了要符合店铺风格以外,大部分的情况下会随着节气、节日的变化而发生相应的改变。而利用文字这一简单的元素,通过字体形状的变化、修饰元素的添加和色彩的巧妙搭配可以营造出以下特定的氛围。通过本章的学习,我们掌握了拍摄商品照片的基本技巧,并能根据设计风格收集装修素材。学会了如何对网店页面进行配色,熟知常用的配色方法和技巧。了解了页面布局的组成因素和布局方式,学会了使用布局来突出画面的层次感和主次感。能够对段落文字进行合理排列,打造具有
17、高表现力的文字造型,并能利用文字营造特定的氛围。买家进入网店,第一眼体验到的便是视觉上的感受,如果视觉体验不好,就更不用说去看店铺中的商品了,所以一定不能忽视最基本的店铺装修环节。本章主要从图片、配色、布局与文字四个方面介绍如何进行网店装修才能吸引买家眼球,提升转化率。归纳与提高第第 3 3 章章网店装修六大技能修炼网店装修六大技能修炼一、裁图对照片进行裁剪并纠正角度二、抠图选取商品替换背景三、修图完美展现商品细节四、调色校正有色差的商品图片五、编辑美化与修饰商品图像六、文字商品信息辅助说明教学内容9网店美工 第 2 版电子教案【知识目标】1掌握如何对商品照片的尺寸、构图进行调整,对商品外形进
18、行校正。2掌握去除水印、局部擦除、美化处理、调整模特身形、锐化图像的方法。3能够根据网店装修设计的需要,抠出商品图像并替换背景。4掌握调整图片亮度、校正照片白平衡、调整照片色调的方法与技巧。教学要求5能够制作颇具创意感的标题文字,能对段落文字进行艺术化编排。【技能目标】1能够为海报去除水印。2能够对商品图像进行抠图处理。3能够将商品模特图片进行校正调色,使其恢复正常色调。1如何对商品照片的尺寸、构图进行调整。2去除水印、局部擦除、美化处理、调整模特身形、锐化图像的方法。教学重点3抠出商品图像并替换背景的方法。4调整图片亮度、校正照片白平衡、调整照片色调的方法与技巧。5段落文字进行艺术化编排的方
19、法。1如何对商品外形进行校正。教学难点2熟练掌握 Photoshop 的使用方法。3段落文字进行艺术化编排的方法。教学方法讲授法、案例法课时数6 课时教学内容教学内容10网店美工 第 2 版电子教案第一节第一节裁图对照片进行裁剪并纠正角度裁图对照片进行裁剪并纠正角度一、调整图片大小网店平台通常会对装修图片的大小有一定的限制,这是为了让图片能够在网上快速地传输和显示,所以在拿到商品照片素材之后,大多数情况下都需要对商品照片的大小进行重新设置,使其符合网店平台的要求。二、裁剪商品照片中多余的图像摄影师在拍摄商品照片时,为了将商品全部囊括到画面中,有时可能会忽略照片的构图,或者将不需要的对象也纳入画
20、面中,此时可以使用Photoshop 中的裁剪工具或“裁剪”命令来快速裁剪照片中多余的图像,以达到重新定义照片构图的目的。三、对商品外形进行校正在拍摄商品图片时,由于拍摄角度等问题有可能造成照片中的商品外形出现畸形,这会影响买家对于商品外形的判断和理解,此时就需要对商品的外形进行校正。第二节第二节抠图选取商品替换背景抠图选取商品替换背景一、快速抠取单色背景图片在商品照片中,如果背景为纯色,且商品的颜色与背景的颜色差异很大,可以使用Photoshop 中的快速选择工具和魔棒工具将商品图像快速地抠取出来。二、抠取规则的商品图片对于一些外形较为规则、轮廓较为清晰的商品,如外形轮廓为矩形或圆形的商品,
21、可以使用 Photoshop 中的矩形选框工具和椭圆选框工具进行快速选取。使用这两个工具创建的选区边缘更加平滑,能够更加准确地抠取商品的边缘。三、抠取多边形对象有的商品形状并不是规则图形,此时矩形选框工具和椭圆选框工具就不适用了。如果商品的外形为多边形,并且具有非常明显的棱角,使用多边形套索工具可以快速完成商品对象的抠取。四、抠取轮廓清晰的图片对于一些边缘轮廓清晰但不规则的商品来说,使用磁性套索工具更容易抠取,但商品与背景之间最好在颜色或明暗上存在较大的反差,否则抠取效果不会太理想。五、精细抠取图像如果商品图像的边缘不规整但对于抠图质量又有较高要求的情况下,使用钢笔工具抠取图像会更加精细,让合
22、成的画面更加精致。六、抠取复杂或半透明图像在网店装修过程中,还会遇到一些抠取起来比较麻烦的图像,如模特杂乱的发丝、半透明的玻璃等,这些图像的抠取就不能依靠单一的工具了,还要用到一些特殊的命令或面板,进行一些较为复杂的操作才能完成。11网店美工 第 2 版电子教案七、调整抠取的商品图像边缘使用 Photoshop 选区工具创建选区并抠取商品图像的过程中,可以看到这些工具的选项栏中都有一个“调整边缘”按钮。第三节第三节修图完美展现商品细节修图完美展现商品细节一、去除多余的水印(一)使用仿制图章工具去除水印使用仿制图章工具去除水印是比较常用的方法。(二)使用修补工具去除水印如果商品图像的背景颜色或图
23、案比较一致,使用修补工具去除水印就比较方便。(三)使用修复画笔工具去除水印使用修复画笔工具去除水印的方法与使用仿制图章工具相似。二、局部去除多余内容在网店装修的过程中,有时不需要商品广告中的某些内容,或者想使商品照片的背景更加纯粹,这时可以通过局部去除的方法来将多余的内容进行清除,主要使用的是画笔工具。三、对模特进行美化处理如果模特的妆面存在瑕疵,就会影响商品的表现,此时就有必要对模特进行“妆面美容”,其中包括祛斑、磨皮、加深妆容色彩等。四、调整模特身形有时因为模特自身条件、拍摄角度等原因,会导致展示效果不够理想,这时就需要对模特的身形进行调修,最常进行的就是瘦身处理。五、对商品图像进行锐化处
24、理为了让商品的细节更加清晰,需要在 Photoshop 中对商品图像进行锐化处理,方法有两种:一是使用“USM 锐化”滤镜进行快速锐化,二是使用“高反差保留”滤镜进行无杂色锐化。第四节第四节调色校正有色差的商品图片调色校正有色差的商品图片一、调整图片的亮度在商品图片的后期处理中,要先观察照片的整体明暗效果,对于曝光不准确的照片,首先应对全图的明暗进行调整,通过提高亮度和增强暗调,可以让照片的曝光趋于正常。在 Photoshop 中可以通过“曝光度”“色阶”“曲线”等命令调整商品照片的亮度,让其快速恢复正常。(一)用“曝光度”命令进行二次曝光处理Photoshop 中的“曝光度”命令是用于控制照
25、片明暗的有力工具,它的工作原理是模拟数码相机内部的曝光程序对照片进行二次曝光处理,一般用于调整曝光不足或者曝光过度的照片。(二)用“色阶”命令调整商品照片的曝光和层次12网店美工 第 2 版电子教案在 Photoshop 中打开商品照片后,单击“图像”|“调整”|“色阶”命令,在弹出的“色阶”对话框中可以看到直方图,改变直方图的形状即可改变照片中像素的分布,从而改变商品照片的曝光和层次。(三)用“曲线”命令调整不同明暗区域的亮度“曲线”命令和“色阶”命令一样,都是用于调整图像整体明暗的,不同的是“色阶”命令只能调整亮部、暗部和中间灰度的明暗,而“曲线”命令是应用不同的曲线形态来控制图像的明暗对
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网店美工 第2版 网店美工 第2版电子教案 美工 电子 教案
限制150内