文章開頭：本文是Mockplus團(tuán)隊(duì)老師發(fā)表在產(chǎn)品壹佰的文章（http://www.chanpin100.com/article/105630 ）轉(zhuǎn)載文章僅供大家習(xí)墓塌，不作任何商業(yè)用途羹铅。
如果從客觀的角度來講霞捡，那么你有必要了解網(wǎng)頁設(shè)計(jì)師和網(wǎng)頁開發(fā)者之間的區(qū)別和聯(lián)系坐漏；如果從職業(yè)規(guī)劃的角度來說，那么你更應(yīng)該好好看看這篇文章碧信，再?zèng)Q定從事網(wǎng)頁設(shè)計(jì)方面的工作還是網(wǎng)頁開發(fā)方面的工作赊琳。
在互聯(lián)網(wǎng)歷史中，網(wǎng)頁設(shè)計(jì)師和網(wǎng)頁開發(fā)人員這兩個(gè)不同的行業(yè)分工一直都扮演著不可或缺的角色砰碴。誰是主角躏筏，誰是配角的爭(zhēng)論就如雞和蛋誰先誰后的爭(zhēng)論一樣，喋喋不休卻沒有意義呈枉。但是趁尼，如果從客觀的角度來講，那么你有必要了解網(wǎng)頁設(shè)計(jì)師和網(wǎng)頁開發(fā)者之間的區(qū)別和聯(lián)系猖辫；如果從職業(yè)規(guī)劃的角度來說酥泞，那么你更應(yīng)該好好看看這篇文章，再?zèng)Q定從事網(wǎng)頁設(shè)計(jì)方面的工作還是網(wǎng)頁開發(fā)方面的工作住册。
科技的不斷進(jìn)步使得網(wǎng)頁開發(fā)和網(wǎng)頁設(shè)計(jì)已經(jīng)不再那么神秘婶博。林立的寫字樓里到處都能聽到關(guān)于網(wǎng)頁設(shè)計(jì)師和網(wǎng)頁開發(fā)者的討論瓮具。各類招聘網(wǎng)站上也在熱切的尋找網(wǎng)頁設(shè)計(jì)師和網(wǎng)頁開發(fā)人員荧飞，然而凡人，薪資標(biāo)準(zhǔn)各有不同。
一叹阔、薪資差別
1. 網(wǎng)頁設(shè)計(jì)師的工資是多少呢挠轴？
截至2017年10月30日，網(wǎng)頁設(shè)計(jì)師平均為73,204美元耳幢，通常范圍在62,669至83,659美元之間岸晦。然而，這取決于各種因素睛藻，可能會(huì)有很大差異启上。
HR提供的截至2017年10月30日的數(shù)據(jù)
上圖是美國(guó)網(wǎng)頁設(shè)計(jì)師薪資的預(yù)期百分比，該比例低于年薪店印。例如冈在，美國(guó)一個(gè)典型的網(wǎng)頁設(shè)計(jì)師的平均期望年薪是73,204美元，所以在美國(guó)執(zhí)行網(wǎng)頁設(shè)計(jì)師工作的人中按摘，有50％預(yù)計(jì)會(huì)少于73,204美元包券。
2. 網(wǎng)頁開發(fā)人員的年薪是多少呢？
截至2017年10月30日炫贤，網(wǎng)頁開發(fā)人員III的年薪為101,962美元溅固，范圍通常在92,359美元至116,497美元之間，但是這取決于各種因素兰珍，可能會(huì)有很大差異侍郭。
HR提供的截至2017年10月30日的數(shù)據(jù)
該圖表描述了美國(guó)網(wǎng)絡(luò)軟件開發(fā)人員工作的人員的預(yù)期百分比，該薪酬低于年薪俩垃。例如励幼，美國(guó)一個(gè)典型的網(wǎng)絡(luò)軟件開發(fā)人員的中位數(shù)預(yù)期年薪為77,458美元，因此在美國(guó)從事網(wǎng)絡(luò)軟件開發(fā)人員的人中口柳，有50％預(yù)計(jì)會(huì)少于77,458美元苹粟。
二、職責(zé)差別
通常我們對(duì)網(wǎng)頁設(shè)計(jì)和網(wǎng)頁開發(fā)的概念分不清楚跃闹，兩者之間既有區(qū)別又有聯(lián)系嵌削。最大的差異是：一個(gè)是有關(guān)網(wǎng)站的視覺或美學(xué)方面，被稱為“設(shè)計(jì)師”望艺；另一個(gè)則是看不見的編碼方面的設(shè)計(jì)苛秕，被稱為“開發(fā)者”。簡(jiǎn)而言之找默，漂亮的網(wǎng)站界面最初都是出自網(wǎng)頁設(shè)計(jì)師之手艇劫，而開發(fā)者則負(fù)責(zé)把漂亮的圖片變成真正給我們看的頁面。
1.網(wǎng)頁設(shè)計(jì)師主要做什么惩激？
通常店煞，網(wǎng)頁設(shè)計(jì)師主要處理可視化布局的網(wǎng)站蟹演。優(yōu)秀的設(shè)計(jì)師在各種概念使用上運(yùn)用自如，比如色彩的搭配顷蟀、排版酒请、空間關(guān)系以及用戶體驗(yàn)等。
通過使用圖形設(shè)計(jì)軟件和原型設(shè)計(jì)工具來創(chuàng)建可視化的Web網(wǎng)頁初始版本鸣个。待設(shè)計(jì)完成后再由Web開發(fā)人員進(jìn)行編碼羞反。
設(shè)計(jì)工具:
Adobe
Photoshop
Illustrator
Sketch
原型設(shè)計(jì)工具:
Axure
Mockplus
工作內(nèi)容
負(fù)責(zé)對(duì)網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對(duì)用戶視覺感受的整體把握囤萤；
進(jìn)行網(wǎng)頁的原型設(shè)計(jì)制作昼窗；
開展產(chǎn)品目錄的平面設(shè)計(jì)；
進(jìn)行各類活動(dòng)的廣告設(shè)計(jì)涛舍；
協(xié)助開發(fā)人員進(jìn)行頁面設(shè)計(jì)等工作膏秫。
總的來說，設(shè)計(jì)師就是負(fù)責(zé)運(yùn)用自己的審美知識(shí)做盅，使用各種工具缤削，將漂亮的頁面設(shè)計(jì)出來。好的設(shè)計(jì)師能把握好整個(gè)公司的產(chǎn)品風(fēng)格吹榴，為客戶的第一感受提供至關(guān)重要的保障亭敢，在招聘市場(chǎng)上，一流的設(shè)計(jì)師真的是可遇不可求图筹。
2.網(wǎng)頁開發(fā)人員主要做什么帅刀？
Web開發(fā)者通常被認(rèn)為是使用左腦開發(fā)的人群，他們主要負(fù)責(zé)網(wǎng)站的頁面編碼實(shí)現(xiàn)远剩。一般情況下扣溺，Web開發(fā)者會(huì)從Web設(shè)計(jì)師那里拿到頁面的設(shè)計(jì)稿，然后使用前端開發(fā)技術(shù)來編碼實(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)域是一個(gè)非常好的時(shí)機(jī)蔬将。
三兼贡、網(wǎng)頁設(shè)計(jì)師vs網(wǎng)頁開發(fā)人員，互相合作
如今娃胆，設(shè)計(jì)師與開發(fā)者之間的界限越來越模糊。
越來越多的設(shè)計(jì)師開始學(xué)習(xí)編碼等曼，開發(fā)者也開始密切關(guān)注設(shè)計(jì)理論里烦。合格的網(wǎng)頁設(shè)計(jì)師應(yīng)比平面設(shè)計(jì)師更懂代碼，比程序員更懂設(shè)計(jì)禁谦。作為精美網(wǎng)頁的締造者胁黑，能讓網(wǎng)站用戶眼前一亮，從而產(chǎn)生良好的體驗(yàn)才是他們的最終目標(biāo)州泊。
好的網(wǎng)頁開發(fā)人員除了具備精湛的代碼編寫技術(shù)外丧蘸，還應(yīng)具備較強(qiáng)的審美能力。努力提升自己遥皂，掌握更深刻的開發(fā)知識(shí)力喷，實(shí)現(xiàn)設(shè)計(jì)師提供的功能原型圖或是視覺效果圖。
總結(jié)
對(duì)于想要踏入網(wǎng)頁制作行業(yè)的新手來說演训，在面臨成為網(wǎng)頁設(shè)計(jì)師或者網(wǎng)頁開發(fā)的選擇題時(shí)弟孟，選擇網(wǎng)頁設(shè)計(jì)師是一個(gè)好的開端。只要你掌握了基本的網(wǎng)頁設(shè)計(jì)原理样悟，再加上一款好的并且學(xué)習(xí)成本低的原型工具 拂募，你就能成為一個(gè)初級(jí)的網(wǎng)頁設(shè)計(jì)師。而且人人都有自己的審美觀窟她，只要具備一定的審美意識(shí)陈症，再加以學(xué)習(xí)基本的設(shè)計(jì)規(guī)范，而且通過使用現(xiàn)代越來越簡(jiǎn)單易用的工具震糖，就可以快速開始工作燥筷。
設(shè)計(jì)師雖然容易上手，卻對(duì)天賦有一定的要求熄攘，對(duì)個(gè)人的綜合素質(zhì)要求很高勤哗，如果想要成為最好的設(shè)計(jì)師，需要大量的涉獵各種類型的知識(shí)疏叨，還要隨時(shí)關(guān)注最新的潮流潘靖，有時(shí)候甚至?xí)杏X到壓抑，容易懷疑自己蚤蔓。但是完全掌握一個(gè)產(chǎn)品帶來的成就感也是巨大的卦溢。
文章結(jié)尾：再次申明所有轉(zhuǎn)載文章僅供學(xué)習(xí)，感謝Mockplus團(tuán)隊(duì)老師的分享，如果喜歡我們的文章點(diǎn)關(guān)注??吧单寂！比心呦贬芥！
