閱讀788
標籤：
網頁設計交互設計在互聯網歷史中， 網頁設計師和網頁開發人員這兩個不同的行業分工一直都扮演著不可或缺的角色。 誰是主角， 誰是配角的爭論就如雞和蛋誰先誰後的爭論一樣， 喋喋不休卻沒有意義。 但是， 如果從客觀的角度來講， 那麼你有必要瞭解網頁設計師和網頁開發者之間的區別和聯繫；如果從職業規劃的角度來說， 那麼你更應該好好看看這篇文章， 再決定從事網頁設計方面的工作還是網頁開發方面的工作。
科技的不斷進步使得網頁開發和網頁設計已經不再那麼神秘。
一、薪資差別
1. 網頁設計師的工資是多少呢？
截至2017年10月30日， 網頁設計師平均為73,204美元， 通常範圍在62,669至83,659美元之間。 然而， 這取決於各種因素， 可能會有很大差異。
HR提供的截至2017年10月30日的資料
上圖是美國網頁設計師薪資的預期百分比， 該比例低於年薪。 例如， 美國一個典型的網頁設計師的平均期望年薪是73,204美元， 所以在美國執行網頁設計師工作的人中， 有50％預計會少於73,204美元。
2. 網頁開發人員的年薪是多少呢？
截至2017年10月30日， 網頁開發人員III的年薪為101,962美元， 範圍通常在92,359美元至116,497美元之間， 但是這取決於各種因素， 可能會有很大差異。
HR提供的截至2017年10月30日的資料
該圖表描述了美國網路軟體開發人員工作的人員的預期百分比， 該薪酬低於年薪。 例如， 美國一個典型的網路軟體開發人員的中位數預期年薪為77,458美元， 因此在美國從事網路軟體開發人員的人中， 有50％預計會少於77,458美元。
二、職責差別
通常我們對網頁設計和網頁開發的概念分不清楚， 兩者之間既有區別又有聯繫。 最大的差異是：一個是有關網站的視覺或美學方面， 被稱為“設計師”；另一個則是看不見的編碼方面的設計，
1.網頁設計師主要做什麼？
通常， 網頁設計師主要處理視覺化佈局的網站。
通過使用圖形設計軟體和原型設計工具來創建視覺化的Web網頁初始版本。 待設計完成後再由Web開發人員進行編碼。
設計工具:
Adobe
Photoshop
Illustrator
Sketch
原型設計工具:
Axure
Mockplus
工作內容
負責對網站整體表現風格的定位， 對使用者視覺感受的整體把握；
進行網頁的原型設計製作；
開展產品目錄的平面設計；
進行各類活動的廣告設計；
協助開發人員進行頁面設計等工作。
總的來說， 設計師就是負責運用自己的審美知識， 使用各種工具， 將漂亮的頁面設計出來。 好的設計師能把握好整個公司的產品風格， 為客戶的第一感受提供至關重要的保障， 在招聘市場上， 一流的設計師真的是可遇不可求。
2.網頁開發人員主要做什麼？
Web開發者通常被認為是使用左腦開發的人群，他們主要負責網站的頁面編碼實現。一般情況下，Web開發者會從Web設計師那裡拿到頁面的設計稿，然後使用前端開發技術來編碼實現這些頁面。他們不太在意頁面是否配色好看，但他們卻很在意潔淨的代碼。優秀的開發者一般更注重細節，並且關注每一處細節。
他們主要需要掌握以下這些技能和工具：
原始程式碼管理工具：SVN, CVS , Git 等；
IDE：WebStorm, Sublime, VS Code等都是優秀的IDE，掌握任意一款即可；
前端開發技術：HTML，JavaScript，CSS等
前端框架：jQuery, React, Bootstrap等
近幾年前端開發越來越火熱，技能要求也越來越高，當然薪資水準也隨著上漲。目前進入前端開發領域是一個非常好的時機。
三、網頁設計師vs網頁開發人員，互相合作
如今，設計師與開發者之間的界限越來越模糊。
越來越多的設計師開始學習編碼，開發者也開始密切關注設計理論。合格的網頁設計師應比平面設計師更懂代碼，比程式師更懂設計。作為精美網頁的締造者，能讓網站用戶眼前一亮，從而產生良好的體驗才是他們的最終目標。
好的網頁開發人員除了具備精湛的代碼編寫技術外，還應具備較強的審美能力。努力提升自己，掌握更深刻的開發知識，實現設計師提供的功能原型圖或是視覺效果圖。
總結
對於想要踏入網頁製作行業的新手來說，在面臨成為網頁設計師或者網頁開發的選擇題時，選擇網頁設計師是一個好的開端。只要你掌握了基本的網頁設計原理，再加上一款好的並且學習成本低的原型工具 ，你就能成為一個初級的網頁設計師。而且人人都有自己的審美觀，只要具備一定的審美意識，再加以學習基本的設計規範，而且通過使用現代越來越簡單易用的工具，就可以快速開始工作。
設計師雖然容易上手，卻對天賦有一定的要求，對個人的綜合素質要求很高，如果想要成為最好的設計師，需要大量的涉獵各種類型的知識，還要隨時關注最新的潮流，有時候甚至會感覺到壓抑，容易懷疑自己。但是完全掌握一個產品帶來的成就感也是巨大的。
文／Mockplus團隊 微信公眾號：Mockplus
本文由 @Mockplus團隊 原創發佈於產品壹佰，未經許可，禁止轉載。
一流的設計師真的是可遇不可求。2.網頁開發人員主要做什麼？
Web開發者通常被認為是使用左腦開發的人群，他們主要負責網站的頁面編碼實現。一般情況下，Web開發者會從Web設計師那裡拿到頁面的設計稿，然後使用前端開發技術來編碼實現這些頁面。他們不太在意頁面是否配色好看，但他們卻很在意潔淨的代碼。優秀的開發者一般更注重細節，並且關注每一處細節。
他們主要需要掌握以下這些技能和工具：
原始程式碼管理工具：SVN, CVS , Git 等；
IDE：WebStorm, Sublime, VS Code等都是優秀的IDE，掌握任意一款即可；
前端開發技術：HTML，JavaScript，CSS等
前端框架：jQuery, React, Bootstrap等
近幾年前端開發越來越火熱，技能要求也越來越高，當然薪資水準也隨著上漲。目前進入前端開發領域是一個非常好的時機。
三、網頁設計師vs網頁開發人員，互相合作
如今，設計師與開發者之間的界限越來越模糊。
越來越多的設計師開始學習編碼，開發者也開始密切關注設計理論。合格的網頁設計師應比平面設計師更懂代碼，比程式師更懂設計。作為精美網頁的締造者，能讓網站用戶眼前一亮，從而產生良好的體驗才是他們的最終目標。
好的網頁開發人員除了具備精湛的代碼編寫技術外，還應具備較強的審美能力。努力提升自己，掌握更深刻的開發知識，實現設計師提供的功能原型圖或是視覺效果圖。
總結
對於想要踏入網頁製作行業的新手來說，在面臨成為網頁設計師或者網頁開發的選擇題時，選擇網頁設計師是一個好的開端。只要你掌握了基本的網頁設計原理，再加上一款好的並且學習成本低的原型工具 ，你就能成為一個初級的網頁設計師。而且人人都有自己的審美觀，只要具備一定的審美意識，再加以學習基本的設計規範，而且通過使用現代越來越簡單易用的工具，就可以快速開始工作。
設計師雖然容易上手，卻對天賦有一定的要求，對個人的綜合素質要求很高，如果想要成為最好的設計師，需要大量的涉獵各種類型的知識，還要隨時關注最新的潮流，有時候甚至會感覺到壓抑，容易懷疑自己。但是完全掌握一個產品帶來的成就感也是巨大的。
文／Mockplus團隊 微信公眾號：Mockplus
本文由 @Mockplus團隊 原創發佈於產品壹佰，未經許可，禁止轉載。