網(wǎng)頁(yè)設(shè)計(jì)師面試注意事項(xiàng)
網(wǎng)頁(yè)設(shè)計(jì)師在面試中應(yīng)該注意什么呢?下面是小編收集整理的相關(guān)內(nèi)容，歡迎閱讀!更多內(nèi)容請(qǐng)關(guān)注應(yīng)屆畢業(yè)生考試網(wǎng)!
網(wǎng)頁(yè)設(shè)計(jì)在企業(yè)中做什么
網(wǎng)頁(yè)設(shè)計(jì)可以說是每個(gè)網(wǎng)站的必備職位，因此職位需求也非常巨大。現(xiàn)在的大部分公司也越來越重視用戶體驗(yàn)，包括騰訊、淘寶等互聯(lián)網(wǎng)公司都設(shè)置了專門的UED (user experience design用戶體驗(yàn)設(shè)計(jì))部門。而且現(xiàn)有的行情，做互聯(lián)網(wǎng)方面的設(shè)計(jì)則最吃香，大部分這類專業(yè)的同學(xué)在畢業(yè)前都會(huì)關(guān)注諸如網(wǎng)頁(yè)設(shè)計(jì)、游戲設(shè)計(jì)等新媒體設(shè)計(jì)領(lǐng)域。
網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)站點(diǎn)的“門面”，好的設(shè)計(jì)師可以很好的提升互聯(lián)網(wǎng)公司的網(wǎng)站形象。一般企業(yè)招聘網(wǎng)頁(yè)設(shè)計(jì)師的要求一般包括以下幾種：會(huì)設(shè)計(jì)效果圖，會(huì)制作網(wǎng)頁(yè)，最好還能會(huì)點(diǎn)Flash，要是還能做點(diǎn)前端，那就完美了。
問題一、不經(jīng)思索 答非所問
常見指數(shù)：★★★★
考官問：你熟悉Photoshop還是Fireworks，會(huì)用Flash和jQuery嗎，CSS程度怎么樣?
應(yīng)聘者：啊，Photoshop就是PS吧，這個(gè)我……會(huì)……一點(diǎn)，后面什么F什么J，是什么東西?
考官說：雖然這些東西并不需要全會(huì)，但至少你要知道它們的名字和用途吧。
在面試中的一大忌諱，就是反問考官問題。對(duì)于一般的設(shè)計(jì)師來說，往往需要會(huì)做頁(yè)面并制作成HTML即可，但是在實(shí)際工作當(dāng)中，往往會(huì)需要有一定的Flash廣告等應(yīng)用，而公司不可能為了制作一個(gè)廣告banner而招聘一個(gè)專門的人員。所以如果應(yīng)聘人員懂得一定的Flash等技能，也是很有幫助的。
隨著WEB2.0的運(yùn)用，大量的交互功能出現(xiàn)在現(xiàn)有的網(wǎng)頁(yè)中，如不需要刷新就能實(shí)現(xiàn)數(shù)據(jù)自動(dòng)推送的功能，往往需要用到j(luò)Query等JavaScript框架，這往往就需要網(wǎng)頁(yè)設(shè)計(jì)師對(duì)相關(guān)知識(shí)有所涉及。
需要注意的是，大部分公司中網(wǎng)頁(yè)設(shè)計(jì)人員都需要與程序員直接打交道，所以了解一定的程序方面的知識(shí)，會(huì)對(duì)應(yīng)聘成功有很大的幫助。
【相關(guān)閱讀】網(wǎng)頁(yè)設(shè)計(jì)職場(chǎng)技巧和經(jīng)驗(yàn)分享
簡(jiǎn)單就是美 給用戶最想看的
很多網(wǎng)頁(yè)設(shè)計(jì)師一開始都會(huì)陷入這樣一個(gè)誤區(qū)——在頁(yè)面中加入很多元素和修飾，同時(shí)加入很多的Javascript代碼、Flash效果等，把“好看的”都擺上去，以求頁(yè)面“華麗無比”。殊不知這樣的頁(yè)面帶給用戶的只會(huì)是眼花繚亂的感覺，反而找不到想要看的內(nèi)容。根據(jù)相關(guān)統(tǒng)計(jì)顯示，如果用戶第一次訪問某一個(gè)頁(yè)面，在3～10秒內(nèi)找不到自己感興趣的內(nèi)容，那么他就會(huì)毫不猶豫地選擇離開這個(gè)頁(yè)面。
留住用戶，第一印象自然要好，就目前網(wǎng)頁(yè)發(fā)展的趨勢(shì)而言，“簡(jiǎn)單”的設(shè)計(jì)風(fēng)格更符合主流，因此頁(yè)面中的修飾元素和樣式都不宜過多，同時(shí)樣式要盡量保持統(tǒng)一或接近，以文字顏色、字體等不超過3種為宜，以避免造成頁(yè)面混亂的感覺。這一點(diǎn)在一些公司的形象網(wǎng)站或企業(yè)網(wǎng)站當(dāng)中尤為明顯——頁(yè)面主要以網(wǎng)站導(dǎo)航、形象(產(chǎn)品)宣傳Banner和公司業(yè)務(wù)為主。例如聯(lián)想中國(guó)網(wǎng)站、Dell公司網(wǎng)站等。
結(jié)構(gòu)要主流 給用戶最習(xí)慣的
除了頁(yè)面的表現(xiàn)形式，設(shè)計(jì)網(wǎng)頁(yè)時(shí)還要保證最重要的內(nèi)容占據(jù)頁(yè)面當(dāng)中最顯眼的位置。通過對(duì)用戶瀏覽網(wǎng)頁(yè)習(xí)慣的調(diào)查，一個(gè)頁(yè)面當(dāng)中最顯眼的位置以字母“F”形分布，這也是用戶瀏覽頁(yè)面的順序：首先，用戶會(huì)以從左至右的方式看頁(yè)面最上方，然后是從上至下瀏覽頁(yè)面的左側(cè)部分，接著是根據(jù)左側(cè)內(nèi)容瀏覽右側(cè)部分。雖然具體情況不盡相同，但大體如此，因此這也是網(wǎng)頁(yè)設(shè)計(jì)師安排頁(yè)面內(nèi)容的一個(gè)重要依據(jù)。
一般情況下，網(wǎng)站頁(yè)面結(jié)構(gòu)可簡(jiǎn)單分為三部分：頭部、主體和頁(yè)腳。頭部和頁(yè)腳在一個(gè)網(wǎng)站當(dāng)中的樣式基本是固定的，不同的頁(yè)面不會(huì)有太大區(qū)別，特別是頁(yè)腳，因?yàn)橹饕胖镁W(wǎng)站信息和聯(lián)系方式等，因此幾乎是一樣的。而頭部當(dāng)中可能包含一些形象廣告，所以不同頁(yè)面可能稍有不同。
如同上文所述，根據(jù)用戶的瀏覽習(xí)慣和網(wǎng)站設(shè)計(jì)的基本風(fēng)格，一般情況下頁(yè)面的頭部用來放置網(wǎng)站導(dǎo)航和形象(廣告)Banner，左側(cè)以小字體放置二級(jí)導(dǎo)航和輔助功能導(dǎo)航，主體部分以稍微大一點(diǎn)的字體放置網(wǎng)站主要內(nèi)容。這樣是最符合用戶瀏覽習(xí)慣的頁(yè)面形式。此外，如果主體部分采用左中右結(jié)構(gòu)，右側(cè)也應(yīng)以輔助補(bǔ)充和廣告內(nèi)容為主。
搭配要合理 給用戶最便捷的
既然一個(gè)網(wǎng)站頁(yè)面的基本樣式和內(nèi)容都是固定的，那網(wǎng)頁(yè)設(shè)計(jì)師還能怎樣發(fā)揮自己的創(chuàng)意進(jìn)行設(shè)計(jì)呢?首先需要說明的是，我們這里為大家講解的主要是傳統(tǒng)網(wǎng)站的設(shè)計(jì)，也是最常見的網(wǎng)站設(shè)計(jì)，如公司形象網(wǎng)站、企業(yè)網(wǎng)站或其他行業(yè)網(wǎng)站等的設(shè)計(jì)，而不包括一些個(gè)性化的網(wǎng)站設(shè)計(jì)，因?yàn)閭�(gè)性化網(wǎng)站的設(shè)計(jì)需要達(dá)到的效果就是與眾不同，因此并無任何規(guī)律可言。
在傳統(tǒng)網(wǎng)站設(shè)計(jì)過程中，既然頁(yè)面的基本框架和內(nèi)容都已經(jīng)確定，如何能夠在這個(gè)框架內(nèi)讓網(wǎng)站頁(yè)面在清爽的同時(shí)又可以展現(xiàn)更多內(nèi)容，就需要網(wǎng)頁(yè)設(shè)計(jì)師了解網(wǎng)頁(yè)制作技術(shù)，通過技術(shù)手段豐富頁(yè)面內(nèi)容和樣式。
以最為常用的標(biāo)簽功能為例(標(biāo)簽功能是指將頁(yè)面當(dāng)中不同分類的內(nèi)容以標(biāo)簽的形式歸類，用戶點(diǎn)擊相應(yīng)標(biāo)簽就可以查看相應(yīng)標(biāo)簽中的內(nèi)容)，國(guó)內(nèi)主要的門戶網(wǎng)站新浪和網(wǎng)易，如果不采用標(biāo)簽功能，全部?jī)?nèi)容采用平鋪的方式，那么頁(yè)面無疑將非常冗長(zhǎng)，而采用標(biāo)簽功能，既保證了主要內(nèi)容都在最主要的位置展現(xiàn)，又保證了給用戶提供最感興趣的內(nèi)容，另提供了更多選擇，讓用戶可以選擇查看可能感興趣的內(nèi)容。可以說，同樣的頁(yè)面，是否采用標(biāo)簽功能將有完全不同的效果。
除了標(biāo)簽功能，還有很多其他技術(shù)手法，例如層功能(層功能多用于鼠標(biāo)懸浮操作，通過鼠標(biāo)懸浮將隱藏的層展示出來，以實(shí)現(xiàn)在有限的范圍內(nèi)展示更多的內(nèi)容，如淘寶網(wǎng)的二級(jí)導(dǎo)航，見圖3下)等。
可見，只有網(wǎng)頁(yè)設(shè)計(jì)師了解這些技術(shù)才有可能在設(shè)計(jì)時(shí)將這些技術(shù)融會(huì)貫通并付諸實(shí)踐，從而豐富頁(yè)面展現(xiàn)形式，充分利用頁(yè)面空間，在有限的區(qū)域內(nèi)展示更多的內(nèi)容。而這些技術(shù)也都是以服務(wù)用戶為綱，以“不給用戶添麻煩”為準(zhǔn)。
規(guī)范是王道 給后期維護(hù)減負(fù)
上文我們主要說了一些網(wǎng)頁(yè)設(shè)計(jì)上的總體思路，也是“大方向”，下面我們說一下網(wǎng)頁(yè)設(shè)計(jì)師需要注意的工作細(xì)節(jié)，這里就以網(wǎng)頁(yè)制作時(shí)的HTML代碼和CSS樣式表為例。我們都知道，雖然一個(gè)網(wǎng)站的設(shè)計(jì)方案通過Photoshop設(shè)計(jì)出樣式圖之后再進(jìn)行頁(yè)面制作工作一般不會(huì)出現(xiàn)返工的問題，但修改是不可避免的，包括網(wǎng)站在運(yùn)行了一段時(shí)間之后根據(jù)實(shí)際情況進(jìn)行修改也是非常常見的，這就要求我們?cè)谇捌谥谱黜?yè)面的時(shí)候打好基礎(chǔ)，為后期的修改維護(hù)做好準(zhǔn)備。
規(guī)范格式 源碼查看更方便
很多網(wǎng)頁(yè)設(shè)計(jì)師在進(jìn)行頁(yè)面制作的時(shí)候只是在可視化環(huán)境當(dāng)中編輯(這是萬(wàn)萬(wàn)不可的，如果設(shè)計(jì)師不能駕馭純?cè)创a模式，那么他就一定不是一名合格的網(wǎng)頁(yè)設(shè)計(jì)師)，這就很容易產(chǎn)生冗余代碼，從而使源碼混亂。而源碼混亂，一方面會(huì)影響頁(yè)面的執(zhí)行效率，另外一方面也會(huì)在后期修改的時(shí)候產(chǎn)生莫名其妙的問題。因此規(guī)范源碼格式，可以有效減少后期修改的工作量，提高工作效率。
不要懶惰 關(guān)鍵點(diǎn)加上注釋
除了規(guī)范源碼的格式，制作網(wǎng)頁(yè)時(shí)在HTML源碼當(dāng)中加入必要的注釋是非常重要的!因?yàn)樽⑨尶梢詾槲覀兒笃诘男薷奶峁┲匾膮⒖夹畔ⅲ缫欢未a的功能說明、一個(gè)區(qū)域的開始或結(jié)尾等等。這樣在后期修改的時(shí)候就可以實(shí)現(xiàn)不需要再次查看源碼來區(qū)分，只要根據(jù)注釋針對(duì)特定區(qū)域進(jìn)行修改或替換即可，從而大大降低后期修改維護(hù)的難度。
【網(wǎng)頁(yè)設(shè)計(jì)師面試注意事項(xiàng)】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)師面試的注意事項(xiàng)是什么08-08
網(wǎng)頁(yè)設(shè)計(jì)師崗位職責(zé)及面試注意事項(xiàng)10-22
網(wǎng)頁(yè)設(shè)計(jì)師面試問題09-15
網(wǎng)頁(yè)設(shè)計(jì)師面試自我介紹09-27
網(wǎng)頁(yè)設(shè)計(jì)師面試的自我介紹08-08
網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)典面試問題及回答思路09-12
最新網(wǎng)頁(yè)設(shè)計(jì)師面試常見試題及答案06-01
網(wǎng)頁(yè)設(shè)計(jì)師面試時(shí)的常見問題08-20