【文章內(nèi)容簡介】 們越來越重視美觀，而且要求越來越高。不管是門戶網(wǎng)站，還是企業(yè)網(wǎng) 站， FLASH 全站（互動設(shè)計）這個角色的占有率是很大的。關(guān)于視覺這塊先天性因素占的很多，天生的色彩感覺，創(chuàng)意能力。還要有良好的藝術(shù)修養(yǎng)，入職后還要對商業(yè)有深刻理解，明白商業(yè)設(shè)計的核心原則，如何將你的個性和商業(yè)目地完美結(jié)合是最重要的。主要的工作任務(wù)是：設(shè)計風(fēng)格定位圖標(biāo) UI界面設(shè)計。 前端制作 說到這個職位，市場上逐漸增多。恩，這個屬于純技術(shù)型。最初級的就是切片和制作 HTML,不要小看這個，以為這個沒什么技術(shù)含量，其實這個技術(shù)含量也是很高，要符合標(biāo)準(zhǔn)和各個游覽器的兼容也不是件很容易的事情，一般切 片和制作 HTML 劃入網(wǎng)頁視覺設(shè)計師的范疇。應(yīng)該屬于附屬職能，視覺設(shè)計做到一定的級別，這個無需理會。具體根據(jù)公司的要求決定。然后高級一點應(yīng)用就是 JS,AJAX??等，主要的工作任務(wù)是：頁面實現(xiàn)優(yōu)化） 用戶交互 網(wǎng)頁可以籠統(tǒng)的比喻是，“基于 Inter（互聯(lián)網(wǎng)）”比較高級的“平臺傳媒”，網(wǎng)頁是網(wǎng)站架構(gòu)的一部分，網(wǎng)站架構(gòu)有它獨有的復(fù)雜性，和技術(shù)性，和基于 Inter（互聯(lián)網(wǎng)）的良好的擴展性，我個人定義為有“高級”、“中級”、“低級”之分，低級相對來說只是簡單的網(wǎng)頁美工設(shè)計，動畫設(shè)計， UI 設(shè) 計，中級相對來說是比較熟練的網(wǎng)頁美工設(shè)計和動畫設(shè)計， UI 設(shè)計，和一些樣式優(yōu)化，和腳本擴展，高級的相對來說是精通網(wǎng)頁美工設(shè)計，動畫設(shè)計，前臺 UI 設(shè)計，樣式腳本擴展，和良好的用戶交互技術(shù)。 “平臺傳媒”既沒有傳媒的廣泛性，又有一定的廣告的特性，特別是網(wǎng)頁上的“平臺傳媒”，和加有 web 通信的優(yōu)勢。 合格的網(wǎng)頁設(shè)計技術(shù)人員必須要考慮與用戶的交互，才能設(shè)計出高質(zhì)量的網(wǎng)頁。 就業(yè)職位 網(wǎng)頁設(shè)計師的就業(yè)職位歸結(jié)有網(wǎng)頁設(shè)計師、網(wǎng)站美編、企業(yè)網(wǎng)站策劃、網(wǎng)站管理、多媒體界面設(shè)計。 工作內(nèi)容 ⒈負責(zé)對網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對用戶視覺感受的整體把握； ⒉進行網(wǎng)頁的具體設(shè)計制作； ⒊產(chǎn)品目錄的平面設(shè)計； ⒋各類活動的廣告設(shè)計； ⒌協(xié)助開發(fā)人員頁面設(shè)計等工作。 網(wǎng)頁設(shè)計師 9 條原則 01 明確內(nèi)容 如果你想成為一個網(wǎng)站設(shè)計者，并正想建一個網(wǎng)站的話，首先應(yīng)該考慮網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個設(shè)計都應(yīng)該圍繞這些方面來進行。 02 抓住用戶 如果用戶不能夠迅速地進入你的網(wǎng)站，或操作不便捷，網(wǎng)站 設(shè)計就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。 03 優(yōu)化內(nèi)容 內(nèi)容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個世紀(jì)才能下載完。比如某網(wǎng)站在設(shè)計的某些方面是成功的，但是內(nèi)容太貪乏，并且要花很長時間才能找到所要的東西，因此不能算是一個成功的網(wǎng)站。 04 快速下載 沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗，一個標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于 60K，通過 56K 調(diào)制解調(diào)器加載花 30 秒的時間。有的設(shè)計者說網(wǎng)頁加載應(yīng)在 15 秒內(nèi)。最好符合 WEB 標(biāo)準(zhǔn)化用 css定位的網(wǎng)站往往比表格定位要少很多代碼。 05 網(wǎng)站升級 時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。 06 堅持基本原則 即使你不懂 HTML 語言，你只需購買一個有版權(quán)的所見即所得的網(wǎng)頁設(shè)計工具，如 AdobePageMill 或 MicrosoftFrontPageExpress，當(dāng)然現(xiàn)在則是 Dreamweaver 啦，就可以創(chuàng)建一個看起來很合理的網(wǎng)站。但是，在設(shè)計時，這些軟件包雖然不需要 HTML，卻使網(wǎng)站速度下降。為了成功地設(shè)計網(wǎng)站，你必須理解 HTML 是如何工作的。大多數(shù)的網(wǎng)站設(shè)計者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān) HTML 的書中去尋找答案，用 Notepad 制作網(wǎng)頁。 07 學(xué)習(xí) HTML 用 HTML 設(shè)計網(wǎng)站，可以控制設(shè)計的整個過程。但是，如果你僅僅是網(wǎng)站設(shè)計的新手，你應(yīng)該尋找一個允許修改 HTML 的軟件包。HomeSite4 是一個很好的 Web 設(shè)計工具。在設(shè)計過程中， HomeSite4 能幫助你學(xué)習(xí) HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到 Web 之前，預(yù)覽你的網(wǎng)站。 HTML 編寫過程中可以大段大段地刪減，這是一特點。 08 用筆畫一個網(wǎng)站的框架 圣人云：筆比劍更強大。在用計算機之前，用筆畫一個網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關(guān)系。計劃好你的用戶如何以最少的時間瀏覽你的網(wǎng)站。 09“在計算機上永遠也找不到好的方案”。 網(wǎng)頁設(shè)計師常用軟件 Photoshop、 Coreldraw、 Flash、 Fireworks、 dreamweaver、其中photoshop 主要是用來進行圖像處理的，把渲出來的圖通過 PS 使其更加具有真實感。 網(wǎng)頁導(dǎo)航設(shè)計需注意的事項 一、注意超鏈接顏色與單純敘述文字的顏色呈現(xiàn) WWW 的語言 — HTML 允許 Webpage 設(shè)計者特別標(biāo)明單純敘述文字與超鏈接的顏色，以便豐富 Webpage 的色彩呈現(xiàn)。如果您的網(wǎng)站充滿知識性的信息，欲傳達給訪問者，建議您將網(wǎng)頁內(nèi)的文字與超鏈接顏色，設(shè)計成較干凈素雅的色調(diào)，會較有利于閱讀∶純粹的敘述文字采用較暗、較深的顏色來呈現(xiàn) (如∶黑色、墨綠色、暗褐色 )，超鏈接文字則以較鮮明搶眼的色彩來強調(diào) (如∶亮黃色、翠綠色、鮮橘色 )，至于探訪過的超鏈接則采用較低于原超鏈接亮度的顏色做呈現(xiàn)。 二、測試所有的超鏈接與導(dǎo)覽按鈕的真實可行性 Webpage 上線之后，第一件該做的事，是逐一測試每一頁的每一個超鏈接與每一個導(dǎo)覽按鈕的真實可行性。徹底檢驗有沒有失敗的link 無法鏈接到該鏈接的 Webpage，卻反而冒出 “ FileNotFound”的錯誤訊號出來。這是一個負責(zé)任、夠水準(zhǔn)的Webpage 設(shè)計者對自己的作品應(yīng)有的基本品質(zhì)要求。 如果您果真有那么多的超鏈接必須提供給讀者，不如將這些超鏈接以條列的方式，一筆一筆清楚地列在一選單頁或目錄頁上，既不妨礙走文的順暢，又呈現(xiàn)一目了然的導(dǎo)覽鏈接。 三、讓超鏈接的字串長短適中且走文自然 抓住能傳達主要訊息的字眼當(dāng)做超鏈接的錨點 (anchor)，可有效地控制住超鏈接的字串長度，避免字串過長 (如∶整行、整句都是錨點字串 )或過短 (如∶僅一個字當(dāng)做錨點 )，而不利于讀者的閱讀或點取。 四、當(dāng)導(dǎo)覽按鈕鏈接到目前此頁時 各 Webpage 若重復(fù)使用同一組的導(dǎo)覽按鈕，無可避免地會產(chǎn)生某一導(dǎo)覽按鈕鏈接到目前此頁的情形。為達成界面設(shè)計的一致性，并沒有絕對的必要性拿掉此導(dǎo)覽按鈕，但 Webpage 設(shè)計者可讓此 按鈕不再具有超鏈接的功能 ?；?qū)⒋税粹o的彩度、亮度降低 (如∶深綠色變成淡綠色，亮紅色 變成暗紅色 )，使讀者可清楚地意識到∶這個暗設(shè)下來的導(dǎo)覽按鈕不再具有超鏈接的功能。 網(wǎng)頁設(shè)計趨勢 對于追求無限創(chuàng)意和具實驗探索精神的 web 設(shè)計師來講，趨勢一說可能會顯得有點可笑，如果每個設(shè)計師都遵循原有的趨勢，那誰還去開創(chuàng)新趨勢？沒有了新趨勢，下一個輪回的時候，設(shè)計師們又去遵循什么趨勢？ 但不管你是否屬于哪一類網(wǎng)頁設(shè)計師，你卻偏偏又不得不了解和跟隨這些趨勢。除非你只為你自己做網(wǎng)站，否則如果你給客戶的項目完全背離了主流的趨勢，那要么就是黑馬，要么就是客戶覺得你無能，跟不上趨勢的節(jié)奏。 所以，隨時關(guān)注著 web 網(wǎng)頁設(shè)計趨勢是每個設(shè)計師都應(yīng)該做的事兒。 logo/標(biāo)頭 (headers) 飛出頁面（