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