我在 SEO 站群 mu.weixiaoduo.com 從事網頁設計已經多年,已經榮升為公司的設計總監,把控著公司所有網站頁面設計的所有工作,包括人員的招聘。今天公司 hr 給我越來一個在平面設計工作很多年的人,來面試我們的頁面設計,雖然這個人很想轉行來網路公司做,做了多年的平面設計感覺網路公司的網頁設計師這個職位還不錯,可是真正去問了才知道雖然都是設計,還是那麼關係親近的卻有著很大的差距,如果想轉行,要在多鍛鍊鍛鍊,今天我們就來分析一下網頁設計與平面設計的區別吧!

 
如果您都出在這兩個行業的人,網站設計的所展示出來的設計是透過電腦、手機、平板等各種顯示器呈現出來的,而我們的平面設計出來的東西更多是以紙張、畫冊等呈現在我們面前的,比如海報、宣傳單、名片都是屬於平面設計的,很多不的淘寶美工就是從平面設計轉行出來的,因為很多時候他們都是在做圖片的修改,但也非常的侷限,設計出來的效果比較差強人意。因為用到的軟體就不相同,平面公司經常用到的軟體有:Adobe photoshop 用來處理圖片,應用於點陣圖,簡單排版;Adobe illustrator 用於向量 CG 製作,編輯排版,搞創作不可不學的軟體;Adobe InDesign 用於書籍,畫冊的編輯排版,簡單容易操作,排版速度較快,輸出不容易出錯;Coreldraw 用於編輯排版,應用於向量和點陣圖結合!而網頁設計用到的軟體有:DREAMWEAVER(網頁製作)、 FLASH(動畫製作和效果)、 FIREWORKS(向量圖形製作和影象處理)以上三項為網頁三劍客,還有一項非常重要的也是共同的 Adobe photoshop!

還有在色彩方面平面設計與網頁設計使用的色彩模式完全不同,平面設計因為後期的實現依賴於印刷,所以採用 CMYK 的色彩模式,而網頁根據其顯像方式使用 RGB 的色彩模式。平面設計時的色彩運用注重視覺的衝擊力及視覺流的引導 (在這點上與網頁設計中的 BANNER 設計相類似),而網頁設計 (產品類) 更注重的是資訊結構關係的梳理,如果將色彩運用的過多過強,很容易引起視覺的疲勞感。

我們平時在設計過程中,平面設計的字型選用更為自由一些,不用擔心後期實現的問題,所有的文字後都會輸出為圖形進行印刷,而網頁設計就需要考慮的更為全面,並且在字型的選用範圍上也很小,為了讓輸出的成品大小不對伺服器造成壓力,基於 html 的特性,所有字型都是根據多使用者作業系統內預設字型而定的,當然近年隨著技術的沿革與發展,這個差距也逐步在縮小,目前透過 html5 的 API 可以實現個性化字型的使用而不需要將個性化的字型終輸出為圖形,在不增加後端壓力的同時,大大提升了多使用者體驗,非常贊。

從圖形使用上,平面設計比網頁設計豐富,表現方式也多樣化,特別是對於產品類的網頁設計,模組化的設計思路更為明顯,在視覺表現上也是如此,平面對於圖形的表現是不需要考慮到後期的實現的,在一點上是有目共睹的。在來說一下咱們設計時使用的尺寸單位問題,平面設計在使用尺寸標註時都用的是物理尺寸的概念,比如英寸,釐米,毫米等,而網頁使用的畫素。

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