1、项目一商品信息采编基础目录 Contents1.1 商品信息采编概述1.2 商品拍摄的前期准备1.3 商品图片的基本处理1.4 商品详情页的设计基础1.5 项目小结商品信息采编指将商品信息以数字化方式进行描述,以便商品的具体信息能在电子商务运作过程中准确、清晰、详细地传递。要想准确了解商品信息采编,需要先对商品信息采编的含义、岗位的职责与技能要求、工作流程、未来发展趋势等进行全面的认识。任务目标1.1 商品信息采编概述任务分析本任务将围绕商品信息采编的基础知识展开介绍。通过对本任务的学习,商品信息采编人员可了解商品信息采编的含义、在电子商务领域中的重要性,以及未来的发展趋势,明白商品信息采编各
2、岗位的职责与技能要求。1.1.1 商品信息采编的含义商品信息采编指商品信息的采集与编辑。在电子商务领域中,商品信息采编的工作主要包括商品拍摄、商品图片处理、商品详情页的设计等,从而为消费者传达准确、清晰、详细的商品信息。1.1.2 商品信息采编在电子商务领域中的重要性商品信息采编在电子商务领域中挥着以下3项重要作用。u 传递商品信息、减少咨询:商品信息采编人员可以将商品信息清晰完整地展现到商品详情页中。u 提升商品品牌形象:专业化的商品拍摄以及精美、富有设计感的商品详情页设计能放大商品的优势。u 提高转化率:提高转化率是商品信息采编的终极目标。如图所示为款式相似的两套衣服的不同拍摄效果,带给消
3、费者的不同感受。1.1.3 商品信息采编各岗位的职责与技能要求1企业电商运营部门企业在网上开设店铺后,会设置电商运营部门来管理网店。电商运营部门下设多种类型的小组,其中美工组就属于商品信息采编中的一个岗位类别。美工组通常由一名主管和多名设计师组成。主管负责日常的商品信息采编活动,对商品信息采编进行统筹管理;设计师负责商品素材的搜集和拍摄,商品图片的处理,以及网店首页、商品详情页、活动页等的相关设计工作。1.1.3 商品信息采编各岗位的职责与技能要求2电商视觉服务公司电商视觉服务公司通常会进行摄影、商品图片美化、页面制作3个方面的工作。u 摄影:由摄影师以及摄影助理根据商品拍摄要求,布置场景与灯
4、光,调试相机参数,选择拍摄角度与距离,进行商品图片的拍摄。1.1.3 商品信息采编各岗位的职责与技能要求2电商视觉服务公司u 商品图片美化:商品图片美化由文案人员和美工人员共同完成,文案人员负责相关的商品文案,美工人员负责商品图片的处理。商品图片调色前后的对比效果对口红“色差原因”所编写的文案1.1.3 商品信息采编各岗位的职责与技能要求2电商视觉服务公司u 页面制作:设计师通过排版与美化处理后的商品图片和文案,进行商品页面的设计。1.1.3 商品信息采编各岗位的职责与技能要求3普通网店普通网店对商品信息采编人员的要求比较全面,商品信息采编人员不仅需要掌握商品摄影、图片处理,还需要掌握页面设计
5、与网店装修等。下面为某网店商品信息采编的岗位职责。u 拍摄商品图片,对商品图片进行优化 处理。u 制作商品详情页并上传。u 装修美化店铺,定期更新店铺页面,将店铺销售活动信息呈现在首页中。1.1.4 商品信息采编的工作流程对各企业商品信息采编岗位的分析可知,商品信息采编的流程一般包括3个环节:商品拍摄、商品图片处理、主图与详情页设计,下面对不同环节的工作流程进行介绍。u 商品拍摄工作流程u 商品图片处理工作流程u 主图与详情页设计工作流程分析商品的特点制定拍摄方案拍摄商品导出图片裁剪或尺寸调整美化图片文案编写主图和商品详情页设计 1.1.5 商品信息采编工作的未来发展趋势1平台移动化由于移动设
6、备的便携性和互联网的支持,使得移动电子商务迅速发展。移动电商成为电子商务领域中的一个新的增长点,平台移动化成为未来电商发展的趋势。如图所示为某童装品牌移动端的商品详情页部分,与PC端相比,界面更加简洁,更方便消费者浏览。1.1.5 商品信息采编工作的未来发展趋势2设计扁平化设计扁平化指放弃不必要的装饰效果,如阴影、透视、纹理和渐变等,通过丰富的色彩和有趣的图形来传达信息。如图所示为采用扁平化设计的研磨机详情页页面,其页面版式优美、图形简洁直观。1.1.5 商品信息采编工作的未来发展趋势3虚拟互动化如图所示为虚拟试衣间App中的虚拟试衣界面,消费者可以通过头像拍照,填写身高、体重等信息制作模特,
7、然后选择衣服在模特身上进行试穿,试穿满意后,单击试穿的商品就可以直接跳转到淘宝、拼多多等购物平台进行该衣服的购买。目录 Contents1.1 商品信息采编概述1.2 商品拍摄的前期准备1.3 商品图片的基本处理1.4 商品详情页的设计基础1.5 项目小结通过前面的学习,我们了解了商品信息采编的工作流程,其中商品拍摄是商品信息采编的第一步,在拍摄前商品信息采编人员需要掌握拍摄器材、拍摄原则、拍摄构图、拍摄布光等专业知识。任务目标1.2 商品拍摄的前期准备任务分析本任务将对商品拍摄的准备工作,以及商品拍摄需要掌握的理论知识进行介绍。通过本任务的学习,商品信息采编人员能够合理利用拍摄器材并结合拍摄
8、构图、拍摄布光技巧来完成高质量的商品图片与商品视频的拍摄。1.2.1 商品拍摄器材的准备在拍摄商品时,首先需要选择一款具有手动设置功能的数码相机,商品信息采编人员可手动设置光圈大小、快门速度与感光度等拍摄参数,以对光线进行灵活地控制,拍摄出更清晰、真实、完美的商品图片。关键拍摄参数解释如下。1.相机选择与参数设置光圈大小光圈用于控制进光量。快门速度快门用于控制光线照射感光元件的时间,即曝光时间的长短。感光度感光度一般用ISO表示,指感光组件对进入机身光线的敏感程度。1.2.1 商品拍摄器材的准备要完成商品的拍摄,不仅需要相机,还需要如下很多辅助配件器材。其分别如下。2辅助配件器材的选择u 遮光
9、罩u 柔光箱u 三脚架u 静物台u 柔光箱u 闪光灯u 无线引闪器柔光箱u 照明灯u 反光伞u 反光板u 背景纸1.2.1 商品拍摄器材的准备2辅助配件器材的选择静物台遮光罩柔光箱闪光灯反光伞反光板1.2.2 商品拍摄的原则一般来说,可遵循以下拍摄原则,提高商品图片的质量。支撑技术商品图片清晰风格统一背景干净合适细节展示到位打光自然减少色差尺寸展示到位1.2.3 商品拍摄的方位与角度在拍摄商品图片时,常用的拍摄方位有商品的正面、背面、侧面和底部等,结合多种方位进行拍摄可以对商品进行全方位的展示,从而帮助消费者了解商品外观。如图所示为多角度展示的商品图片。1.2.3 商品拍摄的方位与角度此外,采
10、用不同的拍摄角度也会得到不同的拍摄效果。常见的拍摄角度有3种:俯拍、平拍和仰拍。u 俯拍:俯拍适合体积比较细小、结构比较平面的商品。u 平拍:平拍可以还原商品的真实外观。u 仰拍:仰拍会使拍摄的商品底部显大,顶部显小,使商品更加立体、美观。1.2.4 商品拍摄的构图与注意事项优秀的构图、精巧的摆放与搭配可以更好地展现商品的特点,是商品拍摄很重要的一部分。常见的构图方式有以下7种。中心构图横向构图竖向构图对称式构图井字构图对角线构图三角形构图1.2.4 商品拍摄的构图与注意事项在进行商品拍摄的构图时,需要注意以下4个方面。u 巧妙留白:巧妙的留白可以使整个画面变得干净整洁,更具美观度。u 商品的
11、二次设计和美化:拍摄时可以充分发挥想象,通过摆放、折叠等手段,使商品具备独特的设计感。u 商品的搭配与点缀:拍摄商品时,可添加一些饰品来对商品进行点缀,烘托氛围。u 商品摆放的疏密和序列感:摆放多件商品时,不仅要考虑造型的美感,还要符合构图的合理性。1.2.5 商品拍摄的布光方式合理的布光能使拍摄的效果更立体,展现的效果更真实。常见的布光方式有以下5种。1顺光顺光是最常用的照明光线,因为顺光照明均匀、阴影面少,可完整地表现出被摄物的色彩和表面细节,如图所示。如图所示,正面两侧布光要求室内光源均衡,光照的强度要够大。1.2.5 商品拍摄的布光方式2逆光逆光即后方布光,指从被摄物后面打光,被摄物与
12、背景存在着极大的明暗反差,光源会在被摄物的边缘勾画出一条明亮的轮廓线,如图所示。1.2.5 商品拍摄的布光方式3侧光侧光指在被摄物的左侧或右侧打光。侧光在被摄物上形成明显的受光面、阴影面和投影,如图所示。1.2.5 商品拍摄的布光方式3侧光侧光的布光方式有以下3种。u 前后交叉布光:前后交叉布光是前侧光与后侧光的组合,如图所示。u 两侧45角布光:两侧45角布光拍摄时,被摄物的受光面在顶部,正面并未完全受光,如图所示。u 单侧45角的不均衡布光:是在另一侧使用反光板或白色泡沫板将光线反射到阴影面上。1.2.5 商品拍摄的布光方式4顶光顶光指从被摄物的上方打光,与相机成90角的光线。用顶光进行拍
13、摄,被摄物的下方会产生较重的投影,且投影很短,如图所示。在摄影棚拍摄人像时一般不单独使用顶光作为主要的照明光源,常将顶光用作修饰光使用。1.2.5 商品拍摄的布光方式5底光底光指从被摄物下方打光。由于不同商品材质对光线的反射情况不同,其光线的性质也不同。根据光线的性质特点,可将光线分为直射光、散射光和反射光3种。反射投影光散射柔和光直射硬光1.2.6 商品拍摄的环境要求商品拍摄的环境分为室外与室内两种,下面分别进行介绍。室内拍摄对拍摄场地的面积、背景布置、灯光环境等都有要求,同时需要准备辅助器材。室外拍摄在布光方式上主要采用自然光加反光板补光的方式进行拍摄,这样拍摄的图片更加自然。1.2.7
14、商品短视频拍摄要求为了提高消费者对短视频的好感,在拍摄时,除了保证短视频有足够的清晰度外,还需要满足以下要求。创意感视频文案简练封面精美拍摄思路清晰目录 Contents1.1 商品信息采编概述1.2 商品拍摄的前期准备1.3 商品图片的基本处理1.4 商品详情页的设计基础1.5 项目小结商品图片拍摄完成后,即可针对商品图片中存在的问题进行处理,如商品图片太灰暗、存在色差、尺寸不满足网店装修的需求等,为了使拍摄的商品图片更加真实,就需要掌握一些商品图片的处理技巧与方法。任务目标1.3 商品图片的基本处理任务分析商品图片的处理工作一般是从商品图片的裁剪与尺寸大小的修改开始,然后才是商品图片的调色
15、、修饰等。为了将商品图片中的商品单独应用到主图、商品详情页等不同的场景中,商品抠图也是必不可少的技能。本任务将对上述知识的具体实施过程进行具体介绍。1.3.1 商品图片的裁剪与尺寸大小修改相机拍摄的商品图片尺寸通常较大,并且宽高比是固定的,为了得到精确的尺寸,需要对不同端口的商品图片的尺寸大小进行了解。商品主图的图片格式为JPG、GIF、PNG,大小不超过200KB,PC端电商店铺和跨境电商店铺主图尺寸为800像素800像素,移动端电商店铺主图尺寸为600像素600像素。商品主图尺寸商品详情页尺寸如淘宝详情页图片的宽度是750像素,天猫商品详情页的图片宽度是790像素。在移动端,电商店铺的商品
16、详情页所有图片总大小不能超过1 536KB。商品图片宽度建议为480像素620像素、高度建议不超过960像素。1.3.1 商品图片的裁剪与尺寸大小修改下面以主图为例,使用Photoshop CS6将“包头女鞋.jpg”素材裁剪成宽高比为1:1的图片,并将尺寸设置为800像素800像素,将大小控制在200KB以内,具体操作步骤如下。1 打开素材文件2 选择裁剪区域1.3.1 商品图片的裁剪与尺寸大小修改3 完成裁剪4 调整图像尺寸5 完成存储操作1.3.2 商品图片的调色光线的颜色、强弱,周围有色景物的反射,都可能导致拍摄的商品图片出现色差。下面先打开“毛线外套.jpg”素材,调整图片的整体色调
17、,然后调整商品颜色,具体操作步骤如下。1 打开素材文件并调整曲线2 素材调整前后的对比效果1.3.2 商品图片的调色3 设置图层混合模式4 将路径转化为选区1.3.2 商品图片的调色5 调整“色彩平衡”6 查看完成后的效果1.3.3 商品图片的多余部分处理下面打开“钥匙挂件.jpg”素材,对背景的瑕疵进行处理,使整体效果更加美观,具体操作步骤如下。1 绘制选区2 拖动选区3 完成操作1.3.4 商品图片的抠图与背景更换在制作商品主图、商品海报时往往需要抠取单个商品,以方便后期的制作需求。具体操作步骤如下。1 打开素材并绘制路径2 将图像拖动到背景中3 调整图像大小 1.3.4 商品图片的抠图与
18、背景更换4 选中“投影”复选框5 查看投影效果1.3.5 任务拓展1更改鼠标颜色本任务拓展将绿色鼠标,如图所示。通过观察可以发现商品图片的背景颜色单一,只需将绿色改成黄色即可,其他颜色不受鼠标颜色影响,因此可通过“可选颜色”命令,选择绿色部分图像并更改为黄色。1.3.5 任务拓展2扣取饼干包装本任务拓展将打开“熊字饼干.jpg”素材,将包装从背景中抠出。由于包装边缘复杂,因此在扣取时,首先使用钢笔工具绘制路径,然后将路径转化为选区,最后新建白色图层作为背景并将选区放置到新建的图层上,素材与效果如图所示。目录 Contents1.1 商品信息采编概述1.2 商品拍摄的前期准备1.3 商品图片的基
19、本处理1.4 商品详情页的设计基础1.5 项目小结人们在购买商品时,都会先浏览商品详情页,再决定是否购买该商品。为了设计出排版美观、卖点突出、吸引力强的商品详情页,商品信息采编人员还需要掌握详情页的文案排版方式、色彩搭配方式、构图方式等知识。任务目标1.4 商品详情页的设计基础任务分析为了更好地完成商品详情页的设计与制作,在设计前商品信息采编人员需要编辑商品详情页文案,选择商品详情页的主色调并进行色彩搭配,以及选择合适的结构对商品图片和文案进行排版。1.4.1 商品详情页的文案排版方式商品文案的排版设计也相当重要,下面将对商品详情页的文案排版原则进行介绍。文案不能干扰商品展示文案不能破坏营造的
20、氛围文案信息具有主次之分1.4.2 商品详情页的色彩搭配方式不同的商品类目在色彩的运用上也有所不同。因此在设计商品详情页时,主色调应根据其给消费者的视觉感受而定。如图所示,洗衣液采用蓝色主色调,与洗衣液“深层洁净”的主题契合。1选择合适的主色调1.4.2 商品详情页的色彩搭配方式不同的色彩搭配将带来不同的视觉感受,下面分别进行介绍。2选择合理的配色方案同色系搭配间隔色搭配相邻色搭配互补色搭配1.4.2 商品详情页的色彩搭配方式在进行商品详情页的设计时可以采用多种颜色进行搭配,使页面视觉更显活跃。但需要注意详情页的整体色彩最好不要超过3种。整个详情页的配色比例最好是70%为主色,25%为辅色,5
21、%为点缀色。3控制配色比例1.4.3 商品详情页的构图方式下面介绍常见的几种构图方式。上下构图斜切构图左(中)右构图底层构图放射构图对角构图1.4.4 商品详情页的设计要点设计商品详情页时,不能太简单也不能太繁杂。下面对商品详情页的设计要点进行介绍。一篇完整的商品详情页往往由多个模块组成。逻辑清晰商品详情页中编写商品文案时需要有创意,这样才能从众多商家中脱颖而出。差异化文案商品详情页的排版方式等应具有协调统一性,各个模块之间的版式分割要统一。风格统一商品详情页要与主图、商品标题相契合,商品详情页必须真实地介绍出商品的属性。忌过度夸张设计要点1.4.5 任务拓展1乐町T恤详情页色彩搭配赏析如图所
22、示为乐町T恤详情页的场景展示效果。通过观察可发现商品背景、文案、线条、商品都采用了同色系搭配,整体效果和谐自然。本任务拓展中为一件黄色的T恤,背景、文案在黄色的基础上加入了黑色,明度和纯度降低,用以突出商品,文案中用高纯度的黄色进行点缀,打破大段文案的暗沉氛围,使整个版面充满活力,同时与商品颜色相呼应。1.4.5 任务拓展2巴拉巴拉短裤详情页构图赏析如图所示为巴拉巴拉短裤详情页“特色卖点”部分,采用了上下构图与左右构图的方式,其中,“特色卖点”与下面两张海报图的排列方式为上下构图,两张海报虽然为左右构图,但文案和商品呈对角线分布,使版面平衡感增强。目录 Contents1.1 商品信息采编概述
23、1.2 商品拍摄的前期准备1.3 商品图片的基本处理1.4 商品详情页的设计基础1.5 项目小结1.5 项目小结本项目主要介绍了商品信息采编的一些基础知识,包括商品信息采编概述、商品拍摄的前期准备、商品图片的基本处理、商品详情页的设计基础,1.21.4实质是对1.1中商品采编工作流程与技能的延伸,这些基础知识的学习是进行商品信息采编的前提,可为后面商品采编实战的操作奠定基础。1.5 项目小结 商品信息采编概述主要介绍了商品信息采编的含义,商品信息采编在电子商务中的重要性,商品信息采编不同岗位的技能要求、工作流程和未来发展趋势等,以帮助读者认识与理解商品信息采编岗位。商品拍摄时需要遵循一定的商品拍摄原则,如商品图片清晰、背景干净等。然后选择合适的环境,摆放商品,调整拍摄角度、方位与布光方式,通过合适的拍摄器材来完成商品图片或商品视频的拍摄。商品图片处理则主要是通过Photoshop中的调色命令,以及裁剪工具、钢笔工具、修复画笔工具等,对商品图片进行简单的调整、调色、修饰,使其更加规范、美观。商品详情页的设计是在商品图片处理完成后,通过编写文案并配合处理后的商品图片进行页面排版。在排版时需要掌握详情页文案排版方式、色彩搭配、版面构图,以及商品详情页的设计要点等知识。学习进步