E-commerce Training Camp
电商训练营:网店美工
人民邮电出版社
北京
图书在版编目(CIP)数据
电商训练营.网店美工/蔡雪梅编著.--北京:人民邮电出版社,2019.2
ISBN 978-7-115-49324-8
Ⅰ.①电… Ⅱ.①蔡… Ⅲ.①网店—设计 Ⅳ.①F713.365.2
中国版本图书馆CIP数据核字(2018)第208134号
◆主编 蔡雪梅
责任编辑 牟桂玲
责任印制 马振武
◆人民邮电出版社出版发行 北京市丰台区成寿寺路11号
邮编 100164 电子邮件 315@ptpress.com.cn
网址 http://www.ptpress.com.cn
北京瑞禾彩色印刷有限公司印刷
◆开本:700×1000 1/16
印张:17.25 2019年2月第1版
字数:367千字 2019年2月北京第1次印刷
定价:59.80元
读者服务热线:(010)81055410 印装质量热线:(010)81055316
反盗版热线:(010)81055315
广告经营许可证:京东工商广登字20170147号
本书从零基础出发,通过理论结合实例的形式,全面、系统地介绍了网店美工的必备知识、技能和工作内容,旨在为网店美工,尤其是淘宝美工的初学者,提供实用的图片处理及店铺装修指导,帮助其快速适应岗位需求,轻松搞定各种技术活。
本书共有10章,第1章至第9章介绍网店美工的必备知识与操作技巧,包括拍摄并处理商品图片、设计店铺装修元素、制作宣传推广图、制作店铺首页、拍摄与制作视频、制作商品详情页、装修店铺页面、设计手机端淘宝店页面等。第10章通过一个售卖旅行箱的店铺页面设计的综合案例,对前面所学的知识进行巩固和实践。
本书可作为各类电子商务培训机构和高等院校电子商务专业的培训教材,也可作为电商从业人员全面了解网店美工工作的参考书。
PREFACE
行业背景
电子商务作为现代服务业中的重要产业,在生活中处处可见,小到上网购物,大到跨国公司的网上商务洽谈等。随着电子商务产业的蓬勃发展,越来越多的人开始加入电子商务市场创业,电子商务培训市场也应运而生。它帮助没有基础和经验的人了解电商行业,并且针对电商行业的不同岗位进行技能培训,使被培训者能够快速适应岗位需求,顺利成为电商大军中的一员。为了更好地帮助各类院校或培训班快速培养优秀的电商技能型人才,也为了帮助学生更好地学习和实践,我们走访了很多皇冠级卖家,在调研了各类目店铺的经营情况后,以店铺的实际岗位需求为导向,以“学用结合”为原则,编写本书,主要面向网店美工岗位。
本书内容
本书围绕网店美工的工作职责,以理论结合实例的形式,全面、系统地介绍网店美工的必备知识、技能和工作内容。全书共10章,各章的具体内容如下。
第1章~第2章:主要介绍网店美工岗位的工作职责,网店美工必须掌握的设计要点、文案、装修等知识,以及图片的拍摄和处理方法。
第3章~第7章:主要介绍店铺Logo、店标、优惠券、快速导航条、主图、直通车推广图、智钻图、推广视频以及店铺首页和详情页的制作方法。
第8章:主要介绍利用Photoshop和Dreamweaver辅助装修店铺页面的方法。
第9章:主要介绍手机淘宝店铺的设计与装修方法。
第10章:通过制作旅行箱首页和详情页的综合案例,巩固淘宝店铺首页和详情页的制作方法。
本书特点
1.内容系统,注重应用
本书从网店美工岗位职责开始讲解,按照网店美工工作阶段逐步深入,详细介绍美工如何处理图片,如何制作装修元素、主图、首页、详情页等。最后通过一个旅行箱首页和详情页制作的综合实例,对前面所学的知识进行巩固和实践。
2.案例丰富,贴合实际
本书提供了54个典型实战案例,涵盖了店铺装修的方方面面,具有很强的参考价值。读者可以将案例的设计思想、实现方法直接应用到店铺的装修设计中,也可以活学活用,举一反三。
3.图解操作,易学易懂
本书涉及的操作部分,均以详细、直观的图解方式进行讲解,零基础的读者也可以轻松上手,举一反三。
4.经验分享,贴心提点
书中特设“高手支招”和“提个醒”小栏目,其内容为资深设计师在大量实践中总结和提炼的宝贵经验和实战技巧,以帮助读者更好地理解和掌握重点内容,避开网店设计与装修的误区。
5.视频教程,全程辅导
本书通过二维码的方式提供书中所有操作的高清视频演示,视频内容清晰、直观,并配有语音讲解,读者一看即懂,一学即会。
6.实用资源,免费获取
为了便于读者学习和提升自己的职业能力,本书提供了大量的实用资源,包括PPT课件素材文件、效果文件、同步操作视频、教案等内容,读者可根据需要选学这些内容,丰富自己的知识,使技能更进一步。关注微信公众号“职场研究社”,可免费获取这些赠送资源以及更多拓展学习资源。
本书由蔡雪梅主编,参与资料收集、视频录制及书稿校对、排版等工作的人员还有肖庆、李秋菊、黄晓宇、赵莉、蔡长兵、牟春花、李凤、熊春、李星、罗勤、蔡飓、曾勤、廖宵、何晓琴、罗勤、李婷婷、蒲加爽等。由于作者水平有限,书中难免存在不足之处,欢迎广大读者批评指正,我们的联系邮箱是muguiling@ptpress.com.cn。
编者
本章导读
随着网络营销的发展壮大,网店美工人员的市场需求日益增多。作为一位网店美工人员,要想在激烈的市场竞争中争得一席之地,对网店美工知识的掌握与应用就变得尤为重要。因此,在学习设计操作前应了解美工的基础知识,包括如何胜任网店美工职位、美工设计要点、美工文案知识、店铺装修知识、涉及的设计软件等。本章将对这些基础知识进行详细介绍。
知识技能
※ 了解网店美工必须掌握的设计要点
※ 了解网店美工必须掌握的文案知识
※ 熟悉网店美工必须掌握的装修知识
※ 熟悉网店美工必须掌握的软件
很多人对网店美工的认知仅仅停留在图片处理、页面美化和店铺装修上,其实并不尽然,网店美工是集平面、色彩、基调、创意等为一体的技术型人才,是一个产品级的平面设计师。网店美工通过有针对性地对某一个产品图片或主题海报进行技术处理,使客户看后产生购买的欲望,从而达到提高点击率和店铺销量的效果。下面介绍胜任网店美工岗位的基本技能要求,让新手美工对本行业有个初步的了解。
网店美工与常见的美术工作者不同,其主要负责网店的店面装修,以及产品图片的创意处理。与普通的美工相比,网店美工对平面设计与软件应用的要求更高,其具体的工作范畴如下。
凸显店铺特色 目前网店中同类型的店铺繁多,若想在众多的店铺中脱颖而出,特色就变得十分重要。只有展示出自己店铺的特色才能够吸引更多的顾客驻足,从而提高点击率,增加交易量。所以美工在装修店铺时,设计出属于自己店铺的特色是成功的第一步。
美化商品 使用相机拍摄的宝贝图片是不能够直接上架销售的。为了更好地展现商品的效果,对商品图片进行美化和修饰必不可少。但是需要谨记的是,图片不可过度美化,保持图片本真、让顾客乐意接受才是最重要的。
装修与设计店铺 美工工作不单单是将图片处理后添加到淘宝自带的装修模块中,一个好的美工应能在固有模式中融入创造性思考,发现设计的新视角,形成独一无二的装修风格,给受众中留下深刻的印象。
设计活动页面 在网店平台中,会不定期举行各种促销活动,为了达到“与众不同”,从竞争激烈的店铺页面中脱颖而出并得到顾客青睐,活动页面的设计十分重要。这时,优秀的网店美工更需要透彻理解活动的目的,通过店铺活动页面的设计将活动意图传达给顾客,让顾客了解活动的内容、促销的力度,促使顾客产生购买的欲望,从而促进销量的提升。美工在设计活动页面时,要注意契合活动主题,页面美观,突出活动亮点。
根据推广方式设计活动海报 推广是将自己的产品、服务、技术等内容通过种媒体让更多的用户了解、接受,从而达到宣传与普及的目的。对网店美工来说,推广主要是通过图片将网店的产品、品牌、服等传达给顾客,加深店铺在顾客心中的印象,获得认同感。而网店推广方式因为推广活动、推广手段的不同,活动海报的规格大小不一,文件格式有时也有很多限制,这就为网店美工人员提出了更多的要求。活动海的设计不仅需要在现有的标准下有效地向顾客传达设计的意图,还要体现产品的价。同时宣传文案的编写也需要言之有据,让顾客能够快速理解,并对其产生深刻的印象。就各务报值
要成为一名合格的网店美工,首需要有扎实的美术功底和良好的创力,能够对美好的事物有一定的鉴能力;具有基本的图像处理与设能力,能够熟练使用Photoshop、reamweaver、 Flash等设计软件。先造赏计D
其次,由于网店注重“产品”和“用户体验”,因此要求美工人员能够通过图片准确地向客户表达出产品的特点并挖掘潜在的客户需求。通过图片、文字、色彩的搭配,表现产品的独特性,让客户感觉产品的与众不同;从运营丶推广丶数据层面思考提升图片的点击率和转化率的方法和路径,并能通过技术层面来实现,是一个合格的网店美工应具备的基本技能。
网店美工除了掌握基本的软件操作外,还需要掌握产品的信息、注意事项、卖点、劣势和优势等问题。做到卖点突出,扬长避短,是成为一个合格网店美工的考核标准。网店美工需注意的问题如下。
思路清晰 在装修店铺和处理图片前,需要有一个明确的设计思路,即确定一个“大框架”,在该框架中标明店铺主要售卖什么产品,产品有什么特点,可以选择哪些元素进行装修,让其不但美观、吸引眼球,还能让产品真实地展现在买家眼前。
把握装修契机 在装修网店的过程中,还要借助一定的活动契机,如双11促、元旦促销等。网店美工应借助活动的东对店铺进行适时、适宜的装修,营造活动围,精确把握每一个入店客户,从而促进品的销售。销风氛产
风格与形式相统一 店铺装修不但要行合理的色彩搭配,还要统一店铺和详情页的风格,因此在选择分类栏、店铺公告和乐等项目时,统一风格变得尤为重要。进音
做好文案、图片、视频的前期准备淘宝网中,不是申请了某个活动后才开始动的准备,活动准备往往需要提前1~2个月行。因此,在活动前期,就应准备好活动文案、图片、视频等素材,在活动来临之完成素材的整理工作。在活进的前
突出主次 在网店装修过程中,网店美工切忌不要为了追求漂亮、美观的效果,对网店进行过度的美化或添加过多的装饰素,这样会使商品图片不突出,掩盖商品卖点,展现的效果适得其反。而元的
了解了岗位需求和岗位技能后,网店美工还需要对设计要点进行掌握,这样构图才能够更加合理,设计的效果才能够更加出彩。网店美工必须掌握的设计要点有点、线、面三大基本设计元素,颜色的搭配和视觉构图等3个方面,下面分别进行介绍。
点、线、面是图像中最基本的三大元素,并且点、线、面具有不同的情感特征,三者结合使用,可构成丰富的视觉效果。
1.点
点是可见的最小的形式单元,具有聚视觉的作用,可以使画面布局显得理、灵动且富有冲击力。点的表现形丰富多样,既包含圆点、方点、三角点等规则的点,又包含锯齿点、雨点、凝合式泥点、墨点等不规则的点。
点没有一定的大小和形状,画面中越小的形体越容易给人点的感觉,如漫天的雪花、夜空中的星星、大海中的帆船和草原上的马等。点既可以单独存在于页面之中,也可组合成线或者面。
点的大小、形态、位置不同,所产生的视觉效果、心理作用也不同。下图所示为一款“年中盛宴”的海报,它以小矩形、三角形、小网格为点,排列成不同的形状,装饰画面并突出人物和箱子主体,很好地表现了画面中的主体内容,让买家一眼便知本次活动的主题,是一个较为成功的案例。
2.线
线在视觉形态中可以表现长度、宽度、位置、方向性和性格,具有刚柔共济、优美和简洁的特点,经常用于渲染画面,引导、串联或分割画面元素。线分为水平线、垂直线、斜线、曲线。不同线的形态所表达的情感是不同的。直线单纯、大气、明确、庄严;曲线柔和流畅、优雅灵动;斜线具有很强的视觉冲击,可以展现活力四射。下图以照射的太阳光为线,通过不同颜色的搭配,使画面更具有视觉冲击,从而凸显钻石的闪烁。
3.面
点的放大即为面,线的分割产生各比例的空间也可称为面。面有长度、度、方向、位置、摆放角度等特性。版面中,面具有组合信息、分割画、平衡和丰富空间层次,烘托与深化题的作用。面在设计中的表现形式一分为两种,即几何形、自由形。种宽在面主般
几何形 几何形是指有规律的易于人们所识别、理解和记忆的图形,包括圆形、矩形、三角形、棱形、多边形等,以及线条组成的不规则几何元素。不同的几何形有不同的感情,如矩形给人稳重、厚实与矩的感觉;圆形给人充实、柔和、圆满的感觉;正三角形给人坚实、稳定的感觉;不则几何形状给人时尚活力的感觉。若背景用不规则几何形状切割画面,与产品配,可以为画面营造前后层次感,避免画面背景过于单调,下图为矩形面的效果。被具规规采合
自由形 自由形来源于自然或灵感,比较洒脱、随意,可以营造淳朴、生动的视觉效果。自由形可以是表达作者个人情感的各种手绘形,也可以是曲线弯曲形成的各种有机形,还可以是自然力形成的各种偶然形,下图为使用不同的形状形成面,并通过涂鸦的显示,让画面变得鲜活。
淘宝店铺的色彩与风格是买家进入店铺中首先感受到的东西,因此色彩是做好店铺装修的基础。很多卖家在装修店铺时,喜欢将一些酷炫的色块随意地堆砌到店铺里,让整个页面的色彩杂乱无比,给买家造成视觉疲劳。而好的色彩搭配不但能够让页面更具亲和力和感染力,还能吸引买家持续浏览,增加店铺停留时间。下面对色彩的属性、搭配方法进行介绍。
1.色彩的属性与对比
色彩由色相、明度以及纯度3种属性构成。色相,即各类色彩的视觉感受;明度是眼睛对光源和物体表面的明暗程度的感觉,取决于光线的强弱;纯度也称饱和度,是指色彩鲜艳度与浑浊度的感受。在搭配色彩时,经常需要用到一些色彩的对比。
明度对比 利用色彩的明暗程度进行对比。恰当的明度对比可以产生光感、明快感、清晰感。通常情况下,明暗对比较强时,可以使页面清晰、锐利,不容易出现误差,而当明度对比较弱时,配色效果往往不佳,页面会显得柔和单薄、形象不够明朗。下图为红色的不同明度对比效果。
纯度对比 利用纯度的强弱形成对比。纯度较弱的对比画面视觉效果也就较弱,适合长时间查看;纯度适中的对比画面效果越和谐、丰富,可以凸显画面的主次;纯度越强的对比画面越鲜艳明朗、富有生机。下图为红色的不同纯度对比。
色相对比 利用色相之间的差别形成对比。进行色相对比时需要考虑其他色相与主色相之间的关系,如原色对比、间色对比、补色对比、邻近色对比,以及最后需要表现的效果。下图为衡量色差需要借助的色相环。
冷暖色对比 从颜色给人带来的感官刺激考量,黄、橙、红等颜色给人带来温暖、热情、奔放的感觉,属于暖色调;蓝、绿、紫给人带来凉爽、寒冷、低调的感觉,属于冷色调,下图所示为冷色调的海报。
色彩面积对比 各种色彩在画面中所占面积的大小不同,所呈现出来的对比效果也就不同。下图在页面中使用了大面积的黑白色,若在其中加入适当的红色和蓝色,可起到协调和平衡视觉的作用。
2.色彩的搭配
色彩的搭配是一门技术,灵活运用搭配技巧能让网店的装修风格更具有感染力和亲和力。在选择页面色彩时,需要选择与店铺类目相符合的颜色,因为只有颜色协调才能营造出整体感。下面对不同色系应用的领域和搭配方法进行具体介绍。
白色系 白色称为全光色,是光明的象征色。在网店设计中,白色具有高级和科技的感觉,通常需要和其他颜色搭配使用。纯白色会带给人寒冷、严峻的感觉,所以在使用白色时,都会掺一些其他的色彩,如象牙白、米白、乳白、苹果白等。另外,在同时运用几种色彩的页面中,白色和黑色可以说是最显眼的颜色。在网店设计中,当白色与暖色(红色、黄色、橘红色)搭配时可以增加华丽的感觉;与冷色(蓝色、紫色)搭配可以传达清爽、轻快的感觉。正是由于这种特点,白色常用于传达明亮、洁净感觉的产品。
黑色系 在网店设计中,黑色具有高贵、稳重、科技的感觉,许多科技产品的用色,如电视、摄影机、音箱大多采用黑色。黑色还具有庄严的感觉,也常用于在一些特殊场合的空间设计,生活用品和服饰用品设计大多利用黑色来塑造高贵的形象,也是一种永远流行的主要颜色,黑色的色彩搭配适应性非常广,无论什么颜色与黑色搭配都能取得鲜明、华丽、赏心悦目的效果。
绿色系 绿色本身具有一定的与健康相关的感觉,所以也经常用于与健康相关的网店。绿色还经常用于某些公司的公关站点或教育站点。当搭配使用绿色和白色时,可以得到自然的感觉,当搭配使用绿色和红色时,可以得到鲜明且丰富的感觉。同时,一些色彩专家和医疗专家们提出绿色可以适当缓解眼部疲劳,为耐看色之一。
蓝色系 高纯度的蓝色会营造出一种整洁轻快的感觉,低纯度的蓝色会给人一种都市化的现代派感觉。蓝色和绿色、白色的搭配在我们的现实生活中也是随处可见的,它的应用范围几乎覆盖了整个地球。主颜色选择明亮的蓝色,配以白色的背景和灰色的辅助色,可以使网店干净而简洁,给人庄重、充实的感觉。蓝色、清绿色、白色的搭配可以使页面看起来非常干净清澈。下图所示为将蓝色系用于家具网店的效果。
红色系 红色是强有力、喜庆的色彩,具有刺激效果,容易使人产生冲动,是一种雄壮的精神体现,给人愤怒、热情、活力的感觉。在网店装修中,红色常用于突出色彩,因为鲜明的红色极容易吸引人们的目光。高亮度的红色通过与灰色、黑色等无彩色搭配使用,可以得到现代且激进的感觉。低亮度的红色通过冷静沉着的感觉营造出古典的氛围。在商品的促销设计中,往往用红色起到醒目作用,以促进产品的销售。
在进行店铺装修设计时,需要根据商品与主题要求,将要表现的信息合理地组织起来,构成一个协调完整的画面。良好的视觉构图能够让店铺更加出彩,为了提高构图水平,下面对常见的构图方法进行介绍。
中心构图 中心构图指在画面中心位置安排主元素,如商品或促销文案。这种构图方式给人稳定、端庄的感觉,适合对称式的构图,可以产生中心透视感,在使用该构图方式时,为了避免画面呆板,通常会使用小面积的形状、线条或装饰元素进行灵活搭配,增强画面的灵动感。
九宫格构图 九宫格构图是指用网格画面平均分成9个格子,在4个交叉点,选一个点或者两个点作为画面的主物体的位,同时其他点还应适当考虑平衡与对比等因素。该构图方式富有变化与动感,是常用构图方式之一。将择置的
对角线构图 是指画面主题居于画面的斜对角位置,能够更好地呈现主题的动势,表现出立体效果。
三角形构图 三角形构图指画面中以个视觉中心为元素的主要位置,形成一个稳的三角形。三角形构图具有安定、均衡但失灵活的特点。3定不
黄金分割构图 黄金分割构图是指将画面一分为二,其中较大部分与较小部分之比等于整体与较大部分之比,其比值为1:0.618或1.618:1。0.618是公认的最具美学价值的比例,具有艺术性与和谐性。
网店与实体店一样会不定期地举行促销活动,如聚划算、淘抢购、新品上线、满减等,这些活动不仅需要大量的图片来进行展示,还需要添加必要的说明文字和宣传文字,以便更好地突出产品的特点,让客户一目了然。在一些规模较大的网店中,文案策划是一个单独的职位,而在很多中小卖家的店铺,网店美工也需要兼职文案的工作。下面对文案在网店美工中的重要性以及文案的策划与编写分别进行介绍。
文案在商品的表现力上起着重要的作用。美工在策划文案时,需突出商品的卖点,并能有效地抓住买家的购买心理,强化品牌的影响力。
突出卖点 网店中的交易主要取决于商品图片与商品的文字说明。没有文字说明的图片无法完整地表达商品的特点与卖点,而没有图片的文字则无法吸引买家,因此图片和文字缺一不可。
精确抓住买家的购买心理 好的文案能够有效吸引浏览者,并能精确抓住买家的购买心理,激起其购买欲望,从而促进产品的销售。好的文案相当于一名优秀的导购,不仅能很好地介绍商品,还能减少买家的购买顾虑。
强化品牌的影响力 品牌和文案是辅相成的,通过文案可以让更多的客户了并熟悉品牌,提高品牌的知名度,帮助店拓展市场。当品牌积累了一定的效应后,案也有了品牌风格,它将吸引更多的新顾,并有机会将新客户发展为老客户。美工需要结合图片与文案进行设计,达到让新户认可,提升品牌知名度的效果。相解铺文客就客
在大型的淘宝店铺中,文案和美工分开的。当需要文案时,美工只需要文案策划者进行沟通即可。而在一些的淘宝店铺,为了减少成本的投入,往会将文案的策划与编写都交由美工力完成,此时了解一些文案的策划与是跟小往独编写方法则变得尤为重要。
1.如何进行文案的策划
淘宝网店中所涉及的文案主要包括主图文案、详情页文案与品牌故事,不同的文案有不同的写作要求,如主图文案要一目了然、简明扼要,刺激买家产生点击的念头;详情页文案则要求层层递进,逐步攻破买家的心理防线,能让买家越深入了解越喜欢商品;品牌故事则要求以情动人或定位高端,尽量获得买家的信任。因此,文案不是简单的文字输入,而是以买家需求或促销目的为前提,需要进行仔细的策划。一般来说,可从文案的受众群体、目的、主题和视觉表现来进行策划。
文案的受众群体 编写文案前需掌握商品所针对的目标群体,使目标群体与商品相结合,分析买卖旺季、相关行业行情、商品行情等,从这些数据中掌握文案的受众群体。
文案的目的 文案不仅要清楚地表达商品的特点,还要达到促进销售,吸引买家的目的。除此之外,还能提高品牌的知名度,加深买家对品牌的印象。因此,要先明确文案写作的目的,根据需要确定文案的写作方向。
文案的主题 文案的主题主要有两个方面,一方面是商品的特点,该特点需要使用简单的词汇表达出主题的信息,以满足消费者的需求;另一方面要和利益挂钩,通过折扣、满减等促销信息,吸引消费者。
文案的视觉表现 有了文案写作方向和主题后,还需考虑怎样与图片进行融合,此时就需要通过视觉来体现,常用的方法是通过字体、颜色和粗细来进行表现。
2.文案写作前的必要准备
文案写作前需要进行详细的市场调研,该调研不单单只是对某一款商品进行市场销量预估,还需掌握店铺所在行业的行情。文案写作的前期准备可从以下3个方面着手进行。
从商品基本信息中找卖点 了解商品基本信息,是撰文案的前提。商品的基本息包括购买人群、材质、尺寸、规格、做、特点等,从基本信息中找关键词,从关词中提炼卖点。的信工键
了解同行信息 俗话说“知己知彼百百胜”,不仅要了解自家商品的特点,还对同行的商品信息进行分析和对比,取其华,然后结合自己商品的特色扬长避短。战要精
资料的准备 根据节日或活动主题对品信息、商品卖点进行优化,拍摄需要的品照片并对图片进行适当的处理,以保证期能够快速进行图片的制作。商商后
3.如何写出吸引人的文案
要想写出一篇优秀的商品文案,除要有基本的文字编写功力外,还要掌一些文案写作的要点。了握
彰显定位,增强消费信心 编辑文案,不是说质量好、品牌好,买家就一定能账,还需要添加一些证明文字,如“月销000件”,这样不但说明了产品销量好,还现了产品的品质,无形中增强了买家的消费信心。时买5体
巧妙对比,凸显专业 在同类型产品中,若要体现其产品的专业性,可使用对比方式:一是和同行对比,从细节处告诉买家我更优质;二是用专业知识对比,如对卖棉外套的卖家而言,可讲解如何判别纯棉非纯棉来凸显专业。该方法也可用于详情页中。的纯与
低价商品,强调品质 假如你的宝贝大多是低价商品,而卖家最怕的就是假货、质量问题。这时除了使用图片进行表现外,文案要重点突出商品品质。该方法在主图、详情页中也适用。
高价商品,强调价值 如果针对同类型商品,商品价格更高,此时应强调商品的价值,从各方面体现出价格高的原因,如商品本身的材质、做工、来源、卖点等;其次,还可为商品塑造故事或品牌文化,为其赋予能够感动消费者的文化价值,增加消费者的认同感。
有的放矢,减少买家困惑 在进行商品描述时,应尽量做到图文结合,从细节中体现商品的质量。切记,商品描述信息一定要清晰、表达要连贯,不要出现逻辑问题。
俗话说“磨刀不误砍柴工”,先做好准备工作,可让后期的工作变得轻松。对网店美工工作有了基本认识后,接下来了解网店装修的基础知识。
在对网店进行装修前,需要获取图片素材,这些素材包括商品的照片和修饰画面的素材。准备好素材后,才能通过Photoshop进行素材的组合与编辑,最终制作出吸引眼球的网店页面。
1.图片收集
在店铺的设计过程中,通常会使用张素材,这些素材有的用于网页背的制作,有的用于模块背景的制作,的为商品图片,有的为模特图片,只将不同类型的素材图片合理组合在一,才能形成美观的视觉效果。多景有有起
2.拍摄照片
在网店装修前,要拍摄大量的商品图片。由于网购的特殊性,购买者不能接触到商品的实物,商品的所有信息都要以照片的形式进行传达。而商品的某些物理特性无法被购买者所感受到,如质量、重量等,这就对照片提出了更高的要求,只有从不同的角度拍摄宝贝,展示宝贝更多的细节,才能最终打动消费者。
除了要准备宝贝细节图外,有时为了展示实物的特性,让买家直观地感受到宝贝穿戴的效果,还会拍摄模特使用或者穿戴宝贝的照片,以此增加说服力,促进购买。
3.获得网络图片存储空间
图片存储空间即用来存储图片的网络空间,而网络空间多是由专业的IT公司提供的网络服务器。在淘宝网中也有一款免费储存图片的空间,即“图片空间”,用户只需进入“卖家中心”页面,并在左侧列表中单击“图片空间”超链接,即可进入“图片空间”页面,在其中不仅可以查看图片信息,还可以进行上传图片、删除图片、新建文件夹等操作。
除了使用免费的淘宝流量外,还可以购买一些活动板块或营销工具,促进商品的销售。但是一个新手美工在做活动页面设计前,需要先了解这些活动板块或营销工具的相关术语。网店装修中常用的术语如下。
淘宝旺铺 淘宝旺铺是淘宝提供的一项增值服务和功能,是一种更加个性豪华的店铺界面,使顾客购物体验更好,更容易产生购买欲望。它实现更加开放的店铺装修方式,支持可视化编辑、所见即所得的操作方式,可自由添加模块,配合增加各种新功能,定制出完全属于自己的个性化店铺,为买家带来耳目一新的购物体验。淘宝旺铺使店铺能够更专业,更个性,并提供了更强大的功能,对塑造店铺形象,打造店铺品牌,推广促销店铺商品,起到至关重要的作用。
直通车 直通车是由阿里巴巴集团下的雅虎中国和淘宝网进行资源整合,推出的一种全新的搜索竞价模式。它的竞价结果不只可以在雅虎搜索引擎上显示,还可以在淘宝网上充分展示。直通车根据买家搜索关键词展现与之匹配的推广宝贝,卖家可以针对每个关键词自由定价,并且可以看到在雅虎和淘宝网上的排名位置,并按实际被点击次数付费(每个关键词最低出价0.05元,最高出价是100元,每次加价最低为0.01元)。
钻石展位 钻石展位又称智钻,是淘宝网为有更高要求的卖家量身定制的产品。选取最优质的宝贝展示位置,通过竞价排序,按照展现计费。
店铺优惠券 店铺优惠券是虚拟电子现金券,当卖家开通营销套餐或会员关系管理后,即可创建优惠活动进行店铺推广促销。店铺优惠券无须充值,虚拟电子现金券,卖家不必担心任何风险。
一个完整的淘宝旺铺,首页页面一般包括的元素有店招、导航、轮播海报、优惠券、宝贝分类、宝贝展示、页尾等(每个板块的制作方法将在本书第5章中详细讲解)。
一个完整的详情页一般由4个部分成,分别是广告商品部分(焦点图部),商品描述部分,商品详情部分和递、物流及售后部分等(每部分的制方法将在本书第7章中详细讲解)。组分快作
网店装修是网店美工工作内容的一个重点,它不只是将商品摆放到网页中,而是将商品的卖点、特征,以及商品的使用方法或穿戴效果都体现出来。在网店中如何通过图片让买家感受到实体店般的体验效果是网店装修的关键。而店铺装修应遵循的基本原则如下。
突出行业属性 每个行业都有特定的属性,每一种属性都有特定的表现方式。虽然没有明确的行业规定,但这些特定属性却时时左右着我们对事物的判断与取舍。店铺装修前,一定要明白自己商品的属性以及它的行业特征,在此基础上为装修选择相应的色彩和插图,如五金产品可以用红色和灰色,但不适合用粉红色。
色彩搭配协调 店铺主色调与商品的属性密不可分,一旦确定主色调,其他颜色的应用都必须跟主色调高度协调。应保证同一个页面的主色调不超过3种,辅助色与主色调相协调。切忌把店铺装修得绚丽多彩,满屏都是闪烁的动画,虽然表面看起来十分酷炫,其实会晃得客户晕头转向,令客户反感。
简洁时尚 在店铺装修过程中,简洁时尚是永恒的经典。判断一个网店的好坏,不单单只看商品本质的好坏、销量的多少,还要看网店装修的视觉效果。简洁时尚的装修,清晰、合理的商品布局,会让客户有继续看下去的兴趣。
商品分类明确 明确的分类布局能让顾客快速查找到需要的商品。在店铺装修中,应将商品按照种类的不同或价位的不同,分成不同的类别,如“10元区”“99元区”“活动促销区”“积分兑换区”等,让顾客一看分类列表就知道目标所在。
在处理或制作淘宝店铺需要的图像时,淘宝美工可选择使用的软件较多,比较常用的是Photoshop和Dreamweaver,除此之外,还有Illustrator、CorelDRAW、Painter、3D Max、美图秀秀、光影魔术手和可牛影像等。由于篇幅有限,本节仅介绍Photoshop和Dreamweaver两款软件的使用方法。
选择【开始】/【所有程序】/【Adobe Photoshop CS6】菜单命令,启动Photoshop CS6,将打开下图所示的工作界面。该界面主要由菜单栏、标题栏、工具箱、工具属性栏、面板组、图像窗口、状态栏组成。
下面对Photoshop CS6工作界面的各组成部分进行详细的讲解。
菜单栏 菜单栏用于将Photoshop所有的操作进行分类,包括文件、编辑、图像、图层、文字、选择、滤镜、3D、视图、窗口、帮助共11个菜单,每个菜单项下内置了多个相关的菜单命令。
标题栏 标题栏用于显示当前打开文件的名称,当打开多个图像文件时,将以选项卡的方式排列显示,以便切换查看和使用。
工具箱 工具箱中集合了绘制图像、修饰图像、创建选区、调整图像显示比例等工具按钮。若工具按钮右下角有黑色小三角形,表示该工具位于一个工具组中,单击黑色小三角形,或在该工具按钮上按住鼠标左键不放或单击鼠标右键,将显示隐藏的工具。
工具属性栏 当用户选择工具箱中的某个工具时,工具属性栏将变成对应的工具属性栏进行设置。
面板组 Photoshop CS6中的面板组默认显示在工作界面的右侧,是工作界面中非常重要的一个组成部分,用于选择颜色、编辑图层、新建通道、编辑路径、撤销编辑等操作。选择[窗口]菜单命令,在打开的子菜单中选择相应的菜单命令,可显示或隐藏对应的面板。
图像窗口 图像窗口是对图像进行浏览和编辑操作的主要场所,所有的图像处理操作都是在图像窗口中进行的。
状态栏 状态栏位于图像窗口的底,最左端显示当前图像窗口的显示比例,其中输入数值并按“Enter”键可改变图的显示比例,中间将显示当前图像文件的大小。部在像
Dreamweaver是一款所见即所得网页编辑器,使用它可以快速、轻松地完成网页设计、开发、网站维护和Web应用程序的全部开发过程。在淘宝网店中,美工可使用Dreamweaver进行代码的编辑与切片的转换。只需选择【开始】/【所有程序】/【Adobe Dreamweaver CS6】菜单命令,即可启动Dreamweaver CS6,打开如下图所示的工作界面。该界面主要由菜单栏、文档窗口、面板组、“属性”面板组成。
下面对Dreamweaver CS6工作界面的各组成部分进行详的讲解。
菜单栏 菜单栏中集合了几乎所有的Dreamweaver 操作命令,通过各项命令,可以完成窗口设计及网页制作的各项操作,包括文件、编辑、查看、插入、修改、格式、命令、站点、窗口和帮助共10个菜单。
文档窗口 文档窗口主要用于显示当所创建和编辑的HTML文档内容,另外文窗口由标题栏、视图栏、编辑区和状态栏合而成。前档组
面板组 面板组是显示在操作窗口右侧的浮动面板集合,包含了网页文档编辑的常用工具。在Dreamweaver中面板组主要包括插入、属性、CSS设计器、文件、资源和行为等浮动面板。
“属性”面板 “属性”面板主要是显示文档窗口中所选元素的属性,并允许用户在该面板中对元素属性进行修改。在网页中选择的元素不同,其“属性”面板中的各个参数也不相同。
页面装修、商品上架等都会用到很多图片,这些图片可以通过网络收集,也可以自己制作或拍摄,但并不是所有分辨率和格式的图片都能符合网店的要求,美工需根据具体要求对图片进行像素或格式的处理。
图像分辨率 图像分辨率是指图像中存在的信息量,即每英寸图像有多少个像素点。因此,图像的分辨率决定了位图图像细节的精确程度,往往是图像的分辨率越高,成像后的尺寸就越大,对应的图像也就越清晰。下图即为不同像素显示的不同效果。
文件格式 网店美工工作过程中需要使用的图片种类并不单一,并且店铺装修时不同的模块有不同的规格要求,因此区分不同的图像格式和适用范围也成为网店美工掌握的重点。装修中常用的图片格式包括PSD、JPEG、PNG和GIF。在装修网店时,图片一般以JPEG、PNG或GIF格式保存, PSD格式是Photoshop的源文件格式,仅用于对图像效果进行调整,不能直接在网店中使用。
许多卖家在装修店铺的过程中,喜把一些炫酷的色块堆砌在店铺中,令个页面色彩杂乱无章。其实一个好的面设计应有一个主色调,再辅助搭配种颜色,形成一个特色风格。欢整页几
先确定自己的品牌主色调 主色调是随意选择的,而是系统分析自己品牌受人群心理特征后,找到这部分群体易于接的色彩并将其确定为主色调。主色调定后一直延续使用。当然,在后期的运营过程中,若是发现开始的主色调定位不是很正,可进行适当的主色调调整。不众受需确
合理搭配辅助色 在页面配色上要主色调的影响力发挥到极致,辅助色只起助作用,不要喧宾夺主。同时可以将品牌ogo中的一些元素应用到设计中,让买家看对应的元素即可想起店铺。将辅L到
色彩能给人一种直观的展现效果,的色彩搭配对吸引顾客有很大的帮。网店装修设计中常见的配色方案有下3种。好助如
对比色调搭配方案 把色相完全相反的色彩搭配在同一个空间里,如红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然使用对比色调时要把握“大调和,小对比”原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。
暖色调搭配方案 红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。
冷色调搭配方案 青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。
在网店装修设计中,文字除了传达营销信息外,还是一种重要的视觉元素。字体的布局对画面空间、结构、韵律都有影响。
字体的选用与变化 在排版淘宝广告文案时,选择2~3种匹配度高的字体是最佳的视觉效果。否则,字体过多会产生零乱而缺乏整体的感觉,容易分散买家注意力,使买家产生视觉疲劳。在选择字体的过程中,可考虑加粗、变细、拉长、压扁或调整行间距来变化字体大小,以产生丰富多彩的视觉效果。
文字的统一 在进行文字编排时,需要把握文字的统一性,即文字的字体、粗细、大小与颜色在搭配组合上让买家有一种关联的感觉,这样文字组合才不会显得松散杂乱。
文字的层次布局 在淘宝视觉营销设计中,文案的显示并非是简单的堆砌,而是有层次的,通常是按重要程度设置文本的显示级别,引导买家浏览文案的顺序,首先映入买家眼帘的是该作品强调的重点。在进行文字的编排时,可利用字体的型号、粗细、大小与颜色的对比来设计文本的显示级别。
快速提高设计能力的一个捷径就是习、借鉴他人的设计作品。新手美可以从色彩、图像、文案、排版布局方面借鉴一些优秀的网店装修设计案。学工等方
三只松鼠旗舰店 进入该店铺就会看可爱的三只松鼠。因为是零食店,所以颜色采用对比色调,让买家进入店铺就能融入食购物的狂热中。到零
韩都衣舍旗舰店 韩都衣舍是主打韩的服装品牌,进入该店的页面,立即会感到一种时尚感。该店铺已经不是用普通的特进行衣服展现,而是通过一些大牌的明,吸引顾客进行购买。韩都衣舍具有“款多,更新快,性价比高”的特点,在装修中简单的搭配可让该特点得以体现。风受模星式
下图所示为TPIWR天猫旗舰店首屏效果,请对该页面中的设计元素、页面的颜色搭配与字体搭配进行评析。
下图所示为歌莉娅官方店首页,请对该网页中的颜色、风格、搭配、构图方式、网页元素等布局方式进行评析。