我在零度網(wǎng)絡www.zzjweb.com從事網(wǎng)頁設(shè)計已經(jīng)多年，已經(jīng)榮升為公司的設(shè)計總監(jiān)，把控著公司所有網(wǎng)站頁面設(shè)計的所有工作，包括人員的招聘。今天公司hr給我越來一個在平面設(shè)計工作很多年的人，來面試我們的頁面設(shè)計，雖然這個人很想轉(zhuǎn)行來網(wǎng)絡公司做，做了多年的平面設(shè)計感覺網(wǎng)絡公司的網(wǎng)頁設(shè)計師這個職位還不錯，可是真正去問了才知道雖然都是設(shè)計，還是那么關(guān)系親近的卻有著很大的差距，如果想轉(zhuǎn)行，要在多鍛煉鍛煉，今天我們就來分析一下網(wǎng)頁設(shè)計與平面設(shè)計的區(qū)別吧！

 
如果你都出在這兩個行業(yè)的人，網(wǎng)站設(shè)計的所展示出來的設(shè)計是通過電腦、手機、平板等各種顯示器呈現(xiàn)出來的，而我們的平面設(shè)計出來的東西更多是以紙張、畫冊等呈現(xiàn)在我們面前的，比如海報、宣傳單、名片都是屬于平面設(shè)計的，很多不的淘寶美工就是從平面設(shè)計轉(zhuǎn)行出來的，因為很多時候他們都是在做圖片的修改，但也非常的局限，設(shè)計出來的效果比較差強人意。因為用到的軟件就不相同，平面公司經(jīng)常用到的軟件有：Adobe photoshop用來處理圖片，應用于位圖，簡單排版；Adobe illustrator用于矢量CG制作，編輯排版，搞創(chuàng)作不可不學的軟件；Adobe InDesign 用于書籍，畫冊的編輯排版，簡單容易操作，排版速度較快，輸出不容易出錯；Coreldraw用于編輯排版，應用于矢量和位圖結(jié)合！而網(wǎng)頁設(shè)計用到的軟件有：DREAMWEAVER（網(wǎng)頁制作）、FLASH（動畫制作和效果）、FIREWORKS（矢量圖形制作和圖像處理）以上三項為網(wǎng)頁三劍客，還有一項非常重要的也是共同的Adobe photoshop！

還有在色彩方面平面設(shè)計與網(wǎng)頁設(shè)計使用的色彩模式完全不同，平面設(shè)計因為后期的實現(xiàn)依賴于印刷，所以采用CMYK的色彩模式，而網(wǎng)頁根據(jù)其顯像方式使用RGB的色彩模式。平面設(shè)計時的色彩運用注重視覺的沖擊力及視覺流的引導(在這點上與網(wǎng)頁設(shè)計中的BANNER設(shè)計相類似)，而網(wǎng)頁設(shè)計(產(chǎn)品類)更注重的是信息結(jié)構(gòu)關(guān)系的梳理，如果將色彩運用的過多過強，很容易引起視覺的疲勞感。

我們平時在設(shè)計過程中，平面設(shè)計的字體選用更為自由一些，不用擔心后期實現(xiàn)的問題，所有的文字后都會輸出為圖形進行印刷，而網(wǎng)頁設(shè)計就需要考慮的更為全面，并且在字體的選用范圍上也很小，為了讓輸出的成品大小不對服務器造成壓力，基于html的特性，所有字體都是根據(jù)用戶操作系統(tǒng)內(nèi)默認字體而定的，當然近年隨著技術(shù)的沿革與發(fā)展，這個差距也逐步在縮小，目前通過html5的API可以實現(xiàn)個性化字體的使用而不需要將個性化的字體終輸出為圖形，在不增加后端壓力的同時，大大提升了用戶體驗，非常贊。

從圖形使用上，平面設(shè)計比網(wǎng)頁設(shè)計豐富，表現(xiàn)方式也多樣化，特別是對于產(chǎn)品類的網(wǎng)頁設(shè)計，模塊化的設(shè)計思路更為明顯，在視覺表現(xiàn)上也是如此，平面對于圖形的表現(xiàn)是不需要考慮到后期的實現(xiàn)的，在一點上是有目共睹的。在來說一下咱們設(shè)計時使用的尺寸單位問題，平面設(shè)計在使用尺寸標注時都用的是物理尺寸的概念，比如英寸，厘米，毫米等，而網(wǎng)頁使用的像素。

這兩種設(shè)計形式擁有著不同的用戶體驗，我們應該根據(jù)不同設(shè)計內(nèi)容，選擇正確的設(shè)計形式提升用戶體驗，以上這些只是個人對平面與網(wǎng)頁設(shè)計的一些粗淺認識，也作為拋磚引玉希望大家能分享出自己對于設(shè)計的想法，引用一段平面設(shè)計大師陳幼堅的一段話“做創(chuàng)意重要就是定位清晰，如果定位清楚目標明確，很多創(chuàng)意就會自然創(chuàng)造出來。這就好像你想找一個喜歡的姑娘，就跑到酒吧去張望，這太麻煩了。要先確定你要找什么樣的女孩子，到酒吧就指，哦，這個，那個。——多簡單!”