職業概述
網頁設計師就是為網站頁面進行設計並製作的工作人員，他們既是專業的設計師，又是靜態網站的開發工程師；總的來說網頁設計師是最辛苦的行業，不僅要懂頁面的設計、規化、排版、HTML代碼、FLASH動畫甚至還要多懂一些代碼，必須是個全能人才，特別是現在從2008年以後，W3C的推進，對網頁設計師的標準也是越來越高，越來越精確；網頁設計師預計將有意識的可用性，如果他們的作用，需要創建標記，那么它們也有望成為最新的網頁易讀性指引。平面設計師一向認為他們才是設計的正房。別的都是姨太太。實際上並非如此，平面設計是最基礎且又非常簡單的設計工作，因為平面設計做不到細，做不到精；他們只在乎大局，顏色搭配好，主體看上去可以就行，如果你觀察一些平面設計師的作品，大概看上去很唯美，但是你要是把圖放大或者更認真仔細的觀察他們的作品，會發現很多紕漏，這對於一個真正的網頁設計師來說，作品中是很難找到像平面設計一樣的問題；目前除了房地產行業之外，一般平面設計師的薪水都在網頁設計師之下，這個到許多公司都是可以考證的；雖然都是設計師，但平面設計與網頁設計又是兩個不同的領域，平面設計在色彩領域方面相對要專業一些，這是他們工作職責的所在，因為他們必須把自己設計的作品拿去噴繪出來，張貼在各種公共場所；但不管怎么說，自己水平達不到標準，再好的行業、再好的工作都會拋棄你的，所以網頁設計師們，今後你們要更加努力！特別是一些剛畢業一兩年的菜鳥連平面設計都不會，直接進入網頁設計這個行業，就需要比任何人都要更加努力和學習；沒有驚人的作品出來，證明你永遠都是一個菜鳥網頁設計師，甚至連網頁設計師都稱不上，還處在平面設計最基礎的階段；我以前上班的某個公司，當時我的設計水平也就是一年多的經驗，而公司做廣告DM部的平面設計師已經有多年的經驗，可以說是資深平面設計，薪水拿的比我們要多一大半，由於公司經營問題，後來把他們調入我們部門，給客戶做網頁設計，他們的平面設計作品那是一個超讚，可設計出的網頁作品還不如一個從培訓班出來的學生；做了半個月由於壓力大，全部自己申請辭職了；這就是區別；如果是專業的資深網頁設計師做平面設計，那是小意思，因為網頁設計師已經兼任了平面設計；
許多所謂的網頁設計師，連自己都以為做網頁就是“網頁排版”，其實並非如此，他們不是真正的或者說稱職的網頁設計師。80%的公司招聘網頁設計師的要求，幾乎千篇一律地強調要如何熟練使用“網頁三劍客”。事實上“網頁三劍客”本身就是個不負責任的稱謂，當改成“網頁三劍”才是。因為這些軟體歸根結底都只是工具而已，而劍客最起碼是人。連兩千多年前的秦始皇帝都知道劍術的最高境界是“手中無劍，心中也無劍”，而聰明的現代人卻硬是本末倒置，拿來一把“劍”非要稱之為“劍客”，叫人笑掉大牙。
網頁設計師從一開始，是網際網路行業新的產物，是平面設計的延續或者說是平面設計的高層，打個比喻平面設計就是葉問，而網頁設計就是李小龍，想練就李小龍的截道拳就必須先練就詠春拳，可葉問雖然是李小龍的師傅，李小龍在詠春的基礎上又創造了截道拳，葉問打不過李小龍，死不服輸，臉上沒光，活了一輩子也算是一代宗師竟然被自己的徒弟打敗；看過李小龍傳奇的都知道；網頁設計師不僅要比平面設計師更懂得專業的設計還要向程式設計師多學習代碼；有時候他們還必須得搞點動畫，比如FLASH、JS、CSS等。但可憐的是，平面設計師覺得他們是在侮辱設計，這就是我剛才講的那個小故事，平面設計師就是自欺欺人，懂行的是不敢亂說話的；與程式設計師相比，除了不懂專業技術性的開發，就嚮往網頁代碼標準方面發展和學習；但對於動畫設計師來說，網頁設計師懂的是基礎，畢竟玩的不是一個軟體，可網頁設計師一樣牛，因為可以套用CSS和JS搭配直接很簡單的做出FLASH的動畫效果，很不錯的喔。不管怎么說，一個人要想成功，特別是網頁設計師，一定要不斷的努力學習，走出平面設計師這個基礎門檻，向程式和FLASH動畫設計師學習；
因為作一名網頁設計師需要學習的東西太多太多，有時候不一定具有一定的專業性，所以名字也有一大堆。什麼“網頁設計”、“網頁製作”，“網站開發”，“做網頁的”，“做網站的”，“網站開發工程師”如此等等。可如今W3C和微軟IE及各個瀏覽器的推進，對網頁設計師的要求越來越高，這就使得網頁設計師們對設計和動畫及代碼越來越專業、標準；如果你是菜鳥你就是平面設計+排版，說白了就你是個用table排版的；如果你越來越專業，水平越來越標準，那你就是網站開發工程師，資深網頁設計師，高領域的，薪水會比平面設計師多出兩倍以上，更接近於FLASH動畫和程式軟體開發工程師的薪水，如果你遇上這兩個領域頂尖的專業師傅，你在他們的面前又會被變成一個菜鳥，因為別人是專業代碼，而你是專業設計兼代碼排版；
網頁設計應該有更多的思索在裡面，每一個元素都是思索的產兒，而不是隨意的點綴。當然，感性的爆發也必不可少，因為她是藝術，是商業化了的藝術、技術化了的藝術。如果有客戶認定網頁設計是一件簡單的不能再簡單的排版，那讓他們去找列印部一分鐘能敲出200個字的小女孩去做吧。因為，我們－－要為網頁設計師正名！
考試級別
（全國職業教育資格認證證書CVEQC初級）、（全國職業教育資格認證證書CVEQC中級）、（全國職業教育資格認證證書CVEQC高級）是相關人員求職、任職、晉升等，證書在全國範圍內有效。
工具和技術
Web設計人員使用各種不同的工具的一部分。這些工具的生產過程中，他們都參與更新，隨著時間的推移，新的標準和軟體，但背後的原理仍然是相同的。Web圖形設計人員使用向量和光柵圖形包，用於創建Web格式的圖像或設計原型。職能規劃
信息架構
這個屬於策劃型，一般入口網站需要，對產品策劃和用戶體驗都需要有深入的了解，這個偏重的是策劃能力，要有良好的邏輯思維，主要的工作任務是：組織信息 規劃欄目布局相關的工作。視覺設計
這個理論上講是屬於藝術型，其實名曰商業藝術。2者還是不同的，對於網頁設計來講這塊需求量是非常大的，現在人們越來越重視美觀，而且要求越來越高。不管是入口網站，還是企業網站，FLASH全站（互動設計）這個角色的占有率是很大的。關於視覺這塊先天性因素占的很多，天生的色彩感覺，創意能力。還要有良好的藝術修養，入職後還要對商業有深刻理解，明白商業設計的核心原則，如何將你的個性和商業目地完美結合是最重要的。主要的工作任務是：設計風格定位 圖示UI界面設計。前端製作
說到這個職位，市場上逐漸增多。恩，這個屬於純技術型。最初級的就是切片和製作HTML,不要小看這個，以為這個沒什麼技術含量，其實這個技術含量也是很高，要符合標準和各個遊覽器的兼容也不是件很容易的事情，一般切片和製作HTML劃入網頁視覺設計師的範疇。應該屬於附屬職能，視覺設計做到一定的級別，這個無需理會。具體根據公司的要求決定。然後高級一點套用就是JS,AJAX……等，主要的工作任務是：頁面實現 最佳化）用戶互動
網頁可以籠統的比喻是，“基於 Internet（網際網路）”比較高級的“平台傳媒”，網頁是網站架構的一部分，網站架構有它獨有的複雜性，和技術性，和基於 Internet（網際網路）的良好的擴展性，我個人定義為有“高級”、“中級”、“低級”之分，低級相對來說只是簡單的網頁美工設計，動畫設計，UI設計，中級相對來說是比較熟練的網頁美工設計和動畫設計，UI設計，和一些樣式最佳化，和腳本擴展，高級的相對來說是精通網頁美工設計，動畫設計，前台UI設計，樣式腳本擴展，和良好的用戶互動技術。“平台傳媒”既沒有傳媒的廣泛性，又有一定的廣告的特性，特別是網頁上的“平台傳媒”和加有 web 通信的優勢。
合格的網頁設計技術人員必須要考慮與用戶的互動，才能設計出高質量的網頁。
就業職位
網頁設計師的就業職位歸結有網頁設計師、網站美編、企業網站策劃、網站管理、多媒體界面設計。工作內容
⒈負責對網站整體表現風格的定位，對用戶視覺感受的整體把握；⒉進行網頁的具體設計製作；
⒊產品目錄的平面設計；
⒋各類活動的廣告設計；
⒌協助開發人員頁面設計等工作。
網頁設計以及實戰技巧
（一）垃圾還是經典網頁技術更新很快，一個網站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經典。經典只存在於是哪個首次成功創新性的套用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑑者的。網頁設計不同於其他藝術，在模仿加創新的網頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經認同的大部分用戶習慣，而且這種沿襲的痕跡是非常的明顯！還有哪個設計者敢腆著臉說，這都是我自己的原創設計？對於業界來說，經典只是個理念和象徵！
（二）國區域網路頁設計環境
不可否認，國區域網路頁設計環境目前還停留在初級的認知階段，也就是說，絕大多數人不知道網路的真正的可用之處，你去做一個業務的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業角度去教育非專業認識，結果是可想而知的。也正是這種全體社會普遍的低認知水平，導致了大量網路垃圾的產生。
網頁設計師9條原則
01 明確內容如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。
02 抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。
03 最佳化內容
內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。比如某網站在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。
04 快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。最好符合WEB標準化用css定位的網站往往比表格定位要少很多代碼。
05 網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計畫好你的升級計畫。
06 堅持基本原則
即使你不懂HTML語言，你只需購買一個有著作權的所見即所得的網頁設計工具，如Adobe PageMill 或 Microsoft FrontPage Express，當然現在則是Dreamweaver啦，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟體包雖然不需要HTML，卻使網站速度下降。為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。
07 學習HTML
用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站傳送到Web之前，預覽你的網站。HTML編寫過程中可以大段大段地刪減，這是一特點。
08 用筆畫一個網站的框架
聖人云：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關係。計畫好你的用戶如何以最少的時間瀏覽你的網站。
09 “在計算機上永遠也找不到好的方案”。
網頁設計師常用軟體
Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用來進行圖像處理的，把渲出來的圖通過PS使其更加具有真實感。網頁導航設計事項
一、注意超連結顏色與單純敘述文字的顏色呈現WWW的語言—HTML允許Webpage設計者特別標明單純敘述文字與超連結的顏色，以便豐富Webpage的色彩呈現。如果您的網站充滿知識性的信息，欲傳達給訪問者，建議您將網頁內的文字與超連結顏色，設計成較乾淨素雅的色調，會較有利於閱讀∶純粹的敘述文字採用較暗、較深的顏色來呈現(如∶黑色、墨綠色、暗褐色)，超連結文字則以較鮮明搶眼的色彩來強調(如∶亮黃色、翠綠色、鮮橘色)，至於探訪過的超連結則採用較低於原超連結亮度的顏色做呈現。
二、測試所有的超連結與導覽按鈕的真實可行性
Webpage上線之後，第一件該做的事，是逐一測試每一頁的每一個超連結與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法連結到該連結的Webpage，卻反而冒出“FileNotFound”的錯誤訊號出來。這是一個負責任、夠水準的Webpage設計者對自己的作品應有的基本品質要求。
如果您果真有那么多的超連結必須提供給讀者，不如將這些超連結以條列的方式，一筆一筆清楚地列在一選單頁或目錄頁上，既不妨礙走文的順暢，又呈現一目了然的導覽連結。
三、讓超連結的字串長短適中且走文自然
抓住能傳達主要訊息的字眼當做超連結的錨點(anchor)，可有效地控制住超連結的字串長度，避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當做錨點)，而不利於讀者的閱讀或點取。
四、當導覽按鈕連結到目前此頁時
各Webpage若重複使用同一組的導覽按鈕，無可避免地會產生某一導覽按鈕連結到目前此頁的情形。為達成界面設計的一致性，並沒有絕對的必要性拿掉此導覽按鈕，但Webpage設計者可讓此按鈕不再具有超連結的功能;或將此按鈕的彩度、亮度降低(如∶深綠色變成淡綠色，亮紅色變成暗紅色)，使讀者可清楚地意識到∶這個暗設下來的導覽按鈕不再具有超連結的功能。
網頁設計趨勢
對於追求無限創意和具實驗探索精神的web設計師來講，趨勢一說可能會顯得有點可笑，如果每個設計師都遵循原有的趨勢，那誰還去開創新趨勢？沒有了新趨勢，下一個輪迴的時候，設計師們又去遵循什麼趨勢？但不管你是否屬於哪一類網頁設計師，你卻偏偏又不得不了解和跟隨這些趨勢。除非你只為你自己做網站，否則如果你給客戶的項目完全背離了主流的趨勢，那要么就是黑馬，要么就是客戶覺得你無能，跟不上趨勢的節奏。
所以，隨時關注著web網頁設計趨勢是每個設計師都應該做的事兒。
1. 巨大的/標頭
飛出頁面（splash pages）已經非常過時了。為了給訪問者造成難以忘懷的印象，目前流行趨勢將會是巨大的logo或者不相上下大小的標頭。這種類型的標頭會占據整 個螢幕，但是只有一個重要的簡訊息在上面。訪問者不需要點擊任何東西，只要把滑鼠向下滑動。訪問的人現在普遍患有點擊恐懼（由於多年來的缺乏指導）。所以 大幅的標頭就像飛出頁面一樣，但是它不會強迫你的用戶點擊任何東西。中心思想:巨大的標頭將會使你的訪問者記住你的網站。
2. 素描/手繪設計
手繪設計並不是真正全新的一種潮流，但我們知道它仍然站在網頁設計的前沿。很多設計師欣賞這種風格，但又怯於創作此類作品僅僅由於“我不會真正地手 繪”的態度。如果你去看那些最流行的手繪風格網站（相對於其他趨勢風格的網站，手繪設計的網站不多），你會注意到大多數同行不會繪畫。這些設計不是要送往 藝術博物館的，它們只是傳遞一種異想天開的想法，並模糊冷冰凍的網路和人與人的互動——網際網路的終極目標，之間的界限。如果你會塗鴉，你就可以創作素描/ 手繪風格的網頁設計。素描在目前會變得更加強大，儘管不是網頁設計的主要焦點。它將會以新穎的和令人興奮的方式被用於個性標準的頁面文案（web copy）。
中心思想：素描在合作設計中會變成一個基本的組成部分。
3. 肥厚的字型
儘管在傳統媒體中出現已經超過200年了，肥厚的字型在網頁設計上的套用還算比較新的。要得到肥厚字型的可視化定義，就想想古老的狂野西部的海報 “渴望”。那些醒目的字母就是肥厚的字型。肥厚字型普遍是大寫字母，醒目並令人印象深刻。許多設計師以前避開肥厚字型不用，是因為以前標誌和標頭都比較小 和比較簡樸的緣故。和巨大的標頭一起組合之後，肥厚的字型將會吸引瀏覽者的注意。中心思想：肥厚字型來大膽的表現自己。
4. 活版印刷
活版印刷是最難掌握的的潮流趨勢之一，這就是它在目前依然保持新鮮的原因。出於大家對可用性的呼籲，網頁設計師不敢使用新起的和各式各樣的字 體。把不同大小尺寸的字型混合在一起這個想法是完全不可想像的。可以探索，扭曲，模壓字型來達到你的目的。如果位置得當，一個利用了活版印刷作為它主要涉 及元素的網頁會比一個超載了大量圖片的相同網站有趣的多。中心思想：活版印刷是新發展的，但是它會將繼續成為網頁設計的一部分。
5. 單頁布局
單頁布局將會驅使你去把不必要的信息刪除。目前這個潮流將會拋棄那些古怪的導航，並使之影響國變得更加小（this trend will move away from the quirky navigation and become more minimal in its approach.）。可以這類風格的網頁想成商業名片。這些網站將會更像一站式商店，在那裡有你和你在各式各樣網站上的作品（比如你的部落格和你在各種社 會化媒體上巢穴）。中心思想：單頁布局將會有較多個人檔案和較少的團體合作。
6. 巨幅圖片
與巨大logo/標頭header很接近，所以大幅畫面也做著同樣的事。它創造了難忘的視覺衝擊。不像上文巨大logo所示的那樣，巨幅圖片不是網 站品牌的一部分。相反，訪問者不是因為內容而是因為奇大無比的圖片尺寸吸引進入你的網站的。目前網頁設計師們會發現，在他們的設計中使用起這些 巨大的表現方式來表達網站的風格，將會更加的舒適愜意。中心思想：巨幅圖片會被用作吸引遊客進入你的網站。
7. 改變視角
就像我們以前討論過的一樣，桌面視角已經重複到令人發膩了，2010年將會看到一個更加貼切實際的視角，可能會有一個移動的側視的天線（there may also be a move toward side-shot aerial.）中心思想：2010年網頁設計會出現不同的視角
8. 互動式/直觀設計
flash動畫會有更好的發展。以前，你訪問網站，你一定會點進一些令人厭煩的動畫界面。現在動畫會輕鬆、專業的多。儘管一些設計師更願意選擇 jquery製作表格和彈出式視窗，但動畫在設計界仍然占有一席之地，特別是在表現細節方面。動畫在互動上仍然有所欠缺。目前網頁設計師將會在動 畫的補救元素方面改進。現在普遍的瀏覽者對網際網路了解得更多更深了，設計師會也將會也會創造出比以前更直觀性一點的網站。中心思想：互動式設計會重新流行
9. 彈出對話框
彈出對話框這個趨勢現在正如火如荼地被使用，事實上目前就會到處可見。彈出對話框就像彈出式視窗的一個更加老練的長兄，——流暢、美觀、潮流。彈出對話框更容易設計和使用使它成為那些為可用性擔心的設計師的完美解決方法。中心思想：目前設計中彈出對話框將會繼續流行
10. 簡約主義
請忽視學校極少網頁的網站。目前網頁會繼續以大片空白和醒目的排版、出人意料的顏色方案為特點。不是所有的簡約網站都同意黑和白的簡單性概念。儘管簡約主義本質上是溫和的，但是它也展示鮮艷的顏色。簡約主義不是冷酷的，它是溫暖的，開門見山的。中心思想：簡約主義將會大膽的用於排版。
11. 大尺寸的底部
也許大尺寸的底部已經到處都是了，但是目前你會發現它們甚至會更誇張。未來的底部會減少事先考慮的因素，成為設計的主要部分。底部將會尋求詹這些特徵：包含隨機的信息的腳本，比如不同的社會媒體的更新、每日調查、和flickr等。中心思想：大尺寸的底部將會以較少重要的信息，較多個人信息為特點。
12. 復古
復古設計會成為風尚，流行起來。雖然很多設計的團體欽佩復古的網頁設計，但如果沒有留下"已復原(undone)"的印象就很難完全掌握這種風格。 復古的關鍵是被它的風格和潛在的趣味性所啟發。目前如果設計師找到新的使復古老藝術榮耀起來的方式，復古設計將會擴大使用的範圍。中心思想：復古是一種新潮。
網頁設計師必讀
作者: 境佑司譯者: 袁玥
出版社: 電子工業
出版年: 2007-9
頁數: 236
定價: 32.00元
叢書: 網頁設計師必讀
內容簡介
《網頁設計師必讀:網頁設計基礎》和她的姊妹篇《網頁設計師必讀:頁面製作Dreamweaver & CSS》都是引進日本暢銷書翻譯改編而成，圖解特色非常鮮明，是網頁設計師必讀系列的重頭之作。《網頁設計師必讀:網頁設計基礎》是一本面向未來的網頁工程師的基礎知識和技巧解說書籍。每一課都採用實用性強的例題介紹方式，帶領大家分步地、階段性地學習，同時提供練習題對所學內容進行再複習，實現完全掌握的學習效果。
《網頁設計師必讀:網頁設計基礎》最大的特色是通過圖文並茂的方式簡潔直觀地介紹網頁設計所需要的基礎知識與實用技巧。書中通過使用大量圖表，直觀鮮明地將所介紹的知識具體化，全面系統地針對接觸網頁設計的初級讀者介紹了網頁設計基礎、網頁特性、網頁設計與表現、網頁設計中所套用的語言及設計技巧等。
