1. 首頁
  2. 輔助設計與工程計算

如何做好網頁美工設計工作

如何做好網頁美工設計工作

當你看到一個新穎很有畫面感的網頁時候,可能你更多考慮到的是其中的美妙或者產品,你是否有想過,這樣一個網頁的背後是如何來設計或者美化的嗎?如何做好網頁美工設計工作呢?今天小編就帶領大家一同來了解一些網頁美工設計的問題。

網頁美工設計,即網頁美術工程師。很多人都聽過這個職業,但是,你知道網頁美工是做什麼的 嗎?網頁美工的職責是圖形設計、互動設計,以及使用者測試/研究。網頁美工設計負責的圖形設計,即傳統意義上的“美工”。不過不是單純意義上美術工人的工作,既然搭上了“網頁”的頭銜,因此他們負責的是軟體產品的產品“外形”設計。

互動設計主要在於設計軟體的操作流程、樹狀結構、操作規範等。一個軟體產品在編碼之前需要做的就是互動設計,並且確立互動模型,互動規範。網頁美工要負責這點,相信很多人都不知道,因為在大眾的印象中,美工只要負責視覺效果就可以了,但僅僅是視覺設計,作為一名合格的網頁美工,那是遠遠不夠的。而第三個網頁美工的職責:使用者測試/研究,網頁美工設計目標是測試互動設計的合理性及圖形設計的美觀性,主要透過以目標使用者問卷的.形式衡量網頁設計的合理性。另外,對於網頁美工的職能,不少人還存在著一個誤區,那就是認為網頁美工精通CSS/HTML/JAVASCRIPT等語言來做網頁佈局,其實這是不正確的,網頁佈局的工作應該是由前端開發工程師來完成的。

如何做好網頁美工設計,對於新手而言,這還有些小小的難度,尤其是當網頁美工設計由幾個人接手的時候。不過,其實只要掌握好幾點,網頁美工設計其實也不是十分困難的一件事。在網頁美工切圖設計之前,我們先基於ps進行新建檔案設定,在設定的時候需要注意以下幾點:1、一定要做好網頁寬度的設定設計,一般網頁寬度有760PX、900PX、1000PX等,最好不要超過1200PX的寬度,高度沒有限制。大多數做網站的公司都有一個比較合理的標準。2、作為網頁背景、網頁圖示的要清晰,在網站設計的時候比較注重。所以在切圖的時候不要切出來的效果與設計的效果相差太大。3、有特效地方,有必要設計出特效樣式,以便DIV CSS製作的時候切圖使用。