当前位置:主页 > 淘宝运营 >

拼多多/淘宝网店设计装修入门(美工基础)

在网上开店的过程中,规划装饰是十分重要的一个环节,能够美化装饰,招引更多的客户,然后获得更多的销量。美化装饰不只能够突出店肆精巧的形象,还能够给客户一种激烈的招引力,刺激客户的购买愿望,然后快速下单,提高店肆的销售业绩。

常识导图学习方针初步了解网店。把握网店美工有必要留意的问题。把握网店美作业业预备。把握不同电商渠道的装饰标准。把握网店美工规划作业流程。

1.1初步了解网店美工

网店美工的意图是把店肆装饰得十分美丽,这样才干招引并留住客户,然后为店肆带来更多的流量和回头客。

1.1.1什么是网店美工

网店美工与线下实体店肆的装饰类似,网店的第一印象会对客户的认知发生相当大的影响,为了给客户留下好的印象,网店的装饰十分重要。毕竟购买之前客户无法看见真实的产品,只能经过文字描述和产品图片来了解店肆与产品,所以装饰好的店肆能增加客户的信任感。网店美工便是在淘宝、京东、拼多多等渠道允许的结构范围内,尽量经过装饰规划让店肆愈加漂亮。

人作为视觉动物,第一印象会对其认知发生相当大的影响。人们在线下逛街购物时,装饰精巧且赋有特色的门店往往更简略招引客户。假如店肆没有经过装饰,产品堆放得乱七八糟,客户进入店肆之后无法找到自己需求的产品,那么客户的购物愿望也会大打折扣,乃至或许扭头就走。所以,在网店美工方面下一番功夫十分必要,经过仔细装饰的店肆更简略招引客户。

1.1.2怎样确认网店的风格

网店的风格是指网店的页面带给客户的全体直观感触,本节首要介绍怎样确认网店的风格。1.确认主颜色

要确认店肆的主颜色,需求先剖析店肆产品的方针人群,确认方针客户易于承受的颜色。例如,赤色能够用来表达喜庆和祥和,新年比较喜庆,火红的颜色预示着好征兆,又是一年新年到,因而,新年促销期间店肆颜色视觉颜色更倾向于赤色这样的暖颜色。新年促销期间某家居店肆的主颜色1-1。

图1-1

新年促销期间某家居店肆的主颜色2.确认调配辅佐色

除了主颜色,还需求辅佐色来烘托。需求留意的是,辅佐色只能起辅佐作用,不行过多,以免喧宾夺主。众所周知,赤色是与喜庆相关的颜色,给人以节日喜庆的感触,因而,赤色常常被用于与节日有关的网店页面装饰。赤色和黄颜色配起来会给人一种很强的视觉冲击感,这两种颜色的调配热烈而健康。

如图1-2所示,网店页面以赤色为主颜色,黄色为辅佐色。赤色和黄色都属于颜色中的暖色系,二者的调配在许多方面都能够运用。

图1-2

1.2网店美工有必要留意的问题

网店美工有必要留意的问题包含以下几点。

1.装饰规划的思路

店肆的特色是什么?主营产品是什么?方针客户是哪些?网店美工在装饰规划之前有必要有一个明晰的思路,然后才干构建大致的框架。

2.店肆称号

有的店肆称号过于简练,只要几个字。例如,主营女装羽绒服的网店,店肆称号是“时尚之家”,客户在运用关键词“女装”和“羽绒服”进行查找时,一般无法查找到该店肆。

3.店肆的栏目分类

有些店肆的产品分类多达上百种。分类的意图是让客户能够便捷地找到所需的产品,假如栏目分类过多,那么客户就很难找到自己所需的产品。如图1-3所示,该店肆的栏目分类许多,而且杂乱无序,所以客户无法快速地找到所需的产品。

4.寄存图片的空间服务器

不同的ISP供给商供给的服务器,其拜访速度是彻底不同的,乃至会呈现打不开的现象,所以客户就有或许无法看到店肆的公告和分类。假如客户看不到产品介绍中的图片或产品介绍模板页面,那么情况会愈加糟糕。

5.产品姓名

将产品姓名、分类姓名获得很长或许会增加被查找到的概率,但也不宜过长。还有一些商家为了招引客户的留意力,会在姓名中加上一长串毫不相关的符号,这或许会违背渠道的规矩,然后遭到处罚。只要把产品的品牌、特点等表述清楚,再加入适当的广告词就能够。

图1-3

6.店肆视觉的颜色调配

颜色调配总的原则是“总体调和,部分比照”,也便是网店页面的全体颜色作用应该是调和的,只要部分的、小范围的区域能够有一些激烈的颜色比照。在颜色的运用上,能够依据店肆的需求采用不同的主颜色。店肆的产品风格、图片的基本颜色、公告的字体颜色最好与店肆的全体风格对应,这样规划出来的全体作用调和一致,不会让人感觉杂乱。颜色调配合理的店肆示例如图 1-4所示。

图1-4颜色调配合理的店肆示例

1.3网店美作业业预备

网店美工在网店运营过程中不行或缺,一家优秀的网店不只要有高质量的产品,还要获得美工等专业人员的支撑。

1.3.1网店美工需求把握的软件

网店美工首要担任网店的视觉,以及图片处理方面的作业。与普通的美工比较,网店美工对于平面规划软件的要求更高。做网店美工需求把握以下几种软件。

1.Photoshop

Photoshop能够用来对产品图片进行加工处理,以及运用一些特殊作用,其重点在于对图画进行加工处理。Photoshop是所有规划软件中最根底的软件,因其简略的界面、强壮的图片处理功用而越来越受到我们的喜欢。想要成为一名合格的网店美工,就有必要熟练把握处理图片的技能,由于图片的漂亮度会直接影响网店的销量。在网络的虚拟环境下,客户是触摸不到真实的产品的,只能经过图片、动画或小视频来判别该产品是不是自己想要的,所以网店美工的作业十分重要。Photoshop的操作界面如图1-5所示。

图1-5

Photoshop的操作界面

2.Dreamweaver

在网店美工规划时,除了要学会运用Photoshop规划、处理图画,还需求把握可用于网店页面排版的软件Dreamweaver。在网店中打开的页面被称为网页,和网页相关的软件Dreamweaver也是网店美工需求把握的,但只需求把握Dreamweaver的表格排版、链接和根底代码等功用就能够。Dreamweaver的操作界面如图1-6所示。

图1-6

3.光影戏法手——简略、便利的修图东西

假如你不是图画处理方面的专业人士,而且对Photoshop的操作并不是十分熟练,那么这款简略、有用的图画处理软件——光影戏法手能够协助你完成对数码图片画质及作用的处理。光影戏法手能够满足相片后期处理的大部分需求,其批量处理功用十分强壮。光影戏法手的操作界面如图1-7所示。

图1-7

光影戏法手的操作界面

1.3.2网店美工首要作业内容

网店美工首要担任以下几方面作业。

1.网店视觉

网店视觉有必要由网店美工来完成。网店美工不但要处理网店中的图片,还要处理网店的全体视觉规划。

2.图片处理

拍摄出来的产品图片一般是不能被直接运用的。为了让客户感到赏心悦目,网店美工一般需求运用图片处理软件对图片做一些部分处理,美化图片,以招引客户。需求留意的是,网店美工不是单纯的艺术家,能使客户能够承受网店的产品才是最重要的。

(1)依据需求对产品的图片进行美化。

(2)适当增加文字描述,但不要过多地插入广告,由于这样或许会导致客户厌烦。

3.促销海报

在不同的时期,网店都会推出不同的活动,如优惠券、满就送等,这些活动需求经过促销海报来招引客户。某网店的促销海报如图1-8所示。

图1-8

某网店的促销海报

4.内容编辑

在上传产品图片今后,需求对产品增加一些文字说明,这就需求网店美工进行规划与完善。

5.协助运营做好日常推行、活动页面规划

(1)标题规划明晰,契合活动主题。

(2)页面漂亮,符合群众审美,简略招引客户。

6.通栏广告规划

(1)巨细适度,依据需求占据版面。

(2)颜色比照鲜明,冲击力强,使人印象深入。

(3)通栏广告内容简练明晰,能够让人轻松理解广告内容。

通栏广告规划不但要有视觉上的冲击力,软文的编写也需求言之有物,让客户能够快速地理解。某网店导航下的通栏广告如图1-9所示。

图1-9

1.3.3收集常用资料

在网店装饰过程中用到的图片都需求依托资料来完成,因而,在网店装饰之前需求收集许多的资料。这些资料能够在网络上收集,如在百度中查找“网店资料”一词,就会在查找成果中显现许多资料网站,如图1-10所示。

在不触及版权的情况下,这些图片资料是能够运用的。找到合适的资料保存在本地计算机中,供后期装饰规划时运用。

图1-10

查找资料

此外,也能够购买一些资料,如图1-11所示。资料越丰厚、越全面,在规划时就越简略。

图1-11

购买资料

1.4不同电商渠道的装饰标准

本节首要介绍淘宝、京东和拼多多这三大渠道的装饰标准。

1.淘宝

淘宝主图建议运用的尺度为800px×800px,长和宽的比例是1∶1。淘宝主图共5张,而且有必要有1张白底图,白底图要求背景是纯白色的。

1)PC端

店招指的是顶部的店肆招牌,店招对于店肆来说是很有必要的,店招如同一家店肆的门面,一个好的店招能带来店肆销量的提高。

在PC端主页,首先看到的是顶部的店招,也便是店肆的招牌。从内容上来说,店招上能够有店肆名、店肆Logo、促销产品、优惠券、活动信息、网址和店肆荣誉等一系列信息。

全屏通栏店招的尺度既能够是1920px×120px,也能够是950px×120px。顶部店肆店招如图1-12所示。

图1-12

顶部店肆店招

主页宽度默许是950px,如图1-13所示,侧边栏既能够是750px,也能够是150px。

图1-13

详情页做得越好,客户停留时间越长,跳失率越低,拜访深度越高,店肆的成交率天然也就越高,店肆的产品也就越受欢迎,所以详情页十分重要。淘宝PC端详情页宽度默许是750px。

2)移动端

计算机和手机的屏幕巨细不同,所以会显现出不同的作用。在制造主页的时分,PC 端和移动端也会发生不同的要求,移动端主页宽度为640px。淘宝移动端主页如图1-14所示。

图1-14

许多店肆的移动端详情页一般直接运用PC端详情页,这有或许会使图片会变得含糊,乃至变形。移动端详情页宽度的尺度是480~640px。移动端详情页如图1-15所示。

图1-15

移动端详情页2.京东

京东主图的尺度在800px×800px以上,共供给5张,第1张有必要运用纯白色背景,图片要明晰,能够看清楚产品细节。

1)PC端

PC端主页宽度默许是990px,侧边栏有790px和150px这两个选项,全屏通栏是1920px。京东PC端主页如图1-16所示。

图1-16

PC端店招尺度既能够是1920px×120px,也能够是1920px×150px。

PC端详情页宽度默许为990px,也能够是750px和790px。

2)移动端

移动端主页宽度为640px,店招尺度为640px×200px。

移动端详情页与PC端的规划定位差不多。详情页是依据店肆产品的特点规划的,一定要突出产品的卖点,而且增加有招引力的参数文字,最终到达让客户购买产品的意图。移动端详情页如图1-17所示。

图1-17

移动端详情页3.拼多多

1)主图

一个好的主图能够招引客户,让店肆的产品脱颖而出,然后提高店肆转化率,如图1-18所示。尺度为750px×352px,巨细在100KB以内。图片仅支撑JPG、PNG格局。图片不能够增加任何与品牌相关的文字或Logo。

2)产品详情

图1-18

所示是一个出色的产品详情,能够让客户发生激烈的购买愿望。在详情页能够增加关于产品的介绍、卖点、细节图片、评价、拼团指南和质检报告等常见的信息。

  • 关注微信
标签:

猜你喜欢