在互聯(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ā)方面的工作渣磷。
科技的不斷進(jìn)步使得網(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ā)者則負(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ā)人員進(jìn)行編碼。
設(shè)計工具:
Adobe
Photoshop
Illustrator
Sketch
原型設(shè)計工具:
工作內(nèi)容
負(fù)責(zé)對網(wǎng)站整體表現(xiàn)風(fēng)格的定位爽彤，對用戶視覺感受的整體把握养盗；
進(jìn)行網(wǎng)頁的原型設(shè)計制作；
開展產(chǎn)品目錄的平面設(shè)計适篙；
進(jìn)行各類活動的廣告設(shè)計往核；
協(xié)助開發(fā)人員進(jìn)行頁面設(shè)計等工作。
總的來說嚷节，設(shè)計師就是負(fù)責(zé)運用自己的審美知識聂儒，使用各種工具虎锚，將漂亮的頁面設(shè)計出來。好的設(shè)計師能把握好整個公司的產(chǎn)品風(fēng)格衩婚，為客戶的第一感受提供至關(guān)重要的保障窜护，在招聘市場上，一流的設(shè)計師真的是可遇不可求非春。
2.網(wǎng)頁開發(fā)人員主要做什么柱徙？
Web開發(fā)者通常被認(rèn)為是使用左腦開發(fā)的人群，他們主要負(fù)責(zé)網(wǎng)站的頁面編碼實現(xiàn)奇昙。一般情況下护侮，Web開發(fā)者會從Web設(shè)計師那里拿到頁面的設(shè)計稿，然后使用前端開發(fā)技術(shù)來編碼實現(xiàn)這些頁面储耐。他們不太在意頁面是否配色好看羊初，但他們卻很在意潔凈的代碼。優(yōu)秀的開發(fā)者一般更注重細(xì)節(jié)什湘，并且關(guān)注每一處細(xì)節(jié)凳忙。
他們主要需要掌握以下這些技能和工具：
源代碼管理工具：SVN, CVS , Git 等；
IDE：WebStorm, Sublime, VS Code等都是優(yōu)秀的IDE禽炬，掌握任意一款即可；
前端開發(fā)技術(shù)：HTML勤家，JavaScript腹尖，CSS等
前端框架：jQuery, React, Bootstrap等
近幾年前端開發(fā)越來越火熱，技能要求也越來越高伐脖，當(dāng)然薪資水平也隨著上漲透乾。目前進(jìn)入前端開發(fā)領(lǐng)域是一個非常好的時機(jī)泼疑。
三、網(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)具備較強(qiá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)品帶來的成就感也是巨大的安接，如果你希望能主宰一切翔忽，歡迎選擇加入設(shè)計師的行列。
