其实,“淘宝美工”是淘宝网店页面编辑美化工作者的统称。日常工作包括网店设计、图片处理、页面设计、美化处理、促销海报设计、商品描述详情设计、专题页设计、店铺装修以及商品上下线更换等工作内容。不难看出,他和传统的平面美工、网页美工等有很大的区别。
美工设计从业人员,是对整个店铺视觉营销设计与装修最终的执行者,整个工作流程中显得尤为重要。必须掌握相应的专业技能,才能胜任此工作。
一个网店设计的美观与否,是至关重要的,它直接影响到店铺的销量。在线下实体店铺,以及大型商场内的商铺,外部需要有门头,橱窗,活动海报等;内容部有展柜,出售的商品,模特,导购等等,网店需要展示这些内容,全靠美工设计人员在店铺装修上体现出来。店铺和人是一样的,“凤姐”和“范爷”一眼就能看出不同的档次。
分辨率、像素和尺寸
分辨率
分辨率有两种,屏幕分辨率和图像分辨率。
屏幕分辨率指显示器所能显示的像素有多少,显示的像素越多,画面就越精细,信息也越多。例如,将你的电脑显示器的分辨率设置成1280x1024,说明你的屏幕
像素
图像由一个个点组成,这个点叫做像素。像素是图像中最小的单位。每个像素是一个小点,不同颜色的点(像素)聚集起来就变成一幅动人的照片。
我们可以拿一张照片,在photoshop软件中放大300倍,就可以发现,他是有很多小方格色块排列组成的,这就是一个像素。
尺寸
图像尺寸的长度和宽度经常以毫米或厘米为单位,也通常以像素为单位。
在做印刷设计的时候,photoshop软件中新建文件,可以选择毫米或厘米为尺寸单位;美工设计中,长度和宽度尺寸经常以像素为单位。
位图和矢量图
位图:又叫点阵图或像素图。是由屏幕上的发光点(即像素)构成的,点或像素是最小单位,这些多个像素的色彩组合就形成了一张图像称之为位图。位图图像和分辨率像素有关。在图像放大时,可以很清楚的看到每个像素的组成内容。
矢量图:使用直线和曲线来描述图形,这些图形的元素是一些点、线、矩形、多边形、圆和弧线等。它的特点是放大后图像不会失真,和分辨率无关,适用于图形设计、文字设计和一些标志设计、版式设计等。
常用的图片文件格式
图片格式是计算机存储图片的格式,常见的存储的格式有JPG,PNG,JIF,PSD,AI等等。
每一款工具软件都会支持输出不同的图片格式选项,满足用户的工作需求。在photoshop软件中,文件菜单-存储为,在弹出来的选项面板,保存类型选项提供二十多种图片格式。
色彩的基本知识
三原色
色彩的分类
色彩三要素
色彩模式
色彩的性格
必备软件技能要求
工欲善其事,必先利其器,不管我们做什么工作,都离不开工具。一个合格的美工人员,也需要掌握几款常用的工具软件,犹如书法家创作要有笔墨纸砚;工人上岗要有相应的操作机器技能。
美工设计最长用的工具就是Photoshop软件,简称“PS”,它是由美国Adobe公司开发和发行的图像处理软件,功能非常强大,主要应用在处理像素构成的数字图像。同时也是这本书重点讲解的内容。
店铺装修常见图片尺寸
淘宝店铺不同不同位置的图片尺寸要求也不同,当图片过大,会自动被裁剪掉,而图片过小,则会周围留下空白,或者系统自动平铺,这样的用户体验是极其不好的。
所以,当我们在装修店铺,设计过程中,制作不同区域的图片要根据店铺要求来确定尺寸、大小等信息。这是美工人员必在动手设计之前必须要考虑到的,不然设计好的图,因尺寸不合适,造成后期调整,是非常麻烦的。
美工设计制作流程
1.素材规划:店铺装修之前,设计人员必须考虑整个店铺风格,从拍摄照片就必须全面的规划。每一个店铺都是独特富有生命活力的,如何完美的展现给顾客,这都是需要考虑到的。
2.图片设计制作:拍摄好的商品,模特展示等图片,需要在Photoshop软件后期进行美化处理,然后配上文案内容,进行排版设计制作。这也是美工设计人员工作的重点,同样,也是本书所着重讲解的内容。
3.切片处理:使用Photosho切片工具,把设计好的内容进行无缝切片和优化处理。同样,本书有单独章节来讲切片内容的课程。
4.上传空间:把切片存储好的图片上传到淘宝图片空间或千牛云盘,然后,在Dreamweaver给图片添加热点链接等内容转化为代码。
5.预览效果:把转化好的代码有效的安装到店铺当中,及时预览查看效果。值得注意的是,要及时检查代码链接的有效性,处理瑕疵,确定无误后,方可发布。
6. 另外,当日常工作中遇到其他营销活动,需要配合运营人员设计制作促销广告图。