網頁設計師:一種職業-中文百科頻道

職業概述

網頁設計師就是為網站頁面進行設計并制作的工作人員，他們既是專業的設計師，又是靜态網站的開發工程師；總的來說網頁設計師是最辛苦的行業，不僅要懂頁面的設計、規化、排版、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制作表格和彈出式窗口，但動畫在設計界仍然占有一席之地，特别是在表現細節方面。動畫在互動上仍然有所欠缺。目前網頁設計師将會在動畫的補救元素方面改進。現在普遍的浏覽者對互聯網了解得更多更深了，設計師會也将會也會創造出比以前更直觀性一點的網站。

中心思想

：交互式設計會重新流行