Point 03　平面设计转美工的必知要点

大部分的网店美工都来自于平面设计师，因为平面设计师拥有的设计基础是美工的一大优势，在设计效果和视觉表现上都能做得很好。同时，由于行业的关系，从实体图像到网页图像的转型也有一定的差距，下面我们来将这些问题进行解决。

1.颜色模式

做平面设计使用的是CMYK印刷模式，但这样的模式不能直接应用于淘宝网店。网店设计使用的是RGB的屏幕显示模式，在设计时，可通过执行“图像→模式”命令查看当前打开的图片是什么模式，如下图（左）所示。

2.分辨率

平面设计要求分辨率需要300像素/英寸以上，而网页中只需72像素/英寸即可，通过执行“图像→图像大小”命令（查看图像大小快捷键：【Alt+Ctrl+I】），即可在打开的“图像大小”对话框中查看图像的分辨率，如下图（右）所示。

3.图片格式

在平面设计中使用的图片是不能压缩的，要么使用源文件去印刷输出，要么保存为tif无损压缩格式。而网店设计保存的图片格式为jpg或gif，这是为了保证图片品质好、图像小、色彩丰富。

技能拓展

图片优化的保存格式

对于色彩丰富的实物照片，保存为jpg格式；对于颜色数少于256色的图像，保存为gif格式；这样的保存能最大化地提高图片品质、降低图片大小。

4.图像单位

平面设计的尺寸都是现实生活中实际量出来的尺寸，在屏幕上虽然看不出真实的尺寸效果，但最终印刷出来却是标准的，以“毫米”、“厘米”为单位；而网页中显示的图片，在Photoshop里以100％的大小显示出来是多大，在网页中显示就是多大，是以像素为单位的。

技能拓展

在Photoshop中以100％显示图像

在Photoshop中，可以通过选择“缩放工具”后，右击操作窗口中的图像，在打开的快捷菜单中选择100％显示命令，即可快速100％显示图像的实际大小。还可以通过执行“视图→ 100％命令”（显示图像的实际大小快捷键：【Ctrl+1】）来快速显示图像的实际大小。

5.素材品质

在平面设计中，使用的素材必须是高清的，并且一定要达到300像素/英寸，或者更高的分辨率才能满足设计作品的印刷需求。而在网页中的素材要求并没有那么高，只要图像清晰，像素达标即可。

6.操作技能

在平面设计中，操作软件大部分是偏向平面的，除了Photoshop，可能还需要CorelDRAW、Illustrator等矢量软件的结合。而网页中最基本的操作工具就是Photoshop和Dreamweaver，Dreamweaver是一个网页设计软件，能生成代码、编辑代码等功能，还能设计出一些网页特效，这给网店设计带来一大亮点。

7.字体字号

在平面设计作品中使用的字体，可以一起打包到印刷厂，印刷出来的和设计的字体显示效果是完全一致的。而网页中显示的作品字体是以图片的形式显示出来的，并不能直接将我们所使用的各种眼花缭乱的字体进行显示。

而对于字号，当平面设计师设计一张名片，使用的字体稍小，或许印刷出来就比较清楚。而在网页中小文字最佳的显示效果是宋体12号，再小就看不清楚了。

8.展示平台

平面设计作品都是在现实生活中真实存在的，我们既能摸得到也看得见，如路牌广告、灯箱广告、电影海报、宣传册等。而网店装修中的图片是展示在淘宝卖家店铺中的，所以我们必须要熟悉淘宝卖家的装修后台，并且随时关注装修后台的更新和变化，及时调整设计方案。