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