淘宝美工主图的设计技巧

淘宝美工设计的主要工作平台就是淘宝网店，由于网店本身的特殊性，可能这种类型的美工并不需要有真正去公司打卡上班的步骤，大部分的情况下应该是在线沟通就可以了。身在其中的人可能不会好奇，但是对于设计小白或者说行外人而言，淘宝美工设计具体是做什么的可能会是他们关注的点，为了给大家解答疑问，小编今天特意和大家分享一下下面这几个最经常被人问起的美工设计方面的问题。

一、工作内容：网站页面设计、美化、网店促销海报制做、把物品照片制作成宝贝描述中需要的、设计电子宣传单等。

二、主要软件：photoshop、dreamweaver这两个就基本满足百分之九十的工作了，另外还有做出特色的，还可以学习flash、illustrator(ai)、coreldraw，HTML网页语言、firework等。

三、其它要求：一定的美术功底、丰富的想像力和良好的创造力，网页设计/平面设计/广告设计工作经验，较好的文案处理能力。

四、工资待遇：据统计，淘宝美工设计的工资待遇一般在5000元/月左右，部分掌柜还包吃住，再有好的会交5险1金。有2年网店美工经验的人员，底薪通常在3000-6000之间。一般大城市美工分为初级、中级和高级：初级美工，月薪4000-6000元，半年淘宝经验;中级美工，月薪5000-7000元，1年以上美工经验;高级美工，月薪5000-10000元，3年以上美工经验。

五、工作强度：通常大的网店的美工做的事情都比较细化，主要跟美化/优化网店、处理商品、执行商店广告制作有关，而小的网店的美工可能还要兼职摄影、宝贝描写甚至是商品上架。因此，在享受较高收入的同时，网店美工要处理众多的产品，工作强度也比较大。

六、美工色彩基础

色彩对于一幅作品来说尤为重要，所以对色彩的了解是很有必要的。接触过PS的朋友都会听过RGB色彩、CMYK色彩这样的基本概念，对于很多初学PS的朋友来说，这些生涩的概念很不容易理解，在这里作者将通过通俗的语言、详尽的讲述这些色彩概念。在日常生活中，习惯用眼睛来观察周围的事物，但是如果在黑暗的夜里，或者说是在没有光照的条件下，这些物体是不能被人们看见的，更不可能知道它们各是什么颜色。人们之所以能看见色彩，是因为光直射时直接传入人眼，视觉感受到的是光源色。

通过上面的分享大家应该已经对淘宝美工设计的一些基本的信息有了一个相对全面的了解，对于工作内容、待遇等也有了一个比较正面的认识。我们希望大家在选择是否进入淘宝美工设计行业的时候应该要持谨慎的态度，确定是自己想要的工作再考虑。

美工设计的使用技巧

在页面中所扮演的角色越来越重要。下面是我分享的美工设计的使用技巧，欢迎大家阅读！

抓人眼球的首图

横跨屏幕的轮播首图是时下流行的网页设计手法，设计师通过覆盖视野式的来营造身临其境的体验，这非常符合人类视觉优先的信息获取方式，所以，漂亮的首图是抓住用户注意力的重要手段。优质的首图能够让用户明白，他们可以从这个网站获取一些什么。

页面上的往往是最先吸引到用户的元素。

首图是容纳信息的完美容器。

小贴士：

·首图最好只用高清。没有什么比低保真甚至失真的给人的体验更差了，如果你想使用首图，那么质量意味着一切。

·如果你想使用文字覆盖的方式来制作首图，那么请务必确保中的视觉主体能被用户轻松识别、理解，同时和文字内容有足够的对比度。

在自然环境中展示

根据环境和使用场景来展示产品是电商网站常用的机巧。而实际的数据也表明，这样的拥有着极高的转化率。

举个例子，下面所展示的 GorillaPod 就将产品置于实际的使用场景中，给予用户真实的使用体验。

灵活的三脚架在整个中作为焦点而存在整个首图的设计富有创造性，信息和内容的`传递也颇为高效。

Juliana Bicycle 的网站首图同样是将产品置于使用场景中。

相比于色彩丰富的，黑白色调的无法使用抓人眼球的色彩来吸引访客，黑白照片更多的是依靠内容本身来进行视觉传达。

现代的黑白摄影作品强调艺术性，并且许多摄影师认为，这样的和摄影作品更加纯粹。

但是，为什么黑白摄影作品和会如此受追捧呢很简单，色彩会让观看者分心。

色彩的存在让用户更容易忽略照片本身的构图和细节，用户的注意力可能会被引导到其他的地方，从而忽略诸如CTA按钮等关键元素。

小贴士：

·如果你你使用黑白作为背景，那么你可以赋予CTA按钮以一个醒目的色彩，从而起到吸引用户注意力的作用。

色彩叠加

这里说的色彩叠加值得是用半透明的色彩图层叠加在上，这种手法通常能够让更加匹配品牌色，或者视觉设计的需求。

所叠加的色彩能够让更容易引起用户的情绪反应。

色彩叠加强化了的感染力。

即使是黑白色调的背景，色彩叠加也同样可以强化其感染力，不过要选对色彩才行。

小贴士：

·当你使用单一色彩来作为叠加图层的时候，控制好色彩的透明度。透明度较低的色彩会让背景的不那么容易识别，想要让效果更微妙，应当控制好这个度。

文字排版

精心设计的排版能够为你的品牌提升个性，当这些排版和搭配到一起的时候，整个设计的形式感和表现力就有了明显的提升。

文本的样式和其中包含的信息，和内容相互呼应，互为解读，这是最佳的搭配。

同一个界面下，和文本之间不仅仅有对抗，还有协同。

小贴士：

·充满形式感的排版是非常不错的视觉元素，但是它不应该喧宾夺主，如果它太过于显眼会降低作为视觉元素的存在感。

·时刻谨记可读性的问题，过于花哨的字体和排版设计可能存在色彩对比度的问题，以及识别度的问题。

·充满形式感的字体和排版设计并不意味着复杂，它有时候也可以是简单的，使用简单易读的字体，同样可以带来优秀的效果。

不对称布局

不对称布局本身也是一种流行的设计手法。许多网页设计师尤其喜欢这种有趣的排版布局方式。

这种布局非常适合用来引导用户的视觉，因为页面有了轻重对比，所以它可以以合乎逻辑的方式引导用户的眼睛逐步浏览页面内容。

文字和的视觉轻重不同，你可以让两者分别置于页面的对称位置，视觉重量上的不对称就由此形成。结构上的对称让页面足够平衡，而视觉上的差异则让页面显得参差有趣。

;

其实淘宝美工也属于网页设计的一个小类，他主要是针对电商网页进行视觉设计，也就是平时我们常说的网店装修。淘宝美工通过拍摄、修图等突显产品的特色，让店铺的装修风格符合所卖产品的风格，吸引顾客增加销量。

来源：阿多比设计学院学生作品

想要做淘宝美工，我们先来看看淘宝美工的招聘要求，再去分析如何自学成为美工。在招聘网站中查看美工的招聘信息，总结起来目前市场对于美工的要求大致有以下几点：

1、精通Photoshop等设计软件（招聘信息中所要求的的软件很多，但是每个招聘信息下都会写精通Photoshop）；

2、店铺整体视觉形象设计，处理；

3、店铺装修，主图、详情、首页页面设计，店铺营销广告设计等。

来源：智联招聘

一、设计工具--Photoshop

那我们先来了解一下设计软件的学习，在这里我们就只选取Photoshop去分享工具的学习过程。

1、Photoshop初级

如果是初次接触PS，那我们需要了解PS的基础用法，所以下面我们会从界面介绍，基本设置，新建文件，视图 *** 作、保存，导出，移动工具去带大家一步步了解PS。让大家能够熟悉PS工具在平面设计中的常用功能及具体用法，能够使用PS进行基本的处理。

1、PS界面

初次接触PS，应该先简单了解这款工具的由来、作用以及功能。打开PS工具，简单了解界面的组成部分以及工具的作用。

2、常用功能及具体用法

1）图层关系及应用。图层就像是含有文字或图形等元素的胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。

2）填色、魔棒抠图。抠图的方法很多，我们以魔棒为例去简单了解一下PS中的抠图。

3）选区和复制。选区的复制是我们经常需要使用到的功能之一，比如PS中绘制了一个图形,可以通过选区和复制多生成几个同样的图形。

4）锁套和羽化。套索工具内含三个工具，分别是套索工具、多边形锁套工具、磁性锁套工具，套索工具是最基本的选区工具，在处理图像中起着很重要的作用。羽化原理是令选区内外衔接部分虚化，起到渐变的作用从而达到自然衔接的效果，有助于所选区域和周围像素混合。

5）去污点工具、修补工具。这个工具精修中会经常用到，污点工具修饰人像面部瑕疵、图形中的污点等。修补工具可以拿画面中的某一块画面的效果，去修补另外一个地方的效果。

6）液化效果、实战。用液化效果对人像进行处理，例如：瘦脸、瘦腿、放大眼睛等一系列的常规 *** 作，让效果更完美。

7）文字（字符和段落）。

8）形状裁剪、变形。

2、PhotoShop中级

当了解PS基础功能后，需要进一步了解图层关系、抠图、钢笔工具，橡皮工具，吸管工具，画笔工具等常用工具、蒙版、滤镜，从而熟悉图层样式，具备版式排版应用、海报合成设计的能力。

1）色阶、对比度、曲线。PS对比度调整包括使用PS自动对比度、色阶、曲线命令调整，色阶和曲线在PS的调色中起着非常重要的作用。

2）色相饱和度、色相平衡。每张都会有色相，饱和度，明度这三个属性，使用这些功能让的调色更加完美。

3）调色融合案例。通过案例去看看调色工具具体的作用有哪些，进一步熟悉工具的使用。

4）剪切蒙版。PS中一个非常特别、非常有趣的蒙版，用它常常可以制作出一些特殊的效果。

5）混合模式。可以用不同的方法将对象颜色与底层对象的颜色混合。

6）图层样式1、图层样式2。图层样式的功能强大，可以简单快捷地制作出各种立体投影、各种质感、光景效果的图像特效。

7）滤镜效果。主要是用来实现图像的各种特殊效果。

3、Photoshop高级

当熟悉了PS之后，我们可能会有更多的需求，比如制作海报、精修等。所以我们在一起通过实际案例去深入学习PS功能，从而达到利用PS制作的目的。

1）海报。海报设计是视觉传达的表现形式之一，设计者将突破、文字、色彩等元素结合去展示所要宣传的信息，通过版面的构成在第一时间吸引人们的目光。那海报的设计可以通过字体海报、海报、手机海报、家具海报、饮料海报、光效海报、运动海报这些实际的案例去学习，从而强化 *** 作能力。

2）字体。字体都是由人工设计，它们是由各个字体设计师设计而成。所以如果找不到合适的免费字体，可以尝试一下自己设计字体。通过Demon字体、星辰字、立体字、字体变形去了解字体的制作方式。

3）排版配色。极致的让人看得赏心悦目，无论是它的排版、配色、内容还是创意的设计，都是关键性的元素。

4）精修图。精修可能是很多PS业余爱好者比较关注的内容，我们通过人物精修、婚纱修图的分享带大家学习如何修图。

二、淘宝电商设计

学会了工具，再从各种修图技巧到专题页设计，全面了解淘宝电商设计的方法和技巧，完成淘宝店铺装修和设计。

1、修图

每个店铺所卖的产品都不一样，那修图的对象也就不一样，我们这边选取电器修图、首饰修图、化妆品修图、服装修图来简单了解一下，这类的电商修图步骤。

2、专题页

专题页是一个内容聚合页，将有效信息整合，让人留下深刻的影响，那淘宝电商通过专题页可以突显活动主题以及产品特点，从而促进店铺的销售。通过女王节专题页和618专题页去感受一下专题页的制作方法吧。

来源：阿多比设计学院学生作品

3、详情页

商品的详情页可以展示产品的信息信息，展示产品的细节，但是详情页并不只是产品详细的堆积，产品展示的顺序、内容都有方式方法可寻。

来源：阿多比设计学院学生作品

三、店铺装修

店铺装修也是淘宝美工的必备技能之一，在这里分享一个店铺装修的整个过程。

1、免费开店、装修准备工作

想要开店，第一步应该是先申请卖家账号，熟悉卖家后台的 *** 作，做好店铺装修的知识储备。

2、店铺版本介绍及板块尺寸

淘宝店铺页面是分版块进行装修的，那我们要先了解这些板块在店铺中显示在哪个位置，板块的尺寸是多少，才能设计出符合规范的板块内容。

3、素材上传、切图导出

4、DW链接 *** 作

为了增加商品的点击量，促进销量，我们在装修淘宝店铺时，无论是首页、店招、详情页都需要添加各种链接，使用DW（AdobeDreamweaver）可以让我们比较顺利的完成这项工作。

5、导航条设置

店铺设置有导航栏，导航栏中有宝贝、活动、新品等，其实就是为了方便买家进入店铺可以根据自己的需求快速的惊喜筛选，这样便捷的 *** 作更容易留住顾客。

6、动图页头装修

动图页头可以让页面更加生动，也让浏览店铺的买家有更好的 *** 作体验。

7、首页视频

店铺首页带给买家的第一印象的可以决定买家是否愿意继续浏览店铺，而很多店铺现在都会在首页放上产品的相关短视频，让顾客更直观的感受商品。

8、页头满屏设计和页头热点链接

页头满屏设计会给买家带来更直接的视觉冲击，页头中添加热点链接，可以增强店铺明星产品的曝光和销量。

9、产品展示特效

产品展示的特效多种多样，比如视频、放大展示、鼠标移动特效等，选择合适产品展示特效可以突出宝贝的特点和亮点。

10、全屏轮播海报

准备好商品的，设置轮播触点样式,比如圆点、长方形、数字等，海报的轮播可以让停留在当前页面的买家了解更多产品。

来源：阿多比设计学院学生作品

11、页尾设计装修

很多淘宝店家只注重店铺页面头部的装修，而忽视页尾，其实不管是页头还是也为，在店铺装修的过程中都应该重视起来，提升页面的整体才可以提高网点的销量。而且店铺页尾都会添加很多有用的店铺信息，提高店铺的转换率。

以上大致按照淘宝美工的要求去分享了一个简单的淘宝美工的学习流程，想要做一个优秀的美工其实还需要了解一些设计基础与理论，这样才能让设计有道可寻，希望以上内容对你深入了解美工以及学习有所帮助。

淘宝美工自学：熟练P图技巧，P产品是要讲究：修改尺寸、矫正变形、调整明暗度、修饰污点瑕疵，去除多余背景、校色、去灰加锐、添加水印或商标。

1、拍摄产品与拍人像风景都有着截然不同的拍摄方法。拍摄一张产品照片，要注重原始的重要性，切忌依赖P图去进行达到自己的要求效果。

2、当摄影与P图基本上能弄出自己满意的之后，开始进入网页的设计，例如：全屏店招、全屏海报、全屏主页的制作。

3、初入淘宝的美工应该要对自己的设计作品做充分的准备，或者是原来工作中的作品，或者是自己利用业余时间把自己的设计理念和美工技巧充分结合与运用设计出来的作品。这样既能让老板直接看到自己的水平和实力，也会提高求职的成功率。

4、多数美工都是要会代码的，因为他们都想兼顾弄线上的又会P图的，但是如果刚学最好先研究一下PS。因为PS是最基本用到的。

  店铺开起来之后，一个毛坯房档口位给你，你要装修不？不能直接就着毛坯房里的红砖青泥，直接开张卖货吧？这个时候就需要美工来进行店铺装修，那么这个美工负责哪些工作呢？是外包还是自养呢？

是否自养美工：

1自己公司不用经常上新或者整改店铺，可外包给兼职美工，店铺搭建一次性完成到位，后续有新品要上架，也可以分批次找外包美工完成，不用自养美工。

2自己公司经常需要上新，修改详情，整改调整店铺，可以自养美工，并且根据任务轻重决定具体养几个美工。

3初创电商团队，不要省钱找淘宝美工新手，也不必花大价格找资深美工，5000-6000找个工龄三五年的美工即可。

美工出身：

1科班网店美工出身，善用PS，资质好的更会懂一些代码，精通店铺装修，详情制作，跟运营混久了耳濡目染懂一些基本的电商平台规则，拍照制图速度偏慢，适合快销品行业招聘美工岗位；

2平面设计转岗，善用CDR，对产品比较懂行，拍照制图速度偏快，做出来的详情偏粗糙，适合功能性产品，工业性产品行业招聘美工岗位；

3淘宝美工自学成才型美工，所学甚杂，不好评估，资质差的估计抠图都不顺溜，资质好的拍照制图代码心理配色各种骚 *** 作一应俱全，此种美工招聘看运气，运气好捡到了宝，运气不好估计能让你怀疑人生。

美工的薪资：

1普遍刚毕业的学生2000-4500不等；

2工作经验1-2年普遍3000-5000不等；

3工作经验3-5年普遍4500-8000不等；

4工作经验5年以上6000起底；

5美工薪资上限天花板在20000封顶。

你是专业美工出身，你的线上店铺装修，这些事情也难不倒你，就只是自己累点而已。你要不是专业出身，那你就要请美工来做这些事情了，美工就是线上店铺的装潢师傅，给你装修店铺上产品的人。

推荐阅读：淘宝美工的工作内容是什么？

---