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.展示平臺

平面設計作品都是在現實生活中真實存在的，我們既能摸得到也看得見，如路牌廣告、燈箱廣告、電影海報、宣傳冊等。而網店裝修中的圖片是展示在淘寶賣家店鋪中的，所以我們必須要熟悉淘寶賣家的裝修后臺，并且隨時關注裝修后臺的更新和變化，及時調整設計方案。