美工一般是指對平面，色彩 ，基調(diào)，創(chuàng)意等進(jìn)行堆砌的技術(shù)人才，分為平面美工、網(wǎng)頁美工和三維美工。一般需要精通Photoshop等設(shè)計軟件。美工一般負(fù)責(zé)以下工作：1、負(fù)責(zé)公司所需的各類三維設(shè)計、平面設(shè)計、POP設(shè)計、VIP應(yīng)用設(shè)計等。2、負(fù)責(zé)各類活動的現(xiàn)場布置、背景布置和道具制作。3、負(fù)責(zé)商場各類模型、道具的制作和繪制POP等。4、協(xié)助美術(shù)師對商場店堂內(nèi)、外廣告的管理。5、協(xié)助美術(shù)師對商場環(huán)境的規(guī)劃、形象的規(guī)劃、美陳布置等。6、配合公司各類社會活動、促銷活動的現(xiàn)場布置、道具的制作及美術(shù)陳列。

首先需要對UI設(shè)計和網(wǎng)頁美工各自的職責(zé)范疇進(jìn)行解讀：UI設(shè)計：UI其實是用戶界面（User interface）的簡稱 ，而用戶界面是指人和機器互動過程中的界面。UI設(shè)計就是設(shè)計人機交互過程中所需的元素和步驟。以移動端的手機為例，手機上的界面都屬于用戶界面。用戶通過這個界面向手機發(fā)出指令，手機根據(jù)這些指令所產(chǎn)生相對應(yīng)的反饋。而設(shè)計這套界面視覺的人被稱呼為UI設(shè)計師。美工：一般是指對平面，色彩 ，基調(diào)，創(chuàng)意等進(jìn)行堆砌的技術(shù)人才，分為平面美工、網(wǎng)頁美工和三維美工。一般需要精通Photoshop等設(shè)計軟件。美工專業(yè)大部分因為電子商務(wù)的興起而發(fā)展的職業(yè)，主要負(fù)責(zé)公司形象包裝、網(wǎng)站優(yōu)化、產(chǎn)品宣傳畫冊、電子商務(wù)專題設(shè)計等工作。UI設(shè)計和美工的區(qū)別在于：1.美工，顧名思義，就是美化網(wǎng)站的外表。更深層次的就是突出網(wǎng)站本身的內(nèi)涵。而UI設(shè)計師這一職位的真正含義并非是美工（或者說絕不是僅僅做“美化”工作而已）。2.準(zhǔn)確的說UI設(shè)計師是指專門研究和設(shè)計產(chǎn)品的用戶使用界面，目的是在滿足功能的前提下通過圖形界面的合理設(shè)計使用戶更容易理解和操作，從而提高產(chǎn)品在用戶心目中的形象。3.兩三年前的網(wǎng)頁考慮的是界面的好看，所以做靜態(tài)界面的人都叫美工，基本上頁面的結(jié)構(gòu)都不用考慮了，都是固定的了，要做的就是客戶喜歡什么風(fēng)格把它做出來就行。而這兩年網(wǎng)頁要求交互性有效性越來越強，用戶體驗也受到了重視 ，在設(shè)計的要求設(shè)計師從用戶的使用角度去安排設(shè)計，這就是UI設(shè)計師。4.不容置疑，UI是IT的一部分，而且是一種只有在IT發(fā)展到一定程度才會出現(xiàn)的產(chǎn)物，IT的發(fā)展經(jīng)歷了從功能的實現(xiàn)到對美的追求到人性化；同時它也是美術(shù)的范疇，因為它是以審美為基礎(chǔ)去配合用戶動作的過程。所以，只能實現(xiàn)功能的IT產(chǎn)品已經(jīng)不能滿足用戶的需要求了，而只從美術(shù)的角度去考慮也會導(dǎo)致忽略用戶使用方面過程方便性。5.所以，總的來說UI和美工的區(qū)別在于UI主要關(guān)注的是用戶的操作體驗，而美工則是頁面效果，注重的頁面知識。

Web前端開發(fā)技術(shù)主要包括三個要素：HTML、CSS和JavaScript！它要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識，而且要學(xué)會運用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持等。如何學(xué)習(xí)前端知識？我們生活在一個充滿規(guī)則的宇宙里面。社會秩序按照規(guī)則運行，計算機語言幾乎全部是規(guī)則的集合。計算機前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時候，對數(shù)據(jù)的合理控制，來自于你對規(guī)則的掌握。現(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁制作，但是光看視頻你是不可能學(xué)會網(wǎng)頁制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁制作這門技術(shù)，你可以來這個裙，前面是6 1 1，中間是四 貳 八，最后是壹  ④ 二！ 在這里有最新的HTML課程 免費學(xué)習(xí) 也有很多人指導(dǎo)你進(jìn)步，不需要你付出什么，只要你是真心想學(xué)習(xí)的，隨便看看的就不要加了，加了也是浪費大家的時間 。學(xué)習(xí) HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識。而學(xué)習(xí) Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么！如果你只想當(dāng)一個普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理，機制。需要知道他們的本源，需要深刻了解Javascript 基于對象的本質(zhì)。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因為歷史原因，Javascript一直不被重視，有點像被收養(yǎng)的一般！ 所以他有很多缺點，各個宿主環(huán)境下的行為不統(tǒng)一、內(nèi)存溢出問題、執(zhí)行效率低下等問題。作為一個優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會處理 Javascript 的這些缺陷。Web前端：1）精通HTML，能夠書寫語義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。2）精通CSS，能夠還原視覺設(shè)計，并兼容業(yè)界承認(rèn)的主流瀏覽器。3）熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery4）對常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案。5）對性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項目中有效實施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開發(fā)，或者對相關(guān)的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對數(shù)據(jù)庫有較強的設(shè)計能力3）熟悉maven項目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時對在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗者優(yōu)先考慮4）精通面向?qū)ο蠓治龊驮O(shè)計技術(shù)，包括設(shè)計模式、UML建模等5）熟悉網(wǎng)絡(luò)編程，具有設(shè)計和開發(fā)對外API接口經(jīng)驗和能力，同時具備跨平臺的API規(guī)范設(shè)計以及API高效調(diào)用設(shè)計能力6）......從幾個公司的招聘要求可以看到，做Web開發(fā)，對前端和后端的要求是各自所不同的。而我們目前的實際情況，也和這個差不多，但是，我們無論在知識的掌握程度上，還是知識掌握的寬度上，都是不夠的。首先，我們在前端缺乏積累，沒有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開始的，同時，在前端也缺乏支撐與高手，所以，走起來比較困難。同時，前端人員培養(yǎng)的較少，一個原因是對前端了解太少，另外一個原因就是對前端與后端的工作比例估計不足。所幸，我們在這一年也在前端有了很快的進(jìn)步，培養(yǎng)了幾個優(yōu)秀的開發(fā)人員，有意識的解決了前端的用戶體驗，這都是可喜的。今年，需要更進(jìn)一步，專業(yè)化。其次，我們在后端發(fā)展的不夠?qū)?，后端的知識體系已經(jīng)比較完善，但是，很多應(yīng)用點都沒有涉及到。同時，對現(xiàn)有技術(shù)框架的理解都不夠深入，太浮躁。我們目前的設(shè)計團(tuán)隊在解決互聯(lián)網(wǎng)高并發(fā)、大數(shù)據(jù)量的存取上經(jīng)驗與能力都還不足，需要正視這些問題。后端技術(shù)的發(fā)展需要更加的精進(jìn)，以解決實際存在的問題為主。最后，我們在前端、后端都缺乏熟練工，這會影響到開發(fā)的速度，同時，也不利于后期技術(shù)的研究。

網(wǎng)站美工績效考核有幾條標(biāo)準(zhǔn)，你可以參考一下：1、制作圖片的數(shù)量（如一個月制作了多少張圖片）；2、網(wǎng)站訪問時長（美工制作的圖的質(zhì)量，決定了客戶的停留時間）；3、頁面跳出率（跳出率越高，說明美工制作的圖越不吸引人）；4、能否及時完成領(lǐng)導(dǎo)交待的制圖任務(wù)（按百分比算）；5、軟件使用的熟練程度（精通一種軟件，熟練操作其他軟件）；6、網(wǎng)頁界面效果（網(wǎng)站整體頁面設(shè)計的美觀度及一些廣告頁面的設(shè)計）；7、團(tuán)隊協(xié)作性（需要配合整個團(tuán)隊完成總?cè)蝿?wù)）；8、員工日?？伎己耍ǔ銮?、衛(wèi)生、會議、活動、能源節(jié)約等）。

美工一般是指對平面，色彩 ，基調(diào)，創(chuàng)意等進(jìn)行堆砌的技術(shù)人才，分為平面美工、網(wǎng)頁美工和三維美工。一般需要精通Photoshop等設(shè)計軟件。美工一般負(fù)責(zé)以下工作：1、負(fù)責(zé)公司所需的各類三維設(shè)計、平面設(shè)計、POP設(shè)計、VIP應(yīng)用設(shè)計等。2、負(fù)責(zé)各類活動的現(xiàn)場布置、背景布置和道具制作。3、負(fù)責(zé)商場各類模型、道具的制作和繪制POP等。4、協(xié)助美術(shù)師對商場店堂內(nèi)、外廣告的管理。5、協(xié)助美術(shù)師對商場環(huán)境的規(guī)劃、形象的規(guī)劃、美陳布置等。6、配合公司各類社會活動、促銷活動的現(xiàn)場布置、道具的制作及美術(shù)陳列。

現(xiàn)在網(wǎng)站前端工程師和美工是兩個完全不同的職位，兩者的工作內(nèi)容也是完全不同的。從2013年開始，一些的中小型的公司也開始將網(wǎng)站前端和美工分離，到目前，基本所有的專業(yè)的開發(fā)網(wǎng)站的公司都是設(shè)置了網(wǎng)站美工和網(wǎng)站前端兩職位，其工作內(nèi)容和職責(zé)是完全不同的。首先說一下開發(fā)一個網(wǎng)站的大致流程：客戶提出需求——>網(wǎng)站美工根據(jù)客戶的需求設(shè)計效果圖并得到客戶的認(rèn)可——>網(wǎng)站前端工程師使用前端代碼將效果圖做成靜態(tài)的網(wǎng)頁——>后臺開發(fā)人員填充后臺數(shù)據(jù)——>測試完成上線。根據(jù)以上的流程應(yīng)該可以知道美工和前端的工作分工是不同，現(xiàn)在兩者沒有任何交集只是團(tuán)隊合作，具體的職責(zé)和內(nèi)容如下：1、網(wǎng)站美工網(wǎng)站美工一般是學(xué)美術(shù)或者設(shè)計出身，精通photoshop、AI、AE等平面設(shè)計工具，其在網(wǎng)站開發(fā)過程的中的職責(zé)就是按照客戶或者公司的需求設(shè)計出符合客戶需求和界面或者顏色符合大眾視覺的網(wǎng)站效果，如根據(jù)不同行業(yè)的需求設(shè)計顏色、設(shè)計界面風(fēng)格等，其工作的最后成果就是網(wǎng)站的效果圖。2、網(wǎng)站前端工程師網(wǎng)站前端工程師不參與任何的設(shè)計，直接將網(wǎng)站美工制作的網(wǎng)站效果圖使用ps按照效果圖進(jìn)行切片并使用html、css、js等代碼進(jìn)行網(wǎng)頁的制作，最終編寫出符合w3c標(biāo)準(zhǔn)的兼容各個主流瀏覽器的靜態(tài)頁面，同時還需要按照后臺開發(fā)人員的要求留下一些后臺數(shù)據(jù)的接口。所以說網(wǎng)站前端工程師的是編程而不是設(shè)計?？偨Y(jié)：美工是搞美術(shù)或者是設(shè)計出身的，前端是學(xué)習(xí)計算機的搞編程寫代碼的。

現(xiàn)在網(wǎng)站前端工程師和美工是兩個完全不同的職位，兩者的工作內(nèi)容也是完全不同的。從2013年開始，一些的中小型的公司也開始將網(wǎng)站前端和美工分離，到目前，基本所有的專業(yè)的開發(fā)網(wǎng)站的公司都是設(shè)置了網(wǎng)站美工和網(wǎng)站前端兩職位，其工作內(nèi)容和職責(zé)是完全不同的。首先說一下開發(fā)一個網(wǎng)站的大致流程：客戶提出需求——>網(wǎng)站美工根據(jù)客戶的需求設(shè)計效果圖并得到客戶的認(rèn)可——>網(wǎng)站前端工程師使用前端代碼將效果圖做成靜態(tài)的網(wǎng)頁——>后臺開發(fā)人員填充后臺數(shù)據(jù)——>測試完成上線。根據(jù)以上的流程應(yīng)該可以知道美工和前端的工作分工是不同，現(xiàn)在兩者沒有任何交集只是團(tuán)隊合作，具體的職責(zé)和內(nèi)容如下：1、網(wǎng)站美工網(wǎng)站美工一般是學(xué)美術(shù)或者設(shè)計出身，精通photoshop、AI、AE等平面設(shè)計工具，其在網(wǎng)站開發(fā)過程的中的職責(zé)就是按照客戶或者公司的需求設(shè)計出符合客戶需求和界面或者顏色符合大眾視覺的網(wǎng)站效果，如根據(jù)不同行業(yè)的需求設(shè)計顏色、設(shè)計界面風(fēng)格等，其工作的最后成果就是網(wǎng)站的效果圖。2、網(wǎng)站前端工程師網(wǎng)站前端工程師不參與任何的設(shè)計，直接將網(wǎng)站美工制作的網(wǎng)站效果圖使用ps按照效果圖進(jìn)行切片并使用html、css、js等代碼進(jìn)行網(wǎng)頁的制作，最終編寫出符合w3c標(biāo)準(zhǔn)的兼容各個主流瀏覽器的靜態(tài)頁面，同時還需要按照后臺開發(fā)人員的要求留下一些后臺數(shù)據(jù)的接口。所以說網(wǎng)站前端工程師的是編程而不是設(shè)計?？偨Y(jié)：美工是搞美術(shù)或者是設(shè)計出身的，前端是學(xué)習(xí)計算機的搞編程寫代碼的。

網(wǎng)站美工首先需要懂得平面設(shè)計的技能，因為美工主要是設(shè)計網(wǎng)站模板和網(wǎng)站上使用的圖片，所以首先需要熟練使用 Photoshop 和cdr著來年各個軟件。其次，需要熟練使用Dreamweaver，這是用來編輯代碼的，但是也可以使用別的編輯工具來編輯代碼。編輯代碼主要考驗的是對代碼的熟練掌握，網(wǎng)頁美工一般只負(fù)責(zé)網(wǎng)站前臺的代碼編寫，所以需要熟練掌握，html div+css flash這個軟件在以前也是經(jīng)常用到的，但因為flash文件質(zhì)量太大，影響網(wǎng)站的打開速度，所以如今已經(jīng)很少用了，可以不用掌握。

1.平面設(shè)計講究頁面構(gòu)圖、版式布局、空間表現(xiàn)等，而網(wǎng)頁設(shè)計也適用這些要素。 網(wǎng)頁設(shè)計與傳統(tǒng)平面設(shè)計在視覺傳達(dá)方面很大的相似點，但是在技術(shù)方面又是有很大的區(qū)別。 網(wǎng)頁設(shè)計是傳統(tǒng)平面設(shè)計的視覺傳達(dá)效果運用和網(wǎng)路技術(shù)的結(jié)合，所以可以說網(wǎng)頁設(shè)計綜合了平面設(shè)計藝術(shù)和網(wǎng)路技術(shù)。 網(wǎng)頁設(shè)計的重要特色就是動靜結(jié)合，這點在平面設(shè)計裏是無法實現(xiàn)的。其中網(wǎng)頁切圖在平面設(shè)計中是沒有的.2.處理的差別 傳統(tǒng)平面設(shè)計的作品大多是以印刷的平面形式表現(xiàn)；而網(wǎng)頁設(shè)計作品則是透過顯示器表現(xiàn)，并且在傳輸?shù)倪^程中受到網(wǎng)路頻寬的限制。因為受到網(wǎng)路頻寬的限制，網(wǎng)頁設(shè)計中的圖像處理也不同於平面設(shè)計，為了加快下載速度，在保持圖像質(zhì)量的前提下我們要盡可能的縮小其檔案大小，而不像平面設(shè)計那樣為了追求圖像的質(zhì)量而不管其文件大小。 作為一名合格的網(wǎng)頁設(shè)計師，在處理網(wǎng)路圖形時，應(yīng)做到在保持圖像清晰的前提下，盡可能縮小圖片的檔案大小。 3.網(wǎng)頁的構(gòu)圖布局與平面構(gòu)圖布局有著很大的相似之處，但是因為技術(shù)的局限，網(wǎng)頁構(gòu)圖遠(yuǎn)不如平面設(shè)計那樣揮灑自如。 在平面設(shè)計中想把某一物件放置到某一位置的時候只需要簡單的拖曳就可以完成。但是在網(wǎng)頁設(shè)計中想對某一物件進(jìn)行定位的話就必須有 HTML 語言的支援才行。 所以在進(jìn)行網(wǎng)頁設(shè)計的時候，除了要有好的創(chuàng)意，還應(yīng)該考慮到技術(shù)上的可行性。 網(wǎng)頁的構(gòu)圖與傳統(tǒng)的平面構(gòu)圖最大的區(qū)別就是技術(shù)的可行性。 在進(jìn)行網(wǎng)頁設(shè)計時必需時時提醒自己，所設(shè)計的作品最終會通過網(wǎng)路傳輸?shù)接脩舳?，?jīng)過下載，再用瀏覽器瀏覽，作品將受到頻寬和顯示器的限制。 而且，所有網(wǎng)頁的后端語言都是以 HTML 為基礎(chǔ)，輔以 JavaScript 或 VBScript 編寫的程式，有些動態(tài)特效實現(xiàn)起來會有較大的難度。 所以，網(wǎng)頁設(shè)計人員在構(gòu)思創(chuàng)意時，要考慮到技術(shù)上是否能實現(xiàn)。 如果一味地追求視覺效果的創(chuàng)意，而忽略技術(shù)上的限制，顧此失彼，再好的構(gòu)思也只好放棄。 網(wǎng)頁設(shè)計中實現(xiàn)的創(chuàng)意，對網(wǎng)頁設(shè)計構(gòu)圖來說是毫無價值的。4.功能的不同 傳統(tǒng)平面的設(shè)計作品是以向人們傳達(dá)某種資訊或訴求為目的。而網(wǎng)頁的設(shè)計必須是配合網(wǎng)站的內(nèi)容設(shè)計，而不是單純地只為表現(xiàn)藝術(shù)而設(shè)計。 除了擁有平面設(shè)計作品的功能以外，還有重要的引導(dǎo)和連接功能，也就是網(wǎng)頁具有很強的可操作性和互動性。 網(wǎng)頁設(shè)計與傳統(tǒng)的平面設(shè)計最大的區(qū)別就是網(wǎng)頁的可操作性。