文章開頭：本文是Mockplus團隊老師發(fā)表在產(chǎn)品壹佰的文章（http://www.chanpin100.com/article/105630 ）轉(zhuǎn)載文章僅供大家習(xí)，不作任何商業(yè)用途。
如果從客觀的角度來講，那么你有必要了解網(wǎng)頁設(shè)計師和網(wǎng)頁開發(fā)者之間的區(qū)別和聯(lián)系；如果從職業(yè)規(guī)劃的角度來說，那么你更應(yīng)該好好看看這篇文章，再決定從事網(wǎng)頁設(shè)計方面的工作還是網(wǎng)頁開發(fā)方面的工作。
在互聯(lián)網(wǎng)歷史中，網(wǎng)頁設(shè)計師和網(wǎng)頁開發(fā)人員這兩個不同的行業(yè)分工一直都扮演著不可或缺的角色。誰是主角，誰是配角的爭論就如雞和蛋誰先誰后的爭論一樣，喋喋不休卻沒有意義。但是，如果從客觀的角度來講，那么你有必要了解網(wǎng)頁設(shè)計師和網(wǎng)頁開發(fā)者之間的區(qū)別和聯(lián)系；如果從職業(yè)規(guī)劃的角度來說，那么你更應(yīng)該好好看看這篇文章，再決定從事網(wǎng)頁設(shè)計方面的工作還是網(wǎng)頁開發(fā)方面的工作。
科技的不斷進步使得網(wǎng)頁開發(fā)和網(wǎng)頁設(shè)計已經(jīng)不再那么神秘。林立的寫字樓里到處都能聽到關(guān)于網(wǎng)頁設(shè)計師和網(wǎng)頁開發(fā)者的討論。各類招聘網(wǎng)站上也在熱切的尋找網(wǎng)頁設(shè)計師和網(wǎng)頁開發(fā)人員，然而，薪資標(biāo)準(zhǔn)各有不同。
一、薪資差別
1. 網(wǎng)頁設(shè)計師的工資是多少呢？
截至2017年10月30日，網(wǎng)頁設(shè)計師平均為73,204美元，通常范圍在62,669至83,659美元之間。然而，這取決于各種因素，可能會有很大差異。
HR提供的截至2017年10月30日的數(shù)據(jù)
上圖是美國網(wǎng)頁設(shè)計師薪資的預(yù)期百分比，該比例低于年薪。例如，美國一個典型的網(wǎng)頁設(shè)計師的平均期望年薪是73,204美元，所以在美國執(zhí)行網(wǎng)頁設(shè)計師工作的人中，有50％預(yù)計會少于73,204美元。
2. 網(wǎng)頁開發(fā)人員的年薪是多少呢？
截至2017年10月30日，網(wǎng)頁開發(fā)人員III的年薪為101,962美元，范圍通常在92,359美元至116,497美元之間，但是這取決于各種因素，可能會有很大差異。
HR提供的截至2017年10月30日的數(shù)據(jù)
該圖表描述了美國網(wǎng)絡(luò)軟件開發(fā)人員工作的人員的預(yù)期百分比，該薪酬低于年薪。例如，美國一個典型的網(wǎng)絡(luò)軟件開發(fā)人員的中位數(shù)預(yù)期年薪為77,458美元，因此在美國從事網(wǎng)絡(luò)軟件開發(fā)人員的人中，有50％預(yù)計會少于77,458美元。
二、職責(zé)差別
通常我們對網(wǎng)頁設(shè)計和網(wǎng)頁開發(fā)的概念分不清楚，兩者之間既有區(qū)別又有聯(lián)系。最大的差異是：一個是有關(guān)網(wǎng)站的視覺或美學(xué)方面，被稱為“設(shè)計師”；另一個則是看不見的編碼方面的設(shè)計，被稱為“開發(fā)者”。簡而言之，漂亮的網(wǎng)站界面最初都是出自網(wǎng)頁設(shè)計師之手，而開發(fā)者則負責(zé)把漂亮的圖片變成真正給我們看的頁面。
1.網(wǎng)頁設(shè)計師主要做什么？
通常，網(wǎng)頁設(shè)計師主要處理可視化布局的網(wǎng)站。優(yōu)秀的設(shè)計師在各種概念使用上運用自如，比如色彩的搭配、排版、空間關(guān)系以及用戶體驗等。
通過使用圖形設(shè)計軟件和原型設(shè)計工具來創(chuàng)建可視化的Web網(wǎng)頁初始版本。待設(shè)計完成后再由Web開發(fā)人員進行編碼。
設(shè)計工具:
Adobe
Photoshop
Illustrator
Sketch
原型設(shè)計工具:
Axure
Mockplus
工作內(nèi)容
負責(zé)對網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對用戶視覺感受的整體把握；
進行網(wǎng)頁的原型設(shè)計制作；
開展產(chǎn)品目錄的平面設(shè)計；
進行各類活動的廣告設(shè)計；
協(xié)助開發(fā)人員進行頁面設(shè)計等工作。
總的來說，設(shè)計師就是負責(zé)運用自己的審美知識，使用各種工具，將漂亮的頁面設(shè)計出來。好的設(shè)計師能把握好整個公司的產(chǎn)品風(fēng)格，為客戶的第一感受提供至關(guān)重要的保障，在招聘市場上，一流的設(shè)計師真的是可遇不可求。
2.網(wǎng)頁開發(fā)人員主要做什么？
Web開發(fā)者通常被認為是使用左腦開發(fā)的人群，他們主要負責(zé)網(wǎng)站的頁面編碼實現(xiàn)。一般情況下，Web開發(fā)者會從Web設(shè)計師那里拿到頁面的設(shè)計稿，然后使用前端開發(fā)技術(shù)來編碼實現(xiàn)這些頁面。他們不太在意頁面是否配色好看，但他們卻很在意潔凈的代碼。優(yōu)秀的開發(fā)者一般更注重細節(jié)，并且關(guān)注每一處細節(jié)。
他們主要需要掌握以下這些技能和工具：
源代碼管理工具：SVN, CVS , Git 等；
IDE：WebStorm, Sublime, VS Code等都是優(yōu)秀的IDE，掌握任意一款即可；
前端開發(fā)技術(shù)：HTML，JavaScript，CSS等
前端框架：jQuery, React, Bootstrap等
近幾年前端開發(fā)越來越火熱，技能要求也越來越高，當(dāng)然薪資水平也隨著上漲。目前進入前端開發(fā)領(lǐng)域是一個非常好的時機。
三、網(wǎng)頁設(shè)計師vs網(wǎng)頁開發(fā)人員，互相合作
如今，設(shè)計師與開發(fā)者之間的界限越來越模糊。
越來越多的設(shè)計師開始學(xué)習(xí)編碼，開發(fā)者也開始密切關(guān)注設(shè)計理論。合格的網(wǎng)頁設(shè)計師應(yīng)比平面設(shè)計師更懂代碼，比程序員更懂設(shè)計。作為精美網(wǎng)頁的締造者，能讓網(wǎng)站用戶眼前一亮，從而產(chǎn)生良好的體驗才是他們的最終目標(biāo)。
好的網(wǎng)頁開發(fā)人員除了具備精湛的代碼編寫技術(shù)外，還應(yīng)具備較強的審美能力。努力提升自己，掌握更深刻的開發(fā)知識，實現(xiàn)設(shè)計師提供的功能原型圖或是視覺效果圖。
總結(jié)
對于想要踏入網(wǎng)頁制作行業(yè)的新手來說，在面臨成為網(wǎng)頁設(shè)計師或者網(wǎng)頁開發(fā)的選擇題時，選擇網(wǎng)頁設(shè)計師是一個好的開端。只要你掌握了基本的網(wǎng)頁設(shè)計原理，再加上一款好的并且學(xué)習(xí)成本低的原型工具 ，你就能成為一個初級的網(wǎng)頁設(shè)計師。而且人人都有自己的審美觀，只要具備一定的審美意識，再加以學(xué)習(xí)基本的設(shè)計規(guī)范，而且通過使用現(xiàn)代越來越簡單易用的工具，就可以快速開始工作。
設(shè)計師雖然容易上手，卻對天賦有一定的要求，對個人的綜合素質(zhì)要求很高，如果想要成為最好的設(shè)計師，需要大量的涉獵各種類型的知識，還要隨時關(guān)注最新的潮流，有時候甚至?xí)杏X到壓抑，容易懷疑自己。但是完全掌握一個產(chǎn)品帶來的成就感也是巨大的。
文章結(jié)尾：再次申明所有轉(zhuǎn)載文章僅供學(xué)習(xí)，感謝Mockplus團隊老師的分享，如果喜歡我們的文章點關(guān)注??吧！比心呦！
