有許多朋友在問一個問題，網頁設計和平面設計有什么區別？目前，通過學習各種設計術語來了解它們的區別。比如網頁設計vs.平面設計，UXvsUIvsIAvsIxD，還有平面設計vs.MaterialDesign。每個術語表示不同的職業。而從設計的角度來看，設計師的作品是有橫截面的。

網頁設計和平面設計看起來是一個無關緊要的群體，但人們仍然經常感到困惑。一般來說，外行總是稱網頁設計師和平面設計師為“藝術設計師”。他們的作品被藝術技巧和創造能力所誤解。此外，他們使用的設計工具幾乎相同，他們可以做與網頁設計或平面設計相關的工作。這實際上是基于對設計行業的困惑。

什么是網頁設計？

網頁設計包含網站制作和維護方面的許多不同技能和學科。網頁設計的不同領域包括網頁圖形設計；界面設計；創作，包括標準化代碼和專有軟件；用戶體驗設計；和搜索引擎優化。通常許多人會在團隊中工作，涵蓋設計過程的不同方面，盡管有些設計師會涵蓋所有方面。

什么是平面設計？

平面設計是使用排版、攝影和插圖中的一種或多種進行視覺交流和解決問題的過程。該領域被認為是視覺傳達和傳達設計的一個子集，但有時“圖形設計”一詞被用作同義詞。

平面設計師創建和組合符號、圖像和文本，以形成想法和信息的視覺表示。他們使用排版、視覺藝術和頁面布局技術來創建視覺作品。

網頁設計和平面設計之間的差異

1、視覺元素

顏色

平面設計和網頁設計所使用的色彩模式完全不同。由于依賴印刷，平面設計通常使用CMYK色彩模式。因為平面設計上的色彩運用更注重視覺沖擊和視覺流動引導（這點類似于網頁設計中BANNER的設計）。而網頁設計根據其特殊的成像模式使用RGB，更側重于梳理信息結構之間的關系（針對產品類別）。因為網站上過多的強烈色彩很容易造成網站訪問者的視覺疲勞。

字體

通常，在平面設計過程中，圖形設計中字體的選擇更為自由。因為不必擔心最終效果的實現。所有文本最終將輸出用于圖形打印。但是網頁設計需要考慮的更全面。它只有很小的選擇范圍，以避免輸出對服務器的壓力。由于HTML的特性，所有字體均基于用戶操作系統的默認字體。隨著科技的發展，這種差距逐漸縮小。目前基于HTML5的API可以實現個性化字體的使用，而不需要輸出圖形。這極大地提升了用戶體驗，同時又不存在增加后端壓力的風險。

圖形

在圖形的使用上，圖形設計比網頁設計有更多的表現，尤其是產品網站。模塊化的設計讓思路更加清晰，視覺表現也一樣。而且，平面設計不需要考慮最終的效果。在設計中使用的單位尺寸方面，平面設計使用物理尺寸的概念，如英寸、厘米、毫米等，而網頁設計使用像素。

2.瀏覽模式

平面設計的瀏覽是循序漸進的，整個過程不能串聯呈現。而網頁設計有滾動條和按鈕支持上下滾動，鏈接跳轉瀏覽更多樣化的信息。在相同的信息結構下，網頁用戶比平面用戶有更多的信息選擇。相比之下，平面設計的優勢體現在面向圖片的書籍上。

3、信息傳播

平面設計是一種傳統的信息媒體設計，它通常通過發布、銷售、郵件傳遞等傳播方式傳播。這種點差只適合小范圍，成本高。網頁設計信息傳播能力強于平面設計，但依賴第三方媒體的支持。在受眾方面，平面設計可以被不同年齡段的人接受。雖然該網站并不適合所有年齡段。隨著未來網絡信息的不斷普及，終端媒體用戶體驗的不斷提升，網絡信息可以被更多人訪問和接受。

網頁設計與平面設計之間的工作職責有什么區別？

網頁設計師：

1.將藝術視為利用技術的一種方式

2.與觀眾互動

3.更多技術性（即編碼和編程）

4.將工程方法應用于他們的設計

5.必須預測設計將如何讓觀眾感受和反應

6.需要知道如何為多功能媒體（即筆記本電腦、平板電腦、智能手機）進行設計

7.可以隨著時間的推移發展和加強他們的工作

8.能抓住網頁設計趨勢預測

一句話，網頁設計師是可以設計和制作網站的人。他們是專業的設計師，也是靜態網站的開發工程師。他們的工作涉及很多方面。網頁內容的介紹、按鈕的放置、文字的組合、顏色的應用、指導的使用等等。但這離成為一名優秀的網頁設計師還很遙遠。設計過程中每一步的設計工具都是不同的，它們有很多工具需要掌握。

所需技能：Javascript、Jquery、PHP、Web應用程序開發、UI設計

網頁設計工具：Mockplus-網站原型工具，

AdobeDreamweaver-網站編輯工具

平面設計師：

1.把藝術放在第一位

2.與觀眾建立單向關系

3.更具藝術性（即用筆和紙素描）

4.在他們的設計中強調視覺理論

5.必須關注設計如何向受眾傳達信息

6.需要知道設計的每個元素如何轉化為印刷品

7.設計一經印制，一舉搞定

為了達到創作目的，平面設計師通常會專注于一些專業技能。比如字體布局、視覺藝術、頁面等方面。

所需技能：AdobeCreativeSuite、排版、概念開發、營銷材料

圖形設計工具：AdobePhotoshop、AdobeIllustrator、CorelDRAW

總結

看完上面的內容，你面臨一個選擇：網頁設計vs.平面設計。人生就是這樣，總是面臨選擇。所以對每個方面都有一個全面的了解來決定哪個領域最適合你的個性是非常重要的。