職業(yè)概述
網(wǎng)頁設(shè)計(jì)師就是為網(wǎng)站頁面進(jìn)行設(shè)計(jì)并制作的工作人員，他們既是專業(yè)的設(shè)計(jì)師，又是靜態(tài)網(wǎng)站的開發(fā)工程師；總的來說網(wǎng)頁設(shè)計(jì)師是辛苦的行業(yè)，不僅要懂頁面的設(shè)計(jì)、規(guī)化、排版、HTML代碼、FLASH動畫甚至還要多懂一些代碼，必須是個全能人才，特別是現(xiàn)在從2008年以后，W3C的推進(jìn)，對網(wǎng)頁設(shè)計(jì)師的標(biāo)準(zhǔn)也是越來越高，越來越精確；網(wǎng)頁設(shè)計(jì)師預(yù)計(jì)將有意識的可用性，如果他們的作用，需要創(chuàng)建標(biāo)記，那么它們也有望成為新的網(wǎng)頁易讀性指引。
平面設(shè)計(jì)師一向認(rèn)為他們才是設(shè)計(jì)的正房。別的都是姨太太。實(shí)際上并非如此，平面設(shè)計(jì)是基礎(chǔ)且又非常簡單的設(shè)計(jì)工作，因?yàn)槠矫嬖O(shè)計(jì)做不到細(xì)，做不到精；他們只在乎大局，顏色搭配好，主體看上去可以就行，如果你觀察一些平面設(shè)計(jì)師的作品，大概看上去很唯美，但是你要是把圖放大或者更認(rèn)真仔細(xì)的觀察他們的作品，會發(fā)現(xiàn)很多紕漏，這對于一個真正的網(wǎng)頁設(shè)計(jì)師來說，作品中是很難找到像平面設(shè)計(jì)一樣的問題；目前除了房地產(chǎn)行業(yè)之外，一般平面設(shè)計(jì)師的薪水都在網(wǎng)頁設(shè)計(jì)師之下，這個到許多公司都是可以考證的；雖然都是設(shè)計(jì)師，但平面設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)又是兩個不同的領(lǐng)域，平面設(shè)計(jì)在色彩領(lǐng)域方面相對要專業(yè)一些，這是他們工作職責(zé)的所在，因?yàn)樗麄儽仨毎炎约涸O(shè)計(jì)的作品拿去噴繪出來，張貼在各種公共場所；但不管怎么說，自己水平達(dá)不到標(biāo)準(zhǔn)，再好的行業(yè)、再好的工作都會拋棄你的，所以網(wǎng)頁設(shè)計(jì)師們，今后你們要更加努力！特別是一些剛畢業(yè)一兩年的菜鳥連平面設(shè)計(jì)都不會，直接進(jìn)入網(wǎng)頁設(shè)計(jì)這個行業(yè)，就需要比任何人都要更加努力和學(xué)習(xí)；沒有驚人的作品出來，證明你永遠(yuǎn)都是一個菜鳥網(wǎng)頁設(shè)計(jì)師，甚至連網(wǎng)頁設(shè)計(jì)師都稱不上，還處在平面設(shè)計(jì)基礎(chǔ)的階段；我以前上班的某個公司，當(dāng)時我的設(shè)計(jì)水平也就是一年多的經(jīng)驗(yàn)，而公司做廣告DM部的平面設(shè)計(jì)師已經(jīng)有多年的經(jīng)驗(yàn)，可以說是資深平面設(shè)計(jì)，薪水拿的比我們要多一大半，由于公司經(jīng)營問題，后來把他們調(diào)入我們部門，給客戶做網(wǎng)頁設(shè)計(jì)，他們的平面設(shè)計(jì)作品那是一個超贊，可設(shè)計(jì)出的網(wǎng)頁作品還不如一個從培訓(xùn)班出來的學(xué)生；做了半個月由于壓力大，全部自己申請辭職了；這就是區(qū)別；如果是專業(yè)的資深網(wǎng)頁設(shè)計(jì)師做平面設(shè)計(jì)，那是小意思，因?yàn)榫W(wǎng)頁設(shè)計(jì)師已經(jīng)兼任了平面設(shè)計(jì)； 許多所謂的網(wǎng)頁設(shè)計(jì)師，連自己都以為做網(wǎng)頁就是“網(wǎng)頁排版”，其實(shí)并非如此，他們不是真正的或者說稱職的網(wǎng)頁設(shè)計(jì)師。80%的公司招聘網(wǎng)頁設(shè)計(jì)師的要求，幾乎千篇一律地強(qiáng)調(diào)要如何熟練使用“網(wǎng)頁三劍客”。事實(shí)上“網(wǎng)頁三劍客”本身就是個不負(fù)責(zé)任的稱謂，當(dāng)改成“網(wǎng)頁三劍”才是。因?yàn)檫@些軟件歸根結(jié)底都只是工具而已，而劍客起碼是人。連兩千多年前的秦始皇帝都知道劍術(shù)的高境界是“手中無劍，心中也無劍”，而聰明的現(xiàn)代人卻硬是本末倒置，拿來一把“劍”非要稱之為“劍客”，叫人笑掉大牙。 網(wǎng)頁設(shè)計(jì)師從一開始，是互聯(lián)網(wǎng)行業(yè)新的產(chǎn)物，是平面設(shè)計(jì)的延續(xù)或者說是平面設(shè)計(jì)的高層，打個比喻平面設(shè)計(jì)就是葉問，而網(wǎng)頁設(shè)計(jì)就是李小龍，想練就李小龍的截道拳就必須先練就詠春拳，可葉問雖然是李小龍的師傅，李小龍?jiān)谠伌旱幕A(chǔ)上又創(chuàng)造了截道拳，葉問打不過李小龍，死不服輸，臉上沒光，活了一輩子也算是一代宗師竟然被自己的徒弟打��；看過李小龍傳奇的都知道；網(wǎng)頁設(shè)計(jì)師不僅要比平面設(shè)計(jì)師更懂得專業(yè)的設(shè)計(jì)還要向程序員多學(xué)習(xí)代碼；有時候他們還必須得搞點(diǎn)動畫，比如FLASH、JS、CSS等。但可憐的是，平面設(shè)計(jì)師覺得他們是在侮辱設(shè)計(jì)，這就是我剛才講的那個小故事，平面設(shè)計(jì)師就是自欺欺人，懂行的是不敢亂說話的；與程序員相比，除了不懂專業(yè)技術(shù)性的開發(fā)，就向往網(wǎng)頁代碼標(biāo)準(zhǔn)方面發(fā)展和學(xué)習(xí)；但對于動畫設(shè)計(jì)師來說，網(wǎng)頁設(shè)計(jì)師懂的是基礎(chǔ)，畢竟玩的不是一個軟件，可網(wǎng)頁設(shè)計(jì)師一樣牛，因?yàn)榭梢詰?yīng)用CSS和JS搭配直接很簡單的做出FLASH的動畫效果，很不錯的哦。不管怎么說，一個人要想成功，特別是網(wǎng)頁設(shè)計(jì)師，一定要不斷的努力學(xué)習(xí)，走出平面設(shè)計(jì)師這個基礎(chǔ)門檻，向程序和FLASH動畫設(shè)計(jì)師學(xué)習(xí)； 因?yàn)樽饕幻W(wǎng)頁設(shè)計(jì)師需要學(xué)習(xí)的東西太多太多，有時候不一定具有一定的專業(yè)性，所以名字也有一大堆。什么“網(wǎng)頁設(shè)計(jì)”、“網(wǎng)頁制作”，“網(wǎng)站開發(fā)”，“做網(wǎng)頁的”，“做網(wǎng)站的”，“網(wǎng)站開發(fā)工程師”如此等等�？扇缃馱3C和微軟IE及各個瀏覽器的推進(jìn)，對網(wǎng)頁設(shè)計(jì)師的要求越來越高，這就使得網(wǎng)頁設(shè)計(jì)師們對設(shè)計(jì)和動畫及代碼越來越專業(yè)、標(biāo)準(zhǔn)；如果你是菜鳥你就是平面設(shè)計(jì)+排版，說白了就你是個用table排版的；如果你越來越專業(yè)，水平越來越標(biāo)準(zhǔn)，那你就是網(wǎng)站開發(fā)工程師，資深網(wǎng)頁設(shè)計(jì)師，高領(lǐng)域的，薪水會比平面設(shè)計(jì)師多出兩倍以上，更接近于FLASH動畫和程序軟件開發(fā)工程師的薪水，如果你遇上這兩個領(lǐng)域頂尖的專業(yè)師傅，你在他們的面前又會被變成一個菜鳥，因?yàn)閯e人是專業(yè)代碼，而你是專業(yè)設(shè)計(jì)兼代碼排版； 網(wǎng)頁設(shè)計(jì)應(yīng)該有更多的思索在里面，每一個元素都是思索的產(chǎn)兒，而不是隨意的點(diǎn)綴。當(dāng)然，感性的爆發(fā)也必不可少，因?yàn)樗撬囆g(shù)，是商業(yè)化了的藝術(shù)、技術(shù)化了的藝術(shù)。如果有客戶認(rèn)定網(wǎng)頁設(shè)計(jì)是一件簡單的不能再簡單的排版，那讓他們?nèi)フ掖蛴〔恳环昼娔芮贸?00個字的小女孩去做吧。因?yàn)椋覀儯獮榫W(wǎng)頁設(shè)計(jì)師正名！[1] 考試級別
（全國職業(yè)教育資格認(rèn)證證書CVEQC初級）、（全國職業(yè)教育資格認(rèn)證證書CVEQC中級）、（全國職 業(yè)教育資格認(rèn)證證書CVEQC高級）是相關(guān)人員求職、任職、晉升等，證書在全國范圍內(nèi)有效。[1] 工具和技術(shù)
Web設(shè)計(jì)人員使用各種不同的工具的一部分。這些工具的生產(chǎn)過程中，他們都參與更新，隨著時間的推移，新的標(biāo)準(zhǔn)和軟件，但背后的原理仍然是相同的。Web圖形設(shè)計(jì)人員使用向量和光柵圖形包，用于創(chuàng)建Web格式的圖像或設(shè)計(jì)原型。[1] 職能規(guī)劃
信息架構(gòu)
這個屬于策劃型，一般門戶網(wǎng)站需要，對產(chǎn)品策劃和用戶體驗(yàn)都需要有深入的了解，這個偏重的是策劃能力，要有良好的邏輯思維，主要的工作任務(wù)是：組織信息 規(guī)劃欄目布局相關(guān)的工作。[1] 視覺設(shè)計(jì)
這個理論上講是屬于藝術(shù)型，其實(shí)名曰商業(yè)藝術(shù)。 2者還是不同的，對于網(wǎng)頁設(shè)計(jì)來講這塊需求量是非常大的，現(xiàn)在人們越來越重視美觀，而且要求越來越高。不管是門戶網(wǎng)站，還是企業(yè)網(wǎng)站，F(xiàn)LASH全站（互動設(shè)計(jì)）這個角色的占有率是很大的。關(guān)于視覺這塊先天性因素占的很多，天生的色彩感覺，創(chuàng)意能力。還要有良好的藝術(shù)修養(yǎng)，入職后還要對商業(yè)有深刻理解，明白商業(yè)設(shè)計(jì)的核心原則，如何將你的個性和商業(yè)目地完美結(jié)合是重要的。主要的工作任務(wù)是：設(shè)計(jì)風(fēng)格定位 圖標(biāo)UI界面設(shè)計(jì)。[1] 前端制作
說到這個職位，市場上逐漸增多。恩，這個屬于純技術(shù)型。初級的就是切片和制作HTML,不要小看這個，以為這個沒什么技術(shù)含量，其實(shí)這個技術(shù)含量也是很高，要符合標(biāo)準(zhǔn)和各個游覽器的兼容也不是件很容易的事情，一般切片和制作HTML劃入網(wǎng)頁視覺設(shè)計(jì)師的范疇。應(yīng)該屬于附屬職能，視覺設(shè)計(jì)做到一定的級別，這個無需理會。具體根據(jù)公司的要求決定。然后高級一點(diǎn)應(yīng)用就是JS,AJAX……等，主要的工作任務(wù)是：頁面實(shí)現(xiàn) 優(yōu)化）[1] 用戶交互
網(wǎng)頁可以籠統(tǒng)的比喻是，“基于 Internet（互聯(lián)網(wǎng)）”比較高級的“平臺傳媒”，網(wǎng)頁是網(wǎng)站架構(gòu)的一部分，網(wǎng)站架構(gòu)有它獨(dú)有的復(fù)雜性，和技術(shù)性，和基于 Internet（互聯(lián)網(wǎng)）的良好的擴(kuò)展性，我個人定義為有“高級”、“中級”、“低級”之分，低級相對來說只是簡單的網(wǎng)頁美工設(shè)計(jì)，動畫設(shè)計(jì)，UI設(shè)計(jì)，中級相對來說是比較熟練的網(wǎng)頁美工設(shè)計(jì)和動畫設(shè)計(jì)，UI設(shè)計(jì)，和一些樣式優(yōu)化，和腳本擴(kuò)展，高級的相對來說是精通網(wǎng)頁美工設(shè)計(jì)，動畫設(shè)計(jì)，前臺UI設(shè)計(jì)，樣式腳本擴(kuò)展，和良好的用戶交互技術(shù)。 “平臺傳媒”既沒有傳媒的廣泛性，又有一定的廣告的特性，特別是網(wǎng)頁上的“平臺傳媒”和加有 web 通信的優(yōu)勢。 合格的網(wǎng)頁設(shè)計(jì)技術(shù)人員必須要考慮與用戶的交互，才能設(shè)計(jì)出高質(zhì)量的網(wǎng)頁。[1] 就業(yè)職位
網(wǎng)頁設(shè)計(jì)師的就業(yè)職位歸結(jié)有網(wǎng)頁設(shè)計(jì)師、網(wǎng)站美編、企業(yè)網(wǎng)站策劃、網(wǎng)站管理、多媒體界面設(shè)計(jì)。[1] 工作內(nèi)容
�、必�(fù)責(zé)對網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對用戶視覺感受的整體把握； �、策M(jìn)行網(wǎng)頁的具體設(shè)計(jì)制作； �、钞a(chǎn)品目錄的平面設(shè)計(jì)； �、锤黝惢顒拥膹V告設(shè)計(jì)； �、祬f(xié)助開發(fā)人員頁面設(shè)計(jì)等工作。[1] 網(wǎng)頁設(shè)計(jì)以及實(shí)戰(zhàn)技巧
�。ㄒ唬├�是經(jīng)典 網(wǎng)頁技術(shù)更新很快，一個網(wǎng)站的界面設(shè)計(jì)壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個首次成功創(chuàng)新性的應(yīng)用。一個閉門造車者做出的東西，是遠(yuǎn)遠(yuǎn)趕不上綜合借鑒者的。網(wǎng)頁設(shè)計(jì)不同于其他藝術(shù)，在模仿加創(chuàng)新的網(wǎng)頁設(shè)計(jì)領(lǐng)域當(dāng)中，即便是完全自己設(shè)計(jì)的，也是沿用了人們已經(jīng)認(rèn)同的大部分用戶習(xí)慣，而且這種沿襲的痕跡是非常的明顯！還有哪個設(shè)計(jì)者敢腆著臉說，這都是我自己的原創(chuàng)設(shè)計(jì)？對于業(yè)界來說，經(jīng)典只是個理念和象征！ �。ǘ﹪鴥�(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境 不可否認(rèn)，國內(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境目前還停留在初級的認(rèn)知階段，也就是說，絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處，你去做一個業(yè)務(wù)的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業(yè)角度去教育非專業(yè)認(rèn)識，結(jié)果是可想而知的。也正是這種全體社會普遍的低認(rèn)知水平，導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。[1] 網(wǎng)頁設(shè)計(jì)師9條原則
01 明確內(nèi)容 如果你想成為一個網(wǎng)站設(shè)計(jì)者，并正想建一個網(wǎng)站的話，首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行。 02 抓住用戶 如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。 03 優(yōu)化內(nèi)容 內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個世紀(jì)才能下載完。比如某網(wǎng)站在設(shè)計(jì)的某些方面是成功的，但是內(nèi)容太貪乏，并且要花很長時間才能找到所要的東西，因此不能算是一個成功的網(wǎng)站。 04 快速下載 沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn)，一個標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60K，通過56K調(diào)制解調(diào)器加載花30秒的時間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。好符合WEB標(biāo)準(zhǔn)化用css定位的網(wǎng)站往往比表格定位要少很多代碼。 05 網(wǎng)站升級 時刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加，可能會運(yùn)行緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計(jì)劃好你的升級計(jì)劃。 06 堅(jiān)持基本原則 即使你不懂HTML語言，你只需購買一個有版權(quán)的所見即所得的網(wǎng)頁設(shè)計(jì)工具，如Adobe PageMill 或 Microsoft FrontPage Express，當(dāng)然現(xiàn)在則是Dreamweaver啦，就可以創(chuàng)建一個看起來很合理的網(wǎng)站。但是，在設(shè)計(jì)時，這些軟件包雖然不需要HTML，卻使網(wǎng)站速度下降。為了成功地設(shè)計(jì)網(wǎng)站，你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案，用Notepad制作網(wǎng)頁。 07 學(xué)習(xí)HTML 用HTML設(shè)計(jì)網(wǎng)站，可以控制設(shè)計(jì)的整個過程。但是，如果你僅僅是網(wǎng)站設(shè)計(jì)的新手，你應(yīng)該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。HTML編寫過程中可以大段大段地刪減，這是一特點(diǎn)。 08 用筆畫一個網(wǎng)站的框架 圣人云：筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前，用筆畫一個網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關(guān)系。計(jì)劃好你的用戶如何以少的時間瀏覽你的網(wǎng)站。 09 “在計(jì)算機(jī)上永遠(yuǎn)也找不到好的方案”。[1] 網(wǎng)頁設(shè)計(jì)師常用軟件
Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用來進(jìn)行圖像處理的，把渲出來的圖通過PS使其更加具有真實(shí)感。[1]
