網頁美工設計

1、網頁美工與UI設計區別是什麼？

一、性質不同

1、UI設計：是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。（想了解更多點這里）

2、網頁美工：是精通美學，photoshop（PS），FLASH，dreamweaver（DW）等一網站製作軟體的網路人員，且必須具有良好的創意和一定程度的審美觀。

二、工作內容不同

1、UI設計：UI設計師的職能大體包括三方面：一是圖形設計，軟體產品的「外形」設計。二是交互設計，主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計，並且確立交互模型，交互規范。三是用戶測試/研究，

2、網頁美工：網頁美工負責整個網站的前台設計，界面設計、規劃整個網頁的布局。可以使用ps進行界面效果圖的設計，AI輔助設計LOGO、以及網標。所以作為網頁設計師掌握的重要工具就是photoshop軟體。

2、網頁美工需要學什麼？

你好！很高興能為你解答，看到及時採納，謝謝！
首先：要看你的工作是偏重於頁面設計還是偏重技術即網頁的製作。
其次：PS是基本要求，還有網頁三劍客也就是dreamweaver、flash、firework，dreamweaver則需掌握很熟練，而flash需掌握5分熟，另外再會用Html、css、掌握css+div技術則能成為一個網頁設計師。總之，多學點東西肯定是沒壞處的。祝你好運！

3、網頁前端和網頁美工的區別

美工和網站前端是兩個不同的職位，兩者的職能也不一樣。美工是美術工程師(Art Engineer)，一般出身於藝術美術院校的藝術設計專業居多；網頁前端是Web前端開發工程師的簡稱，是近五年才真正開始受到重視的一個新興職業。

美工和網頁前端的具體職能如下：

一、美工

根據工作性質美工一般分為平面美工、三維美工、網頁美工三大類。

平面美工是由美工用Fireworks 或者 Photoshop 設計出平面外觀；

三維美工是由美工用3DMAX等工具進行三維角色模型設計，道具模型設計，環境場景模型設計，包裝設計等；

網頁美工是美工用Dreamwerver等網頁編輯軟體把已經設計好的平面效果圖，製做成HTML靜態網頁文件。這里就要求美工用到CSS和DIV技術了，也就是所謂的切圖。

二、網頁前端

Web前端開發技術是一個先易後難的過程，主要包括三個要素：HTML、CSS和JavaScript，這就要求前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和伺服器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。

三、總結

簡單來說，美工偏向於設計，把用戶需求轉換成設計稿；而前端開發偏向於代碼，把設計稿轉換成可運行的代碼。

4、網頁設計和網頁美工一樣嗎？

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

5、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排版出來。頁面必須清晰簡潔，還要適宜後台調用。

6、網頁美工主要學什麼

這是網頁設計的全部課程，要是感興趣的話可以了解一下：
計算機基礎
Office辦公自動化
Dreamweaver網頁設計
SQL server2008
JavaScript
HTML5+CSS3
動態網頁設計PHP+MYSQL

7、網頁美工學什麼？

1、美工培訓項目包括網頁美工、淘寶美工、平面美工 3個部分。
2、PHOTOSHOP 圖形圖象處理，FIREWORKS 圖形圖象處理，CDR排版，對界面設計、UI設計有特殊要求 ，AI圖形處理。
3、學員從模仿開始，逐步進階到獨立創作階段，學員有軟體操作基礎，可以直接參與案例培訓階段淘寶店鋪裝修平面設計。
如果還想更全面的話可以再學習HTML+CSS 。

8、網頁設計和美工的區別

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

9、什麼是網頁美工

網頁美工 就是對網頁的美化 網頁美工要熟悉photoshop fireworks flash等制圖軟體，也要有一個非常好的視覺功底，創意能力，才能創造出非常美觀的頁面。 網頁美工也用css來進行美化，css可以控制html標簽的元素 如 html <a href="#">link</a> css: a:link,a:visited{display:block;width:100px;height:30px;border:1px #333 solid;} a:hover{background:#efefef;color:#333;} 上面串css代碼對a進行了美化,頁面上的超級鏈接顯示是寬100，高30，顯示灰色邊框 當我們滑鼠放在超級鏈接上的時候背景變色網頁美工需要掌握 DIV+CSS樣式；基礎HTML語言 基礎美術：素描（石膏幾何體、靜物寫生）；色彩（色彩構成、簡單色彩靜物寫生） 三大構成：色彩構成、平面構成、立體構成 56 Photoshop網頁配色及排版設計；Illustrator網頁設計；網頁設計綜合、經典網頁解析

10、網頁美工設計的流程有那些？

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

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

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