平面設計，網頁設計，UI設計，web前端，web後端具體都是幹什麼的？各個職位的前景如何？

01-07

本人文科背景對互聯網行業不太熟悉，只會一點ps和dw，對設計繪畫有些興趣，目前想先轉為網路編輯，但也想了解下上述各個職位或其者他相關職位，請知乎上的IT大牛們給小弟科普下

一、首先做個大的歸納

（1）平面設計、網頁設計、UI設計這三者均是以視覺設計為主的工作，比較注重解決問題的思考方式及創意的表達。

其階段性目的是：為信息的傳達做服務，而其最終目的是為了商業價值的最大化。平時的工作內容可以總結為：1.信息的收集整理（前期調研階段）、2.信息的歸納提煉（策劃設計階段）、3.信息的視覺化表現（軟體製作及執行傳播階段）。

▼各種設計之間的關係圖

（2）web前端、web後端這兩者的工作都是以敲代碼為主，在工作中屬於上下游的協作關係，比較注重邏輯思維。

web前端，是為網頁或UI界面的呈現、以及交互體驗優化提供技術支撐，主要用到html、css技術實現頁面布局，用到JavaScript、jQuery等技術實現更為複雜的頁面交互及動態效果。

web後端，則是為網頁數據的邏輯處理提供技術支撐。包括數據的提交、儲存、更新修改、查詢、內存分配等。通常要用到PHP、java、C語言或C++等編程技術。

二、具體工作內容

（1）平面設計（CMYK色彩）

△平面包裝設計。作者：西安高鵬。來源：總監之路-包裝設計教程

廣義的平面設計應該將網頁、UI包含其中。而目前，我們口中所說的平面設計，還是更傾向於代其其最終以油墨印刷列印出來一類的設計作品。

做張海報、做個banner、設計一個logo、設計一張名片、做一套VIS設計，做個包裝設計、設計一組字體、排版一本書籍，這都是平面設計師的常見工作內容。

有時還會和印刷廠交接列印、刀版切割的輸出細節。具體到你要做什麼，這個就要看你所在公司的經營業務，和你自身的喜好特長了。

（2）網頁設計（RGB色彩）

網頁設計即呈現於瀏覽器中，以電腦屏幕為載體的一類設計。以承載大量信息為主，更加畫面細節刻畫，以及交互、易用性。

具體的工作執行內容包括：排版布局、頁面的icon設計、banner及海報設計、活動專題頁面設計、切圖交接給web前端開發等。有時也需要你和客戶溝通其設計需求、策劃歸納出交互稿，然後開始你的設計！這也是工作的一部分。

（3）UI設計（RGB色彩）

UI設計的最終表現形式，通常是以電子顯示屏為載體，更加強調人機交互、頁面跳轉的操作邏輯、以追求視覺舒適、易用性為主的一類設計。常見的手機app、車載交互系統、警監系統等均屬於UI設計範疇。

具體的工作內容和網頁設計類似：風格樣式的確立、icon設計、頁面布局、切圖。時常也會做一些推廣用到的海報、banner等圖片。

（4）web前端、web後端

反正就是各種敲代碼、程序演算法。工作時，程序員的電腦界面基本上就是像上圖這個樣子的，或者還有虛擬機調試。

工作的具體內容，主要來源於設計上游的需求，比如一個電商網站，需要新增一個【客戶反饋】的功能。

這時候，就要由網頁設計師來設計：用戶提交反饋時的界面、後台展現用戶反饋的界面。web前端工程師用代碼來重構實現界面，預留好數據反饋的介面。web後端工程師要在網站伺服器新建用作收集客戶反饋的數據表，開放數據介面給web前端對接。

三、關於工作的前景

有需求就有市場的道理相信大家都懂，在互聯網時代，這幾者都是互聯網技術的中流砥柱，幹得好與壞，則完全是個人能力及志趣的表現了。

（完）

關於@酷coo豆

平面設計學習日記網站長，平面設計基礎教育，及自學方法傳播者。致力為自學平面/網頁設計的朋友提供優質的書籍、教程、經驗等資源參考，為你的學習成長提供知識養分。更多自學問題，歡迎與我私信。

推薦平面設計教程：榮獲十萬學員好評的平面設計教程

訂閱我的知乎專欄：平面設計學習日記 - 知乎專欄

我來拋磚引玉吧，計算機專業大四，實體公司創業ing，目前已經做了公司的宣傳畫冊，公司產品的包裝設計，公司網站的製作，以及公司電腦維修、印表機換硒鼓、網路搭建（遷網線）。公司還沒收益，心好累，現在在做我們公司產品的眾籌頁面

分割線

平面設計：可以從平面二字理解，而且主要是指現實世界可視的，像地鐵廣告，產品包裝上的文字、圖案。

網頁設計：這塊是包含你後面說網站前端、後端的，前端主要給用戶看的，後端就是公司自己看的，比如淘寶網站，你作為一個消費者點開網站看到的都屬於前端，從布局到細節。再細一點說，你打開購物網站時候有各種導航，分類這算是結構，細節就比如淘寶某家賣鍵盤的店家，你看他網頁裡面鍵盤各種發光，各種炫酷啊，各種機械手感啊。這些都是給你看的，給你這個消費者看的。而網站後端就是各種數據、業務處理，比如你買的這塊鍵盤，對於消費者你來說你做的事情就是填寫了收貨地址，付款之類了，而淘寶後端要做的事情就是把你這條交易信息加入到資料庫，以及把你付的款轉到第三方——支付寶，還有把這款鍵盤的庫存-1。

UI設計：界面設計，也是針對視覺的，不過和平面設計不同的是指網路世界的，更重要的是UI是為了讓消費者（使用者）感覺更舒適。簡單的可以是你手機裡面的app軟體，從圖標到打開軟體後的界面都是屬於UI範疇。複雜點的話就像玩lol的時候你用蠻王，蠻王這個人物看上去很野蠻，提個大寶劍，而UI設計就是讓蠻王身上有肌肉，有頭盔，提著大刀，讓玩家——你很好的感受到他的蠻氣，而不是讓他看起來像5 6歲的小姑娘對著對面的石頭人掄拳頭。好的UI設計可以引導使用者，滿足用戶和產品的需求。

以上都是根據自己所了解的寫出的，文采不好還請見諒。

總結一下都是被培訓機構玩壞了的職業，心酸

我是做UI設計，其實平常也有很多物料算平面設計吧，來寫一下。

你上面所說的這些具體可以分為兩大類：設計類（平面設計，網頁設計，UI設計）、代碼類（web前端，web後端）。因為我是做UI，可能跟web前端接觸較多，後端不太了解。

1.平面設計。在設計方面這是一個很大的類別。一般大學只要有設計專業，一般都是平面設計（也可以叫視覺傳達設計吧），在平面設計的課程中，就會包含網頁設計。在實際工作中，平面設計所做的工作就比較雜，想公司各種海報，易拉寶，宣傳冊，傳單，平常的P圖修圖，名片設計等都屬於平面設計。簡單點總結就線下的物料設計吧。

2.網頁設計。如果你負責的只是網頁設計，那在公司所做的工作就單單是普通的網頁設計，包含設計，標註，切圖。主要是跟產品經理、交互設計和前端開發溝通。

3.UI設計。現在所講的UI設計都是局限的UI設計，僅僅是移動端設計。一般在公司所做的是app的界面設計，包含Android界面和ios界面設計，當然有時候還有一些h5界面的設計。在公司中主要跟產品經理，交互設計師，ios開發和android開發，還有web前端開發溝通。

4.web前端。他們的工作就是把設計師做的網頁設計還有一些H5設計用html代碼寫出來，你一般看到的網頁，h5都是經過他們寫出來的。需要你會html，css，js等相關技能。

5.web後端。這個不太了解，但我覺得你說的應該是web架構或者後台吧。他們的工作呢，應該就是我們不能直接看到的了吧。web前後端相互配合，共同做好網頁。

看題注想做網路編輯，這個很不明確，我不知道這是一個什麼職位，但是一般公司設計和開發還算是相對差距較大的工作，你會ps和dw，喜歡設計繪圖，可以嘗試做設計。那麼你現在就需要提升自己的審美，多看優秀的設計作品，多玩app，提前了解提下不同端的設計規範。如果依舊是想從事前端，可不僅僅是會dw就可以的。你可以具體去找一下需要的技能。

感覺ui設計的前景和前端、研發比較來還是偏弱一點，畢竟所做的設計圖都是為後端服務的，研發和前端才是硬性需求，就算設計稿難看點也是可以用的，可是後端和前端弄不好的話就沒發用了

網路編輯與這些底層技術無關吧