網頁美工設計

1. 網頁設計和美工的區別

網頁設計是根據客戶的要求設計出一張網頁設計稿出來，這些網頁設計稿就包括了移動端和PC端的頁面，然後這些頁面就會交給前端工程師，通過代碼去實現。所以，我平時手機瀏覽的頁面一般有幾個步驟產出，客戶交流，確定頁面效果，網頁設計師設計初稿，迭代跟客戶確認需求，直至確定為止，交給前端工程師實現，完畢。
廣義上的網頁設計師，其中就包含了美工這個職位，也就是說，網頁設計師不只要設計網頁，有可能在公司中還會兼任處理圖片，攝影，甚至手繪等，做一些海報。
美工的話一般就包括圖片處理，海報設計還有一些是以照片的後期處理，以及包括攝影等。

2. 網頁美工與UI設計區別是什麼

大概念上來說網頁設計是屬於UI設計的一部分，學習UI設計，出來可以做廣告設計、網頁設計等等。

3. 網頁美工與UI設計區別是什麼

非業內人士總習慣用「美工」稱呼UI設計師，而設計師通常會為此感到生氣。畢竟，在國內大部分人對UI的理解還停留在美術設計方面，認為UI的工作只是描邊畫線，缺乏對用戶交互重要性的理解。實際上，這兩個職業有著巨大差異。今天我們就為各位UI設計師正名，來聊聊「美工」與「UI設計師」的區別。01從工作性質來看美工這個稱呼，本來的職業是：網站美術設計、平面美術設計，也就是我們稱之為：平面設計師或網路設計師。這裡面分的更細的是，平面設計師一般做logo設計、VI手冊、印刷品等，網路設計師一般是指自己能獨立完成網站，包括代碼的設計師。UI即User Interface（用戶界面）的簡稱。泛指用戶的操作界面，包含移動APP，網頁，智能穿戴設備等。互聯網新科技興起，從國外引進了UX設計師的概念，但是公司內部協作分的更細，分為了：UI設計師（視覺）和UE設計師(交互），設計師徹底告別了代碼，更專注於我們所說的：用戶體驗。02從服務群體來看1、美工美工服務的是甲方客戶，作品是否可以通過，全靠甲方一句話。偏偏每個人的審美都不同，你辛辛苦苦做出來的未必就能讓甲方喜歡。漸漸地，美工的主動權開始被剝奪，離自主創作越來越遠，只是用軟體做出好看的東西，這更像是一名素材的搬運工。2、UI設計師UI設計師面向的是產品使用者（用戶），由於用戶的留存會決定產品的生死，所以他們要聽的是用戶的話。即使上層領導與你的審美有很大差別，但也決不敢拿產品的命運打賭。用戶留存數據、內測用戶的反饋等是你做產品迭代的原因所在。甚至有時候，漂亮、充滿創意的界面產生的效果反而比較差。03從工作流程來看1、美工接到老闆需求，開始做設計，初稿過後根據老闆的意見修改設計，改完後接著根據老闆的意見修改……大家還記得曾經的網路熱詞——五彩斑斕的黑嗎？2、UI設計師在開展設計產品UI之前，我們應當根據功能的優先順序或者相關調研數據，結合常規設計原則來建立應用的界面交互框架，即交互線框圖。交互線框圖須對零碎且尚未流程化的功能信息進行歸納和整理，首先要交代應用中都有什麼東西，並設計合理的信息結構，明確這些元素的具體位置，最後再詳細描述用戶與界面元素之間的交互行為，包括如何操作以及相應的操作反饋、跳轉路徑等。04從掌握技能來看1、美工UI設計和美工兩者有什麼區別？
愛吃奶茶的皮卡丘
與其持劍天涯，不如浪跡江湖
非業內人士總習慣用「美工」稱呼UI設計師，而設計師通常會為此感到生氣。畢竟，在國內大部分人對UI的理解還停留在美術設計方面，認為UI的工作只是描邊畫線，缺乏對用戶交互重要性的理解。實際上，這兩個職業有著巨大差異。今天我們就為各位UI設計師正名，來聊聊「美工」與「UI設計師」的區別。01

從工作性質來看美工這個稱呼，本來的職業是：網站美術設計、平面美術設計，也就是我們稱之為：平面設計師或網路設計師。這裡面分的更細的是，平面設計師一般做logo設計、VI手冊、印刷品等，網路設計師一般是指自己能獨立完成網站，包括代碼的設計師。

UI即User Interface（用戶界面）的簡稱。泛指用戶的操作界面，包含移動APP，網頁，智能穿戴設備等。互聯網新科技興起，從國外引進了UX設計師的概念，但是公司內部協作分的更細，分為了：UI設計師（視覺）和UE設計師(交互），設計師徹底告別了代碼，更專注於我們所說的：用戶體驗。

02從服務群體來看

1、美工

美工服務的是甲方客戶，作品是否可以通過，全靠甲方一句話。偏偏每個人的審美都不同，你辛辛苦苦做出來的未必就能讓甲方喜歡。漸漸地，美工的主動權開始被剝奪，離自主創作越來越遠，只是用軟體做出好看的東西，這更像是一名素材的搬運工。2、UI設計師

UI設計師面向的是產品使用者（用戶），由於用戶的留存會決定產品的生死，所以他們要聽的是用戶的話。即使上層領導與你的審美有很大差別，但也決不敢拿產品的命運打賭。用戶留存數據、內測用戶的反饋等是你做產品迭代的原因所在。甚至有時候，漂亮、充滿創意的界面產生的效果反而比較差。

03從工作流程來看

1、美工接到老闆需求，開始做設計，初稿過後根據老闆的意見修改設計，改完後接著根據老闆的意見修改……大家還記得曾經的網路熱詞——五彩斑斕的黑嗎？2、UI設計師

在開展設計產品UI之前，我們應當根據功能的優先順序或者相關調研數據，結合常規設計原則來建立應用的界面交互框架，即交互線框圖。交互線框圖須對零碎且尚未流程化的功能信息進行歸納和整理，首先要交代應用中都有什麼東西，並設計合理的信息結構，明確這些元素的具體位置，最後再詳細描述用戶與界面元素之間的交互行為。

4. 網頁美工和與平面設計有什麼區別

從事網頁設計這條路還不是很長，我對網路的認識也不過五年，98年上網時網站很少，網頁設計更是一個新鮮時髦概念模糊的名詞。現在網頁設計這個詞的概念就很清晰了么？從事網路的人越來越多，做著與之相關工作的人也越來越多，網頁設計讓我覺得更加的不好掌握。設計這個專業已經成熟了，當它試著進入網路時，網路里的設計就變得復雜起來。

常聽做美工的朋友說酬勞低，從經濟學上說，是這種資源的需求關系不夠緊張。那麼我就以我混亂的思想以及上網五年的歷史，來談談我對網頁美工，或者說網頁美術的感受。

美術作為一門藝術，網頁方面不是一個創作的好環境，只是一種展示它的最快捷途徑。記得2001年看一本書，是西安美院的設計師寫的，他就談到，網路上的設計，和傳統媒體設計沒得比，給網站做平面設計，只是小打小鬧，很難成大氣候，記得他好像做過央視的幾個廣告，境況相當的不錯。一直到現在，也沒聽說哪個專做網頁設計的藝術家有很高的聲譽，確切點說，就是以網頁設計為代表作，得到同行們的承認。

網頁之於美術，是為了讓它的內容表達得更清楚；美術需要網路，是為了讓自己的作品傳播得更遠。這是兩者之間的交叉點，也是我認識上一直存在的盲點。認識到這點以後，就不難解釋為什麼美工的待遇會比程序員差，美術是用來"點綴"網路的，而程序對於一個大網站來說則是必須的。當一個美工的作品只能靠網頁來展示時,美術這條路,對他就一下子變窄了。

當無數的小路交錯在一起的時候，我們會迷路，站在路的交叉口，我不知道選那一條，因為我不知道哪一條路能達到我的目的，而且我也不清楚我的目的究竟是什麼，只是隨便挑一條。路上同行的人多了，看的事認識的人多了，才發現這條路不對，但卻很難再換一條路走。

做"網頁"決非什麼高難度的工作，如果是想發表文章，用Word寫好，在"文件"里選擇"另存為Web頁"也就是"網頁"了，而這篇文章的內容價值，並不在於它的頁面美化做得有多好，僅在於它本身所表達的內容。我也希望"故人具雞黍，邀我至田家。綠樹村邊合，青山郭外斜。開軒面場圃，把酒話桑麻。待到重陽日，還來就菊花。"這首詩界面的美術設計，能夠充分表現這首詩的優美意境，但如果實在不行，白底黑字，規規正正地放在網頁上，也不擔心沒人看每人領會其詩意。這大概就是做網頁設計的美術師面臨的最大的尷尬--那些破網站，居然不需要什麼美術設計。
聞著花香，覺得愉快，是閑雅生活的情趣；做著工作，看著作品，覺得愉快，那就是接近天堂的感覺了。但做美工的，總是有那麼多不愉快。你甚至要為一個嬰兒修改作品。要聽一些沒有藝術常識的指責，這種指責不是針對你，而是針對他根本沒有發言權的領域。 才情氣質在工作中都要小心翼翼地收好，長時間不發揮，一個做美術的人，會變得愈發遲鈍，那時候我們就可以稱他，這個傢伙會畫畫。而不會說他是做美術的。沒有思想感情的東西，不能再稱為藝術作品了，畢竟，不能只為了一個人"愉快"，而害得大家都丟了飯碗。

做網頁的人各種各樣，有三種可以說是代表：

第一種是"美工"，漂亮的站點，差不多都出自此類人之手。第二種是程序員，寫後台應用程序，才是他們所專長的。但做軟體也得講究一下"用戶界面"，做網頁時，也多多少少會牽扯一點界面設計的問題，他們做出的界面每法兒漂亮，但如果從代碼上分析，卻絕對是很經典的。因為一樣畫表格圓角，美工大多隻會用圖片來處理，而程序員，是會用代碼的。他們的站點大多走簡潔實用之路，一方面固然是內容要求，另方面要他們做出"藝術"化的東西，實在是勉為其難了。還有一種人，統稱為學生吧，既不是美工，也不是程序員。他們也喜歡做網頁，其水平，跟兩者沒法比，所以叫做"學生"。（當然，也有一些在校生水平超常）他們做出的網站可謂"千姿百態"。這里，我要很小心地向那些身兼前兩者之長的高手報歉，之所以不列他們為代表人物，是因為那樣的"高手"的確鳳毛麟角。

給網頁的內容分類相當麻煩。大至有這么幾類：一、綜合型站大站--這大約是唯一需要請專業網頁美工的單位了。二、專業類網站，這樣的網站，多多少少也會招美工，但是這種網站，相當於傳統媒體的電子版，美工的作用，也就可想而知了。
現在的網站，東西看起來不少，有用的卻不多。這里說的"有用"，只是針對專業領域而言。專業領域，內容多，界面好的網站，鳳毛麟角。

隨著素質教育的提高，再過三四年，做網頁的高手會大量出現，這必將進一步影響到網頁美工的生存空間。只會用photoshop、DW這樣的東西，在網路這領域的工作前景、還有的"保鮮期"，肯定是要低於在傳統的廣告等行業的美工們的。因為雖然工作的內容（美工設計），和在傳統行業的同行沒有什麼太大不同，而勞動強度，卻必須和程序員一樣，否則，辦公室里一定會有這樣的聲音：我把程序調好了，哎，那個做界面的跑到哪裡去了？可能，那時是深夜兩點。這樣的生活，日復一日的勞動，老得快啊，"後生"可畏啊--種種念頭一起襲來，難免緊張。如果微積分不會算，加速度沒掌握、不清楚，就是一個FLASH也難做好--但美工，數學通常是吃力的科目，不能用數學的邏輯來思考，動畫是很難做好的。

寫到這里，我也有點昏昏沉沉的了--做網頁到底包含了什麼？美工在其中究竟有什麼樣的作用？我也沒有一個清晰的答案。但我還是盡我所能來總結一下吧：

網頁的內容決定了形式，在對內容的處理上，程序員有著絕對的優勢，是一個網站不可或缺的部份。美工，相當於版式設計、美編的綜合體吧。一份報紙，不能沒有印刷機--程序員，不能沒有內容；但好像，是可以沒有美編的。美術設計也就是把傳統的工作移到了網路的平台上，這個平台的基礎是"程序"。程序員可以憑技術進入到公司的中層甚至高層。有憑美工水平進入公司高層的人么？起碼現在看不到。

對一個從事網頁美工的人來說，加強美術上的修養，縱橫於"電腦美術"的世界才是立身發展之道，不能被網頁設計這一塊緊緊纏住，搞得筋疲力竭。
通過仔細觀察，我們可以看見朝露上反光的變化，映出了世界的勃勃生機，我們就可以修改我們作品中不真實的部份；而通過觀察，我看不出這實現同樣功能的兩段不同代碼有什麼優劣，那這個世界對我們來說就是黑色的--如果這個世界對你的誘惑是那麼的大，別介意你的年齡，恭喜你，你新生了，只要你願意學習，你將重新在這個世界裡發育，成長。

聽說，"龍象般若功"是什麼人都可以練成的，練成之後也就天下無敵了，但要練成，得活到150歲以上……
個人以為，網頁設計與傳統平面設計是有一定區別的，可能大家會認為網頁設計的效果沒有平面設計的效果那麼有意境。
平常給客戶做網站時，客戶負責人會是他們公司的某個搞"平面設計"人員，他們會當著你的面說"網頁設計也不過是排版而已，很簡單嘛！"，那我不懂了，既然這么簡單幹嘛還花錢讓我們做，你自己做不就得了？？？ 說穿了，哪一個設計不是在排版？？？還不都是把文字內容與圖片想辦法排到最好的效果？

社會上，網頁設計的人是比平面設計的人矮一截的。但，我相信，真的是有本事的就不會說出這么無知的話來。
不懂裝懂的人最討厭。
可能因為我做的網站主要是門戶型的吧，這些網站頁面的設計都是要根據其網站功能來設計的，主要還是以簡潔為主，所以我也自認自己設計出來的東西跟平面是肯定有很大差距的。
但，在網頁設計一行里，好的設計師與好的作品也不少啊。怎麼你就不知道呢？郁悶ing....
這個問題讓我想到另一個問題："是MP3好還是MD好？"。區別呢？人們總喜歡拿一個2~3K的MD來跟一個3~4百的MP3來比，這有什麼意思呢？？

5. 網頁美工是干什麼的啊

網頁美工主要是做美工圖！如首頁美工圖! 子頁面的美工圖等等！ 處理圖片！例如我們幫別人做網站!拍的相片不怎麼的理想!用到我們的網站上面效果不怎麼理想！那麼就要求我們美工來處理下！使其和網頁搭在一起和諧！有視覺沖擊力等等！ 還有就是又Dw做一些特效!使網頁視更搶眼!更具有活力等等 做好一個美工對我們DW應用的技術要求也是很高的！特別是CSS 總體來講就是網頁布局！ 美化圖片！

6. 網頁美工設計師需要學什麼

首先第一步，你要學PS 不用太深，只要能把一個網站的樣子在PS裡面做出來就行了。前期可以隨便打開個網站照著做。
其次，你要會寫代碼，可以運用DW(DreamWeaver)輔助。代碼這東西其實很簡單，雖然是英文，但用到的單詞絕對不超過200個。基於SEO原則，你必須會DIV+CSS式的排版。你可以用火狐瀏覽器隨便打開一個簡單的網站點查看源文件，然後參照別人寫的HTML和CSS樣式來寫，或者上一些網站下載教程，查看資料，如果每天投入8小時來練，那麼頂多15天你就能寫出一個網站的前台了。要堅持天天練，練到你能把一個門戶類網站（如淘寶）的前台寫出來（當然是靜態的），那麼恭喜你，你代碼學科畢業了，期間你可以穿插認識一下JAVASCRIPT等特效，能做一定的修改和應用。

再次，這個時候你可以轉型學習網 絡 推 廣，基於自己的H T M L知識你會發現網路 推廣的知識你一看就懂。

7. 網頁設計和網頁美工一樣嗎

不一樣的， 網頁設計使設計不用的風格，例如網店設計，要求不一樣的布局、版面等一系列的事情，而網頁美工，是用ps 中的鋼筆等修圖工具勾圖，調整顏色，大小。要求很搭配，要與實際相符合。整體一定要很美觀，風格很統一。 不過相比下來，網頁設計的待遇很高的，而美工相比起來就少一點了！

8. UI設計和網頁美工的區別是什麼

UI設計只是網站美工的一部分，網站美工需要學習的內容有UI設計，PS，AI，html語言，javaScript語言等。

網頁美工局限於美術設計和頁面製作，UI注重交互，用戶體驗是第一目標。

UI設計師的職能大體包括三方面：一是圖形設計，軟體產品的產品「外形」設計。二是交互設計，主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計，並且確立交互模型，交互規范。三是用戶測試/研究，這里所謂的「測試」，其目標恰在於測試交互設計的合理性及圖形設計的美觀性，主要通過以目標用戶問卷的形式衡量UI設計的合理性。

網頁美工需要學習網站概念知識、色彩構成、網頁設計中的美學規律、FIREWORKS網頁圖形處理、FLASH二維動畫、PHOTOSHOP平面設計軟體在網站設計中的應用、作品設計及點評等內容。

拓展知識

UI設計：UI即User Interface（用戶界面）的簡稱。UI設計則是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。

網頁美工：是精通美學，photoshop（PS），FLASH，dreamwaver（DW）等一網站製作軟體的網路人員，必須具有良好的創意和一定程度的審美觀。必要時需要一定的策劃知識。為網站所有的頁面畫出來並用DW和css排版出來。頁面必須清晰簡潔，還要適宜後台調用。

9. 網頁美工設計的流程有那些

1.首先了解你要做的是什麼東西，並且進行分析，選用主色調和基本設計思路
2.按照你所想的進行素材的收集
3.配合上面的進行初稿設計
4.再回過頭看看有沒有要修改的地方，然後確認完成
5.將設計稿發給客戶，如果客戶認同則進行網頁製作，如果沒認同則繼續進行修改，知道客戶滿意為止！
6.切片前也要先觀察好，哪些是自己需要的，哪些東西能重復使用，哪些是需要越小越好的，哪些文字是必須用圖片的！考慮好這些就進行切片，記住精確精確再精確！如果有必要將類型相同的圖片做成一張圖片！
7.網頁編碼，按照切片時思路將網頁進行編碼，一般都是分為頭部、主體內容、底部，主體內容有1欄的 2欄的，3欄的，現在軟體中把DIV架構好框架，再進行樣式的編寫！！！

補充一點，設計的時候要考慮到以後編碼的方便來設計！能用文字的地方盡量用文字，還有一般的行業網站和大一點的參照一下一柵格系統，無非是網頁內容在950-960這個范圍！

工作周期在7天以內 包括與客戶溝通時間！ 當然一般只需要三天就好，快的一天也行！ 要看網站的大小程度和客戶的刁鑽程度！

10. 網頁美工與UI設計區別是什麼

UI設計和網來頁設計的區別自：網頁設計側重於網站頁面的設計，一般是電商和傳統的網站用的比較多，UI設計側重於圖標，app設計，頁面設計以及交互，兩者有不同的側重點，但是相對來說ui設計的發展比較大一些。當然平面設計做的很厲害的人也是很不錯的。