網頁設計師面試注意事項

來源:文萃谷 2.66W

網頁設計師在面試中應該注意什麼呢?下面是小編收集整理的相關內容,歡迎閲讀!更多內容請關注應屆畢業生考試網!

網頁設計師面試注意事項

  網頁設計在企業中做什麼

網頁設計可以説是每個網站的必備職位,因此職位需求也非常巨大。現在的大部分公司也越來越重視用户體驗,包括騰訊、淘寶等互聯網公司都設置了專門的UED (user experience design用户體驗設計)部門。而且現有的行情,做互聯網方面的設計則最吃香,大部分這類專業的同學在畢業前都會關注諸如網頁設計、遊戲設計等新媒體設計領域。

網頁設計是一個站點的“門面”,好的設計師可以很好的提升互聯網公司的網站形象。一般企業招聘網頁設計師的要求一般包括以下幾種:會設計效果圖,會製作網頁,最好還能會點Flash,要是還能做點前端,那就完美了。

  問題一、不經思索 答非所問

常見指數:★★★★

考官問:你熟悉Photoshop還是Fireworks,會用Flash和jQuery嗎,CSS程度怎麼樣?

應聘者:啊,Photoshop就是PS吧,這個我……會……一點,後面什麼F什麼J,是什麼東西?

考官説:雖然這些東西並不需要全會,但至少你要知道它們的名字和用途吧。

在面試中的一大忌諱,就是反問考官問題。對於一般的設計師來説,往往需要會做頁面並製作成HTML即可,但是在實際工作當中,往往會需要有一定的Flash廣告等應用,而公司不可能為了製作一個廣告banner而招聘一個專門的人員。所以如果應聘人員懂得一定的Flash等技能,也是很有幫助的。

隨着WEB2.0的運用,大量的交互功能出現在現有的網頁中,如不需要刷新就能實現數據自動推送的功能,往往需要用到jQuery等JavaScript框架,這往往就需要網頁設計師對相關知識有所涉及。

需要注意的是,大部分公司中網頁設計人員都需要與程序員直接打交道,所以瞭解一定的程序方面的知識,會對應聘成功有很大的幫助。

  【相關閲讀】網頁設計職場技巧和經驗分享

  簡單就是美 給用户最想看的`

很多網頁設計師一開始都會陷入這樣一個誤區——在頁面中加入很多元素和修飾,同時加入很多的Javascript代碼、Flash效果等,把“好看的”都擺上去,以求頁面“華麗無比”。殊不知這樣的頁面帶給用户的只會是眼花繚亂的感覺,反而找不到想要看的內容。根據相關統計顯示,如果用户第一次訪問某一個頁面,在3~10秒內找不到自己感興趣的內容,那麼他就會毫不猶豫地選擇離開這個頁面。

留住用户,第一印象自然要好,就目前網頁發展的趨勢而言,“簡單”的設計風格更符合主流,因此頁面中的修飾元素和樣式都不宜過多,同時樣式要儘量保持統一或接近,以文字顏色、字體等不超過3種為宜,以避免造成頁面混亂的感覺。這一點在一些公司的形象網站或企業網站當中尤為明顯——頁面主要以網站導航、形象(產品)宣傳Banner和公司業務為主。例如聯想中國網站、Dell公司網站等。

  結構要主流 給用户最習慣的

除了頁面的表現形式,設計網頁時還要保證最重要的內容佔據頁面當中最顯眼的位置。通過對用户瀏覽網頁習慣的調查,一個頁面當中最顯眼的位置以字母“F”形分佈,這也是用户瀏覽頁面的順序:首先,用户會以從左至右的方式看頁面最上方,然後是從上至下瀏覽頁面的左側部分,接着是根據左側內容瀏覽右側部分。雖然具體情況不盡相同,但大體如此,因此這也是網頁設計師安排頁面內容的一個重要依據。

一般情況下,網站頁面結構可簡單分為三部分:頭部、主體和頁腳。頭部和頁腳在一個網站當中的樣式基本是固定的,不同的頁面不會有太大區別,特別是頁腳,因為主要放置網站信息和聯繫方式等,因此幾乎是一樣的。而頭部當中可能包含一些形象廣告,所以不同頁面可能稍有不同。

如同上文所述,根據用户的瀏覽習慣和網站設計的基本風格,一般情況下頁面的頭部用來放置網站導航和形象(廣告)Banner,左側以小字體放置二級導航和輔助功能導航,主體部分以稍微大一點的字體放置網站主要內容。這樣是最符合用户瀏覽習慣的頁面形式。此外,如果主體部分採用左中右結構,右側也應以輔助補充和廣告內容為主。

  搭配要合理 給用户最便捷的

既然一個網站頁面的基本樣式和內容都是固定的,那網頁設計師還能怎樣發揮自己的創意進行設計呢?首先需要説明的是,我們這裏為大家講解的主要是傳統網站的設計,也是最常見的網站設計,如公司形象網站、企業網站或其他行業網站等的設計,而不包括一些個性化的網站設計,因為個性化網站的設計需要達到的效果就是與眾不同,因此並無任何規律可言。

在傳統網站設計過程中,既然頁面的基本框架和內容都已經確定,如何能夠在這個框架內讓網站頁面在清爽的同時又可以展現更多內容,就需要網頁設計師瞭解網頁製作技術,通過技術手段豐富頁面內容和樣式。

以最為常用的標籤功能為例(標籤功能是指將頁面當中不同分類的內容以標籤的形式歸類,用户點擊相應標籤就可以查看相應標籤中的內容),國內主要的門户網站新浪和網易,如果不採用標籤功能,全部內容採用平鋪的方式,那麼頁面無疑將非常宂長,而採用標籤功能,既保證了主要內容都在最主要的位置展現,又保證了給用户提供最感興趣的內容,另提供了更多選擇,讓用户可以選擇查看可能感興趣的內容。可以説,同樣的頁面,是否採用標籤功能將有完全不同的效果。

除了標籤功能,還有很多其他技術手法,例如層功能(層功能多用於鼠標懸浮操作,通過鼠標懸浮將隱藏的層展示出來,以實現在有限的範圍內展示更多的內容,如淘寶網的二級導航,見圖3下)等。

可見,只有網頁設計師瞭解這些技術才有可能在設計時將這些技術融會貫通並付諸實踐,從而豐富頁面展現形式,充分利用頁面空間,在有限的區域內展示更多的內容。而這些技術也都是以服務用户為綱,以“不給用户添麻煩”為準。

  規範是王道 給後期維護減負

上文我們主要説了一些網頁設計上的總體思路,也是“大方向”,下面我們説一下網頁設計師需要注意的工作細節,這裏就以網頁製作時的HTML代碼和CSS樣式表為例。我們都知道,雖然一個網站的設計方案通過Photoshop設計出樣式圖之後再進行頁面製作工作一般不會出現返工的問題,但修改是不可避免的,包括網站在運行了一段時間之後根據實際情況進行修改也是非常常見的,這就要求我們在前期製作頁面的時候打好基礎,為後期的修改維護做好準備。

  規範格式 源碼查看更方便

很多網頁設計師在進行頁面製作的時候只是在可視化環境當中編輯(這是萬萬不可的,如果設計師不能駕馭純源碼模式,那麼他就一定不是一名合格的網頁設計師),這就很容易產生宂餘代碼,從而使源碼混亂。而源碼混亂,一方面會影響頁面的執行效率,另外一方面也會在後期修改的時候產生莫名其妙的問題。因此規範源碼格式,可以有效減少後期修改的工作量,提高工作效率。

  不要懶惰 關鍵點加上註釋

除了規範源碼的格式,製作網頁時在HTML源碼當中加入必要的註釋是非常重要的!因為註釋可以為我們後期的修改提供重要的參考信息,例如一段代碼的功能説明、一個區域的開始或結尾等等。這樣在後期修改的時候就可以實現不需要再次查看源碼來區分,只要根據註釋針對特定區域進行修改或替換即可,從而大大降低後期修改維護的難度。

熱門標籤