有許多朋友在問(wèn)一個(gè)問(wèn)題，網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)有什么區(qū)別？目前，通過(guò)學(xué)習(xí)各種設(shè)計(jì)術(shù)語(yǔ)來(lái)了解它們的區(qū)別。比如網(wǎng)頁(yè)設(shè)計(jì)vs.平面設(shè)計(jì)，UXvsUIvsIAvsIxD，還有平面設(shè)計(jì)vs.MaterialDesign。每個(gè)術(shù)語(yǔ)表示不同的職業(yè)。而從設(shè)計(jì)的角度來(lái)看，設(shè)計(jì)師的作品是有橫截面的。

網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)看起來(lái)是一個(gè)無(wú)關(guān)緊要的群體，但人們?nèi)匀唤?jīng)常感到困惑。一般來(lái)說(shuō)，外行總是稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)師和平面設(shè)計(jì)師為“藝術(shù)設(shè)計(jì)師”。他們的作品被藝術(shù)技巧和創(chuàng)造能力所誤解。此外，他們使用的設(shè)計(jì)工具幾乎相同，他們可以做與網(wǎng)頁(yè)設(shè)計(jì)或平面設(shè)計(jì)相關(guān)的工作。這實(shí)際上是基于對(duì)設(shè)計(jì)行業(yè)的困惑。

什么是網(wǎng)頁(yè)設(shè)計(jì)？

網(wǎng)頁(yè)設(shè)計(jì)包含網(wǎng)站制作和維護(hù)方面的許多不同技能和學(xué)科。網(wǎng)頁(yè)設(shè)計(jì)的不同領(lǐng)域包括網(wǎng)頁(yè)圖形設(shè)計(jì)；界面設(shè)計(jì)；創(chuàng)作，包括標(biāo)準(zhǔn)化代碼和專(zhuān)有軟件；用戶體驗(yàn)設(shè)計(jì)；和搜索引擎優(yōu)化。通常許多人會(huì)在團(tuán)隊(duì)中工作，涵蓋設(shè)計(jì)過(guò)程的不同方面，盡管有些設(shè)計(jì)師會(huì)涵蓋所有方面。

什么是平面設(shè)計(jì)？

平面設(shè)計(jì)是使用排版、攝影和插圖中的一種或多種進(jìn)行視覺(jué)交流和解決問(wèn)題的過(guò)程。該領(lǐng)域被認(rèn)為是視覺(jué)傳達(dá)和傳達(dá)設(shè)計(jì)的一個(gè)子集，但有時(shí)“圖形設(shè)計(jì)”一詞被用作同義詞。

平面設(shè)計(jì)師創(chuàng)建和組合符號(hào)、圖像和文本，以形成想法和信息的視覺(jué)表示。他們使用排版、視覺(jué)藝術(shù)和頁(yè)面布局技術(shù)來(lái)創(chuàng)建視覺(jué)作品。

網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)之間的差異

1、視覺(jué)元素

顏色

平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)所使用的色彩模式完全不同。由于依賴印刷，平面設(shè)計(jì)通常使用CMYK色彩模式。因?yàn)槠矫嬖O(shè)計(jì)上的色彩運(yùn)用更注重視覺(jué)沖擊和視覺(jué)流動(dòng)引導(dǎo)（這點(diǎn)類(lèi)似于網(wǎng)頁(yè)設(shè)計(jì)中BANNER的設(shè)計(jì)）。而網(wǎng)頁(yè)設(shè)計(jì)根據(jù)其特殊的成像模式使用RGB，更側(cè)重于梳理信息結(jié)構(gòu)之間的關(guān)系（針對(duì)產(chǎn)品類(lèi)別）。因?yàn)榫W(wǎng)站上過(guò)多的強(qiáng)烈色彩很容易造成網(wǎng)站訪問(wèn)者的視覺(jué)疲勞。

字體

通常，在平面設(shè)計(jì)過(guò)程中，圖形設(shè)計(jì)中字體的選擇更為自由。因?yàn)椴槐負(fù)?dān)心最終效果的實(shí)現(xiàn)。所有文本最終將輸出用于圖形打印。但是網(wǎng)頁(yè)設(shè)計(jì)需要考慮的更全面。它只有很小的選擇范圍，以避免輸出對(duì)服務(wù)器的壓力。由于HTML的特性，所有字體均基于用戶操作系統(tǒng)的默認(rèn)字體。隨著科技的發(fā)展，這種差距逐漸縮小。目前基于HTML5的API可以實(shí)現(xiàn)個(gè)性化字體的使用，而不需要輸出圖形。這極大地提升了用戶體驗(yàn)，同時(shí)又不存在增加后端壓力的風(fēng)險(xiǎn)。

圖形

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

2.瀏覽模式

平面設(shè)計(jì)的瀏覽是循序漸進(jìn)的，整個(gè)過(guò)程不能串聯(lián)呈現(xiàn)。而網(wǎng)頁(yè)設(shè)計(jì)有滾動(dòng)條和按鈕支持上下滾動(dòng)，鏈接跳轉(zhuǎn)瀏覽更多樣化的信息。在相同的信息結(jié)構(gòu)下，網(wǎng)頁(yè)用戶比平面用戶有更多的信息選擇。相比之下，平面設(shè)計(jì)的優(yōu)勢(shì)體現(xiàn)在面向圖片的書(shū)籍上。

3、信息傳播

平面設(shè)計(jì)是一種傳統(tǒng)的信息媒體設(shè)計(jì)，它通常通過(guò)發(fā)布、銷(xiāo)售、郵件傳遞等傳播方式傳播。這種點(diǎn)差只適合小范圍，成本高。網(wǎng)頁(yè)設(shè)計(jì)信息傳播能力強(qiáng)于平面設(shè)計(jì)，但依賴第三方媒體的支持。在受眾方面，平面設(shè)計(jì)可以被不同年齡段的人接受。雖然該網(wǎng)站并不適合所有年齡段。隨著未來(lái)網(wǎng)絡(luò)信息的不斷普及，終端媒體用戶體驗(yàn)的不斷提升，網(wǎng)絡(luò)信息可以被更多人訪問(wèn)和接受。

網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)之間的工作職責(zé)有什么區(qū)別？

網(wǎng)頁(yè)設(shè)計(jì)師：

1.將藝術(shù)視為利用技術(shù)的一種方式

2.與觀眾互動(dòng)

3.更多技術(shù)性（即編碼和編程）

4.將工程方法應(yīng)用于他們的設(shè)計(jì)

5.必須預(yù)測(cè)設(shè)計(jì)將如何讓觀眾感受和反應(yīng)

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

7.可以隨著時(shí)間的推移發(fā)展和加強(qiáng)他們的工作

8.能抓住網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)預(yù)測(cè)

一句話，網(wǎng)頁(yè)設(shè)計(jì)師是可以設(shè)計(jì)和制作網(wǎng)站的人。他們是專(zhuān)業(yè)的設(shè)計(jì)師，也是靜態(tài)網(wǎng)站的開(kāi)發(fā)工程師。他們的工作涉及很多方面。網(wǎng)頁(yè)內(nèi)容的介紹、按鈕的放置、文字的組合、顏色的應(yīng)用、指導(dǎo)的使用等等。但這離成為一名優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師還很遙遠(yuǎn)。設(shè)計(jì)過(guò)程中每一步的設(shè)計(jì)工具都是不同的，它們有很多工具需要掌握。

所需技能：JavaScript、Jquery、PHP、Web應(yīng)用程序開(kāi)發(fā)、UI設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)工具：Mockplus-網(wǎng)站原型工具，

AdobeDreamweaver-網(wǎng)站編輯工具

平面設(shè)計(jì)師：

1.把藝術(shù)放在第一位

2.與觀眾建立單向關(guān)系

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

4.在他們的設(shè)計(jì)中強(qiáng)調(diào)視覺(jué)理論

5.必須關(guān)注設(shè)計(jì)如何向受眾傳達(dá)信息

6.需要知道設(shè)計(jì)的每個(gè)元素如何轉(zhuǎn)化為印刷品

7.設(shè)計(jì)一經(jīng)印制，一舉搞定

為了達(dá)到創(chuàng)作目的，平面設(shè)計(jì)師通常會(huì)專(zhuān)注于一些專(zhuān)業(yè)技能。比如字體布局、視覺(jué)藝術(shù)、頁(yè)面等方面。

所需技能：AdobeCreativeSuite、排版、概念開(kāi)發(fā)、營(yíng)銷(xiāo)材料

圖形設(shè)計(jì)工具：AdobePhotoshop、AdobeIllustrator、CorelDRAW

總結(jié)

看完上面的內(nèi)容，你面臨一個(gè)選擇：網(wǎng)頁(yè)設(shè)計(jì)vs.平面設(shè)計(jì)。人生就是這樣，總是面臨選擇。所以對(duì)每個(gè)方面都有一個(gè)全面的了解來(lái)決定哪個(gè)領(lǐng)域最適合你的個(gè)性是非常重要的。