目前越来越多人眼红淘宝美工这个行业，但是很多想转行到淘宝美工的小白都很担心，淘宝美工是不是真的这么好，未来还能不能稳定发展下去?真是的薪资水平怎么样?

　　毕竟转行到一个全新的领域，或多或少都会有一些担心，转错行穷三年，这不是没有道理的。

　　目前电商发展迅速，美工岗位需求量大。比如淘宝美工，目前淘宝几百万的商家，每天都会有产品更新，恨不得把每天都做成活动日，美工的就业需求更是没问题的，所以说当淘宝美工，真的不担心就业问题。

　　很多人都会担心淘宝美工的薪资水平高不高?上海淘宝美工培训学校小编可以很负责任的说：财务自由不敢说，但是一年几十万收入应该没问题。无论在哪个行业，适合自己，同时又感兴趣的就是好的。

　　就努力回报比和后期的想象空间来说，电商依然潜力巨大。目前电商美工的薪资非常可观，而且市场的需求量还非常大，只要有实力，找工作都不是事儿!所以做淘宝美工是一个非常明智的选择!

　　既然淘宝美工的前景这么好、薪资待遇这么客观，那么，要如何成为一名的淘宝美工呢?毕竟如果自己学不好，没有能力，再好的前景也是没有用的，把自己变得有价值才是硬道理。

　　淘宝美工嘛，不能少的技能当然就是PS的技能了，店铺的banner、图片处理、商品的详情页等等都是需要PS来完成的，美美的变身之后的商品更能吸引买家的眼球。一个好的淘宝美工使用的软件当然不只是PS，AI和DW等等都是不能少的，既要懂绘图，还要会一些网页设计语言，对于软件的知识一定要掌握，多做多练多总结。

　　淘宝美工就是负责淘宝网店以及商品的美观，这里就有几点需要注意的了。不同的页面图需要的尺寸要注意，尺寸的选定也会影响网店整体的美观。色彩的搭配要与商品相搭配，符合规定的风格定位。排版也是关键，字体不适宜过多，会导致杂乱。

　　还有，人工智能发展迅速，目前阿里的鲁班智能设计机器人上线，承担了美工基本抠图拼图工作，这就对美工提出更高的要求，设计需要根据特色，实时创意创新，保持学习的状态，比如现在C4D，很多设计师也是需要学习，更新自己的设计水平。

　　南昌淘宝培训学校()坚持以“服务为宗旨、以市场为导向，以用人单位满意”为核心的教育理念，专业聘请行业内知名的专家或专业的教授为师资，他们教学经验丰富，实战能力强。培养出的学生深受用人单位的重用和赞赏及社会广泛认可!

下面的这篇APP界面设计切图进阶教程是出自静电设计教师的第四节课的内容。25学堂的小编很容易收集到这样的APP设计干货来分享。

我们大概的来了解下静电设计是一个什么样的主题和宗旨。

静即是安静，平静，静下心寻求内心的平和。?Design即设计，静下心，重新考虑设计的本源，从行业的浮躁中解脱，设计真正属于内心的作品。

25学堂之前的一些关于APP切图的教程有：

1、移动APP切图信息图：iOS界面设计切图指南

2、APP设计和切图基本知识点以及注意事项【APP设计干货】

下面我们跟随静电老师的思路来看看，我们如何完成一个APP切图过程。

在这里演示讲解的案例是iphone5的分辨率：640 *1136来设计。首先我们来分析下,图中都有些什么元素。

静电将这些图标全部拿出来列在下边。

好的,图标就是以上这些了,下面,我们要将这些图标做成一个一个独立大小的文件,以便工程师同学排版使用。

首 先我们先来切适用于iphone客户端的文件,由于静电设计稿的分辨率是640-1136,所以这个比例的图标可以直接拿来用。不用进行缩小或者放大的处 理。在安卓和ios开发中，常用使用的图片类型就是PNG，这个格式相信大家一定不会陌生，首先它比jpg和gif拥有更多的颜色和细节，同时失真程度 也非常小，另外，png格式的图片支持通道透明，所以广泛应用于移动端app的开发过程中。静电来制作两个图标，剩下图标的制作方式是一样的，大家可以以 此类推。

我们先来切这样一个图标。

IOS在切图的时候，一般会有两个尺寸，分别适配3GS和iphone4、5、5s.

我们先来设计适用于iphone5/5s/4的图标,因为他们是用的一套图.

首先选中这个图标,图标四周会出现四个蓝色的点,代表我们选中他了.

首先选中这个图标,图标四周会出现四个蓝色的点,代表我们选中他了.在下方的属性面板中,我们可以看到他的宽高,这里显示这个图标的宽高是40-40.接下来,按ctrl+n新建一个画布.宽高是40-40,把刚才的图标拷贝到这个画布中.画布请选择透明.?这里请注意,图标的尺寸一定要是偶数,否则缩小一倍的时候会出现不规则的锯齿,我们要尽量避免他.也就是说,不要出现41-41这样的尺寸.

接下来,我们将这个图标导出.选择fireworks的文件>图像预览> 格式选择png32位.因为只有这个格式是透明的. 接下来选择导出,找个地方存储这个文件吧,文件名我命名为bookshelf_heart@2x.png

小贴士:大家一定注意,ios下的文件名命名规则,二倍的图使用@2x.png做结尾,如bookshelf_heart@2x.png? 这是ios的开发规则,开发过程中,苹果的开发软件xcode使用@2x或者没有@2x来识别是否为一倍或者二倍大的图像.这个一定要记得.

上边这种切图方法,在切单个图标的时候,可以用.但如果涉及到如tab按钮这样的有非按下和按下的效果的图，这个时候就要非常在意两个图是否有错位的情况了，这个时候我们使用切片工具批量切图，以确保完全对齐。

首先我们将按钮图片单独拿出来。新建一个透明画布，将这几个图标拷贝过去。

接下来，我们将这些图标均匀排列。比较好能确保非选中和选中状态的图标的y坐标一致。

然后,我们选择左侧工具栏的切片工具.如图所示,或者直接按快捷键k。

接着，鼠标变成了十字形，我们在要切出的图标周围画框。因为这里的图标大小一致，

所以切片的大小也要保持一致。画框后，效果如图,有一层绿色部分,代表切片区域.

这个时候有同学可能发现切片上有jpg这样的字样,如果有这样的文字,代表我们要导出的图片是jpg格式的,我们需要将格式改成png,用鼠标选中切片,同样,屏幕下方的属性面板,将jpg改为png32

我们在某个切片上点右键，选择导出即可，记得文件名有@2x结尾哦。

等比例批量导出其他尺寸图片

在 上一节的设计教室中,静电和大家探讨了不同分辨率图标尺寸的比例。我们再看下图温习一次。在下图中，我们可以看到，iphone3Gs与 iphone4/5/5s的比例为1:2。其他比例如下图所示。也就是ios需要两套图。 安卓的话，静电的经验是hdpi和xxhdpi即可。当然有些同学可能会准确到xhdpi也要切，这个仁者见仁智者见智了。不过工作量会增加就是了。静电 在这里偷个懒。我们这里用到fireworks的另一个神器，批处理功能！这个功能会让你的工作效率直线上升！

刚才我们已经切了一套iphone4.5使用的图出来,现在我们来使用批处理功能,切出3GS使用的一倍图还有安卓480分辨率使用的图片.

1.选择fireworks 文件>批处理,看到如下对话框.选中你要缩放的图标,然后点选添加按钮,接着选择继续按钮.

2.接着选择 缩放 然后点添加,然后在缩放比例中选择 缩放到百分比,选择50%.

3.再将导出添加到右侧,导出选择png格式.

4.选择重命名,这个功能很好用,因为之前我们的文件包含@2x,现在我们需要的这套图是1倍,所以不需要@2x,我们将它去掉.如下图所示. 这样就可以批量替换@2x为空白了.

5.注意,我们必须先才处理好缩放等步骤后,再导出,然后重命名,否则文件会变大,右侧的命令从上到下代表处理的步骤.这个可以调整. 选好后选择继续.

6.接下来的界面中我们选择自定义位置,将一倍的图放到其他文件夹备用.注意不要选与原始文件位置相同,否则你之前切的二倍图会被覆盖哦.切记.然后,选择批次,就开始批处理了

7.转眼之间,1倍和2倍的图就好了,方便吧?

8.那么安卓的图怎么处理呢?有同学已经猜到了,要切hdpi使用的图,只需要把iphone5尺寸的图标缩小到原来的3/4即可.就是批处理的缩放比例中填写75%即可.

对于安卓图片的特殊处理

大 家知道,对于一张png图片,从大往小缩放,是可以的,但从小往大,可是会虚的哦.所以,同学们,可不能硬拉这些位图哦. 对于xxhdip和xhdpi分辨率使用的图片.我们需要特殊处理.要放大,方便的图片格式就是矢量了,如果你在fireworks中使用的是原生的矢 量图形.我们可以直接使用fireworks的放大图像功能,对整个图像进行放大处理,这样图片质量也可以确保不会虚的.

首先,我们假设设计的图全是矢量,接着,我们选择设计稿下方属性菜单. 直接将图片宽度调整到1080,当然 得是等比例的缩放,所有我们将右侧的小锁锁上,这样就是等比例调节了.

无损调整到1080分辨率后,我们可以按上边的步骤进行xxhdpi图标的切图. 然后按照静电上边给到的图的比例进行缩放即可. 比如从xxhdpi缩放到iphone5使用的图标大小,那么比例就是640/1080 这个比例进行缩放,具体大家自己算.

所以,对于图标尺寸,按1080分辨率设计,其实是理想的,但是基于静电在切图教程1中阐述的理由,所以静电选择了使用640分辨率.当然,如果大家设备许可,制作高清图可是不2之选,一切都很方便,少了放大这个步骤.

小贴士:由于安卓机型分辨率比较多,所以安卓开发工程中,采用了几种分辨率来适配各个机型,具体原理比较复杂,静电就不在这里阐述了,但静电给出如下对应关系,可以直接来套用即可. 大家请教下开发同学,就会发现,在安卓开发工程的res目录下,分别有drawable,