不論是平面設(shè)計還是網(wǎng)站設(shè)計，其實都是視覺表現(xiàn)范疇內(nèi)的一種體現(xiàn)，兩者之間是相輔相成的，或者說單純的網(wǎng)頁版式設(shè)計（不涉及交互式動態(tài)呈現(xiàn)）是平面設(shè)計中的一個細分。

先說說平面設(shè)計，主要是在不同媒介上以靜態(tài)的方式呈現(xiàn)出的視覺效果。這在日常生活中無處不在，如雜志、宣傳冊、名片、包裝、廣告......

設(shè)計的基本理論不外是點、線、面、空間、結(jié)構(gòu)、色彩、布局等方面，設(shè)計師在設(shè)計過程中除了構(gòu)思創(chuàng)意外，也要考慮到成品最終應(yīng)用呈現(xiàn)的方式，主要就是需要了解更多的印刷知識（這個涉及的方面較多，有興趣的可度娘:)）。

再來說說網(wǎng)頁設(shè)計，前面提到了如果只是單純的網(wǎng)頁版式設(shè)計（不涉及交互式動態(tài)呈現(xiàn)），基本上可以認為就是平面設(shè)計。

Adobe公司的PS、AI可以說是平面設(shè)計師必備的工具，為了讓平面設(shè)計師不必去學(xué)習(xí)掌握網(wǎng)頁中那些枯燥的代碼，讓網(wǎng)頁設(shè)計變成像海報設(shè)計一樣簡單，同時也推出了Muse、DW、XD這樣的專業(yè)的網(wǎng)頁（交互式）設(shè)計軟件工具。

以Adobe Muse為例，設(shè)計師可以直接將PS格式的設(shè)計文檔導(dǎo)入，就可以生成html格式的網(wǎng)頁文檔了。

不過網(wǎng)頁（網(wǎng)站）都是基于屏幕（電腦、平板、手機）呈現(xiàn)出來的，所表達的內(nèi)容更加豐富，而要具有更佳的視覺效果，交互是必不可少的。

不論是對于屏幕尺寸的自適應(yīng)、多媒體（音視頻）的應(yīng)用、讓人驚艷的特效，還是在線各種模式的溝通交流，這都需要相關(guān)的編程語言來實現(xiàn)。如果涉及到編程，那就不是平面設(shè)計的范疇了。

如果按具體工作內(nèi)容來分類，平面設(shè)計可以稱為視覺設(shè)計師，而網(wǎng)頁設(shè)計（最終呈現(xiàn)）可以稱為UI設(shè)計師。

平面設(shè)計需要的是創(chuàng)新和專業(yè)軟件使用能力，網(wǎng)頁設(shè)計在審美及創(chuàng)新上需要考慮實用性、兼容性和打開速度，就像攝影師和修圖師的區(qū)別，都是在做關(guān)于美的事物，方式不同而已。

前端和美工的工作內(nèi)容有什么區(qū)別嗎？

有的。美工大多數(shù)偏下設(shè)計。前端則用js+html+css、vue.js實現(xiàn)代碼效果。

有些多年經(jīng)驗的美工，也懂前端的代碼編寫。

大多數(shù)美工偏向UI設(shè)計，而前端用代碼實現(xiàn)UI效果，包括交互、兼容性等。

主要區(qū)別就是：美工負責(zé)設(shè)計，前端負責(zé)編寫前端代碼。