【文章內(nèi)容簡介】 們?cè)絹碓街匾暶烙^，而且要求越來越高。不管是門戶網(wǎng)站，還是企業(yè)網(wǎng) 站， FLASH 全站（互動(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ì)。 前端制作 說到這個(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)化） 用戶交互 網(wǎng)頁可以籠統(tǒng)的比喻是，“基于 Inter（互聯(lián)網(wǎng)）”比較高級(jí)的“平臺(tái)傳媒”，網(wǎng)頁是網(wǎng)站架構(gòu)的一部分，網(wǎng)站架構(gòu)有它獨(dú)有的復(fù)雜性，和技術(shù)性，和基于 Inter（互聯(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)勢。 合格的網(wǎng)頁設(shè)計(jì)技術(shù)人員必須要考慮與用戶的交互，才能設(shè)計(jì)出高質(zhì)量的網(wǎng)頁。 就業(yè)職位 網(wǎng)頁設(shè)計(jì)師的就業(yè)職位歸結(jié)有網(wǎng)頁設(shè)計(jì)師、網(wǎng)站美編、企業(yè)網(wǎng)站策劃、網(wǎng)站管理、多媒體界面設(shè)計(jì)。 工作內(nèi)容 ⒈負(fù)責(zé)對(duì)網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對(duì)用戶視覺感受的整體把握； ⒉進(jìn)行網(wǎng)頁的具體設(shè)計(jì)制作； ⒊產(chǎn)品目錄的平面設(shè)計(jì)； ⒋各類活動(dòng)的廣告設(shè)計(jì)； ⒌協(xié)助開發(fā)人員頁面設(shè)計(jì)等工作。 網(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ì)工具，如 AdobePageMill 或 MicrosoftFrontPageExpress，當(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)也找不到好的方案”。 網(wǎng)頁設(shè)計(jì)師常用軟件 Photoshop、 Coreldraw、 Flash、 Fireworks、 dreamweaver、其中photoshop 主要是用來進(jìn)行圖像處理的，把渲出來的圖通過 PS 使其更加具有真實(shí)感。 網(wǎng)頁導(dǎo)航設(shè)計(jì)需注意的事項(xiàng) 一、注意超鏈接顏色與單純敘述文字的顏色呈現(xiàn) WWW 的語言 — HTML 允許 Webpage 設(shè)計(jì)者特別標(biāo)明單純敘述文字與超鏈接的顏色，以便豐富 Webpage 的色彩呈現(xiàn)。如果您的網(wǎng)站充滿知識(shí)性的信息，欲傳達(dá)給訪問者，建議您將網(wǎng)頁內(nèi)的文字與超鏈接顏色，設(shè)計(jì)成較干凈素雅的色調(diào)，會(huì)較有利于閱讀∶純粹的敘述文字采用較暗、較深的顏色來呈現(xiàn) (如∶黑色、墨綠色、暗褐色 )，超鏈接文字則以較鮮明搶眼的色彩來強(qiáng)調(diào) (如∶亮黃色、翠綠色、鮮橘色 )，至于探訪過的超鏈接則采用較低于原超鏈接亮度的顏色做呈現(xiàn)。 二、測試所有的超鏈接與導(dǎo)覽按鈕的真實(shí)可行性 Webpage 上線之后，第一件該做的事，是逐一測試每一頁的每一個(gè)超鏈接與每一個(gè)導(dǎo)覽按鈕的真實(shí)可行性。徹底檢驗(yàn)有沒有失敗的link 無法鏈接到該鏈接的 Webpage，卻反而冒出 “ FileNotFound”的錯(cuò)誤訊號(hào)出來。這是一個(gè)負(fù)責(zé)任、夠水準(zhǔn)的Webpage 設(shè)計(jì)者對(duì)自己的作品應(yīng)有的基本品質(zhì)要求。 如果您果真有那么多的超鏈接必須提供給讀者，不如將這些超鏈接以條列的方式，一筆一筆清楚地列在一選單頁或目錄頁上，既不妨礙走文的順暢，又呈現(xiàn)一目了然的導(dǎo)覽鏈接。 三、讓超鏈接的字串長短適中且走文自然 抓住能傳達(dá)主要訊息的字眼當(dāng)做超鏈接的錨點(diǎn) (anchor)，可有效地控制住超鏈接的字串長度，避免字串過長 (如∶整行、整句都是錨點(diǎn)字串 )或過短 (如∶僅一個(gè)字當(dāng)做錨點(diǎn) )，而不利于讀者的閱讀或點(diǎn)取。 四、當(dāng)導(dǎo)覽按鈕鏈接到目前此頁時(shí) 各 Webpage 若重復(fù)使用同一組的導(dǎo)覽按鈕，無可避免地會(huì)產(chǎn)生某一導(dǎo)覽按鈕鏈接到目前此頁的情形。為達(dá)成界面設(shè)計(jì)的一致性，并沒有絕對(duì)的必要性拿掉此導(dǎo)覽按鈕，但 Webpage 設(shè)計(jì)者可讓此 按鈕不再具有超鏈接的功能 ?；?qū)⒋税粹o的彩度、亮度降低 (如∶深綠色變成淡綠色，亮紅色 變成暗紅色 )，使讀者可清楚地意識(shí)到∶這個(gè)暗設(shè)下來的導(dǎo)覽按鈕不再具有超鏈接的功能。 網(wǎng)頁設(shè)計(jì)趨勢 對(duì)于追求無限創(chuàng)意和具實(shí)驗(yàn)探索精神的 web 設(shè)計(jì)師來講，趨勢一說可能會(huì)顯得有點(diǎn)可笑，如果每個(gè)設(shè)計(jì)師都遵循原有的趨勢，那誰還去開創(chuàng)新趨勢？沒有了新趨勢，下一個(gè)輪回的時(shí)候，設(shè)計(jì)師們又去遵循什么趨勢？ 但不管你是否屬于哪一類網(wǎng)頁設(shè)計(jì)師，你卻偏偏又不得不了解和跟隨這些趨勢。除非你只為你自己做網(wǎng)站，否則如果你給客戶的項(xiàng)目完全背離了主流的趨勢，那要么就是黑馬，要么就是客戶覺得你無能，跟不上趨勢的節(jié)奏。 所以，隨時(shí)關(guān)注著 web 網(wǎng)頁設(shè)計(jì)趨勢是每個(gè)設(shè)計(jì)師都應(yīng)該做的事兒。 logo/標(biāo)頭 (headers) 飛出頁面（