在互聯(lián)網(wǎng)歷史中，網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)頁(yè)開發(fā)人員這兩個(gè)不同的行業(yè)分工一直都扮演著不可或缺的角色崎苗。誰是主角些阅，誰是配角的爭(zhēng)論就如雞和蛋誰先誰后的爭(zhēng)論一樣伞剑，喋喋不休卻沒有意義。但是市埋，如果從客觀的角度來講黎泣，那么你有必要了解網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)頁(yè)開發(fā)者之間的區(qū)別和聯(lián)系；如果從職業(yè)規(guī)劃的角度來說缤谎，那么你更應(yīng)該好好看看這篇文章聘裁，再?zèng)Q定從事網(wǎng)頁(yè)設(shè)計(jì)方面的工作還是網(wǎng)頁(yè)開發(fā)方面的工作。
科技的不斷進(jìn)步使得網(wǎng)頁(yè)開發(fā)和網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不再那么神秘弓千。林立的寫字樓里到處都能聽到關(guān)于網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)頁(yè)開發(fā)者的討論。各類招聘網(wǎng)站上也在熱切的尋找網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)頁(yè)開發(fā)人員献起，然而洋访，薪資標(biāo)準(zhǔn)各有不同。
一谴餐、薪資差別
1. 網(wǎng)頁(yè)設(shè)計(jì)師的工資是多少呢姻政？
截至2017年10月30日，網(wǎng)頁(yè)設(shè)計(jì)師平均為73,204美元岂嗓，通常范圍在62,669至83,659美元之間汁展。然而，這取決于各種因素厌殉，可能會(huì)有很大差異食绿。
HR提供的截至2017年10月30日的數(shù)據(jù)
上圖是美國(guó)網(wǎng)頁(yè)設(shè)計(jì)師薪資的預(yù)期百分比，該比例低于年薪公罕。例如器紧，美國(guó)一個(gè)典型的網(wǎng)頁(yè)設(shè)計(jì)師的平均期望年薪是73,204美元，所以在美國(guó)執(zhí)行網(wǎng)頁(yè)設(shè)計(jì)師工作的人中楼眷，有50％預(yù)計(jì)會(huì)少于73,204美元铲汪。
2. 網(wǎng)頁(yè)開發(fā)人員的年薪是多少呢熊尉？
截至2017年10月30日，網(wǎng)頁(yè)開發(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)頁(yè)設(shè)計(jì)和網(wǎng)頁(yè)開發(fā)的概念分不清楚，兩者之間既有區(qū)別又有聯(lián)系芳撒。最大的差異是：一個(gè)是有關(guān)網(wǎng)站的視覺或美學(xué)方面邓深，被稱為“設(shè)計(jì)師”；另一個(gè)則是看不見的編碼方面的設(shè)計(jì)笔刹，被稱為“開發(fā)者”芥备。簡(jiǎn)而言之，漂亮的網(wǎng)站界面最初都是出自網(wǎng)頁(yè)設(shè)計(jì)師之手舌菜，而開發(fā)者則負(fù)責(zé)把漂亮的圖片變成真正給我們看的頁(yè)面萌壳。
1.網(wǎng)頁(yè)設(shè)計(jì)師主要做什么？
通常日月，網(wǎng)頁(yè)設(shè)計(jì)師主要處理可視化布局的網(wǎng)站袱瓮。優(yōu)秀的設(shè)計(jì)師在各種概念使用上運(yùn)用自如，比如色彩的搭配爱咬、排版尺借、空間關(guān)系以及用戶體驗(yàn)等。
通過使用圖形設(shè)計(jì)軟件和原型設(shè)計(jì)工具來創(chuàng)建可視化的Web網(wǎng)頁(yè)初始版本精拟。待設(shè)計(jì)完成后再由Web開發(fā)人員進(jìn)行編碼燎斩。
設(shè)計(jì)工具:
Adobe
Photoshop
Illustrator
Sketch
原型設(shè)計(jì)工具:
工作內(nèi)容
負(fù)責(zé)對(duì)網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對(duì)用戶視覺感受的整體把握蜂绎；
進(jìn)行網(wǎng)頁(yè)的原型設(shè)計(jì)制作栅表；
開展產(chǎn)品目錄的平面設(shè)計(jì)；
進(jìn)行各類活動(dòng)的廣告設(shè)計(jì)师枣；
協(xié)助開發(fā)人員進(jìn)行頁(yè)面設(shè)計(jì)等工作谨读。
總的來說，設(shè)計(jì)師就是負(fù)責(zé)運(yùn)用自己的審美知識(shí)坛吁，使用各種工具劳殖，將漂亮的頁(yè)面設(shè)計(jì)出來铐尚。好的設(shè)計(jì)師能把握好整個(gè)公司的產(chǎn)品風(fēng)格，為客戶的第一感受提供至關(guān)重要的保障哆姻，在招聘市場(chǎng)上宣增，一流的設(shè)計(jì)師真的是可遇不可求。
2.網(wǎng)頁(yè)開發(fā)人員主要做什么矛缨？
Web開發(fā)者通常被認(rèn)為是使用左腦開發(fā)的人群爹脾，他們主要負(fù)責(zé)網(wǎng)站的頁(yè)面編碼實(shí)現(xiàn)。一般情況下箕昭，Web開發(fā)者會(huì)從Web設(shè)計(jì)師那里拿到頁(yè)面的設(shè)計(jì)稿灵妨，然后使用前端開發(fā)技術(shù)來編碼實(shí)現(xiàn)這些頁(yè)面。他們不太在意頁(yè)面是否配色好看落竹，但他們卻很在意潔凈的代碼泌霍。優(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)頁(yè)設(shè)計(jì)師vs.網(wǎng)頁(yè)開發(fā)人員，互相合作
如今错览，設(shè)計(jì)師與開發(fā)者之間的界限越來越模糊。
越來越多的設(shè)計(jì)師開始學(xué)習(xí)編碼煌往，開發(fā)者也開始密切關(guān)注設(shè)計(jì)理論倾哺。合格的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)比平面設(shè)計(jì)師更懂代碼，比程序員更懂設(shè)計(jì)刽脖。作為精美網(wǎng)頁(yè)的締造者羞海，能讓網(wǎng)站用戶眼前一亮，從而產(chǎn)生良好的體驗(yàn)才是他們的最終目標(biāo)曲管。
好的網(wǎng)頁(yè)開發(fā)人員除了具備精湛的代碼編寫技術(shù)外却邓，還應(yīng)具備較強(qiáng)的審美能力。努力提升自己院水，掌握更深刻的開發(fā)知識(shí)腊徙，實(shí)現(xiàn)設(shè)計(jì)師提供的功能原型圖或是視覺效果圖简十。
總結(jié)
對(duì)于想要踏入網(wǎng)頁(yè)制作行業(yè)的新手來說，在面臨成為網(wǎng)頁(yè)設(shè)計(jì)師或者網(wǎng)頁(yè)開發(fā)的選擇題時(shí)撬腾，選擇網(wǎng)頁(yè)設(shè)計(jì)師是一個(gè)好的開端螟蝙。只要你掌握了基本的網(wǎng)頁(yè)設(shè)計(jì)原理，再加上一款好的并且學(xué)習(xí)成本低的原型工具民傻，你就能成為一個(gè)初級(jí)的網(wǎng)頁(yè)設(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)品帶來的成就感也是巨大的做葵，如果你希望能主宰一切占哟，歡迎選擇加入設(shè)計(jì)師的行列。
作者：huaer
鏈接：http://www.reibang.com/p/5de3997282af
來源：簡(jiǎn)書
著作權(quán)歸作者所有酿矢。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)榨乎，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
