網頁設計師

網頁設計師就是為網站頁面進行設計並製作的工作人員，他們既是專業的設計師，又是靜態網站的開發工程師；總的來說網頁設計師是最辛苦的行業，不僅要懂頁面的設計、規化、排版、HTML代碼、FLASH動畫甚至還要多懂一些代碼，必須是個全能人才，特別是在2008年之後，W3C的推進，對網頁設計師的標準也是越來越高，越來越精確；網頁設計師預計將有意識的可用性，如果他們的作用，需要創建標記，那麼他們也有望成為最新的網頁易讀性指引。

平面設計師一向認為他們才是設計的正房。別的都是姨太太。實際上並非如此，平面設計是最基礎且又非常簡單的設計工作，因為平面設計做不到細，做不到精；他們只在乎大局，顏色搭配好，主體看上去可以就行，如果你觀察一些平面設計師的作品，大概看上去很唯美，但是你要是把圖放大或者更認真仔細的觀察他們的作品，會發現很多紕漏，這對於一個真正的網頁設計師來說，作品中是很難找到像平面設計一樣的問題；除了房地產行業之外，一般平面設計師的薪水都在網頁設計師之下，這個到許多公司都是可以考證的；雖然都是設計師，但平面設計與網頁設計又是兩個不同的領域，平面設計在色彩領域方面相對要專業一些，這是他們工作職責的所在，因為他們必須把自己設計的作品拿去噴繪出來，張貼在各種公共場所；但不管怎麼說，自己水平達不到標準，再好的行業、再好的工作都會拋棄你的，所以網頁設計師們，今後你們要更加努力！特別是一些剛畢業一兩年的菜鳥連平面設計都不會，直接進入網頁設計這個行業，就需要比任何人都要更加努力和學習；沒有驚人的作品出來，證明你永遠都是一個菜鳥網頁設計師，甚至連網頁設計師都稱不上，還處在平面設計最基礎的階段；我以前上班的某個公司，當時我的設計水平也就是一年多的經驗，而公司做廣告DM部的平面設計師已經有多年的經驗，可以說是資深平面設計，薪水拿的比我們要多一大半，由於公司經營問題，後來把他們調入我們部門，給客戶做網頁設計，他們的平面設計作品那是一個超贊，可設計出的網頁作品還不如一個從培訓班出來的學生；做了半個月由於壓力大，全部自己申請辭職了；這就是區別；如果是專業的資深網頁設計師做平面設計，那是小意思，因為網頁設計師已經兼任了平面設計；

許多所謂的網頁設計師，連自己都以為做網頁就是“網頁排版”，其實並非如此，他們不是真正的或者說稱職的網頁設計師。80%的公司招聘網頁設計師的要求，幾乎千篇一律地強調要如何熟練使用“網頁三劍客”。事實上“網頁三劍客”本身就是個不負責任的稱謂，當改成“網頁三劍”才是。因為這些軟體歸根結底都只是工具而已，而劍客最起碼是人。連兩千多年前的秦始皇帝都知道劍術的最高境界是“手中無劍，心中也無劍”，而聰明的現代人卻硬是本末倒置，拿來一把“劍”非要稱之為“劍客”，叫人笑掉大牙。

網頁設計師從一開始，是網際網路行業新的產物，是平面設計的延續或者說是平面設計的高層，打個比喻平面設計就是葉問，而網頁設計就是李小龍，想練就李小龍的截拳道就必須先練就詠春拳，可葉問雖然是李小龍的師傅，李小龍在詠春的基礎上又創造了截拳道，葉問打不過李小龍，死不服輸，臉上沒光，活了一輩子也算是一代宗師竟然被自己的徒弟打敗；看過李小龍傳奇的都知道；網頁設計師不僅要比平面設計師更懂得專業的設計還要向程序員多學習代碼；有時候他們還必須得搞點動畫，比如FLASH、JS、CSS等。但可憐的是，平面設計師覺得他們是在侮辱設計，這就是我剛才講的那個小故事，平面設計師就是自欺欺人，懂行的是不敢亂說話的；與程序員相比，除了不懂專業技術性的開發，就嚮往網頁代碼標準方面發展和學習；但對於動畫設計師來說，網頁設計師懂的是基礎，畢竟玩的不是一個軟體，可網頁設計師一樣牛，因為可以應用CSS和JS搭配直接很簡單的做出FLASH的動畫效果，很不錯的哦。不管怎麼說，一個人要想成功，特別是網頁設計師，一定要不斷的努力學習，走出平面設計師這個基礎門檻，向程序和FLASH動畫設計師學習；

因為作一名網頁設計師需要學習的東西太多太多，有時候不一定具有一定的專業性，所以名字也有一大堆。什麼“網頁設計”、“網頁製作”，“網站開發”，“做網頁的”，“做網站的”，“網站開發工程師”如此等等。可如今W3C和微軟IE及各個瀏覽器的推進，對網頁設計師的要求越來越高，這就使得網頁設計師們對設計和動畫及代碼越來越專業、標準；如果你是菜鳥你就是平面設計+排版，說白了就你是個用table排版的；如果你越來越專業，水平越來越標準，那你就是網站開發工程師，資深網頁設計師，高領域的，薪水會比平面設計師多出兩倍以上，更接近於FLASH動畫和程序軟體開發工程師的薪水，如果你遇上這兩個領域頂尖的專業師傅，你在他們的面前又會被變成一個菜鳥，因為別人是專業代碼，而你是專業設計兼代碼排版；

網頁設計應該有更多的思索在裡面，每一個元素都是思索的產兒，而不是隨意的點綴。當然，感性的爆發也必不可少，因為她是藝術，是商業化了的藝術、技術化了的藝術。如果有客戶認定網頁設計是一件簡單的不能再簡單的排版，那讓他們去找列印部一分鐘能敲出200個字的小女孩去做吧。因為，我們－－要為網頁設計師正名！

（全國職業教育資格認證證書CVEQC初級）、（全國職業教育資格認證證書CVEQC中級）、（全國職

業教育資格認證證書CVEQC高級）是相關人員求職、任職、晉陞等，證書在全國範圍內有效。

Web設計人員使用各種不同的工具的一部分。這些工具的生產過程中，他們都參與更新，隨著時間的推移，新的標準和軟體，但背後的原理仍然是相同的。Web圖形設計人員使用向量和光柵圖形包，用於創建Web格式的圖像或設計原型。

網頁設計師必備10個搜索引擎優化技巧

1.社會化媒體

一個非常重要的步驟，就是把你網站曝光在各社會媒體，來吸引更多的讀者，如Twitter，Flickr，Facebook，Google+等，讓別人了解你的產品或服務。

2.分析和跟蹤

這一步非常的重要，這讓你更加了解你的訪問者，是通過什麼關鍵詞搜索來到你的網站，他們有什麼需要，每天大概有多少人訪問等等這些問題，然後您就可以根據這些來改善你的網站。

這個屬於策劃型，一般門戶網站需要，對產品策劃和用戶體驗都需要有深入的了解，這個偏重的是策劃能力，要有良好的邏輯思維，主要的工作任務是：組織信息 規劃欄目布局相關的工作。

這個理論上講是屬於藝術型，其實名曰商業藝術。FLASH全站（互動設計）這個角色的佔有率是很大的。關於視覺這塊先天性因素占的很多，天生的色彩感覺，創意能力。還要有良好的藝術修養，入職后還要對商業有深刻理解，明白商業設計的核心原則，如何將你的個性和商業目地完美結合是最重要的。主要的工作任務是：設計風格定點陣圖標UI界面設計。

說到這個職位，市場上逐漸增多。恩，這個屬於純技術型。最初級的就是切片和製作HTML,不要小看這個，以為這個沒什麼技術含量，其實這個技術含量也是很高，要符合標準和各個遊覽器的兼容也不是件很容易的事情，一般切片和製作HTML划入網頁視覺設計師的範疇。然後高級一點應用就是JS、AJAX……等，主要的工作任務是：頁面實現、優化）

網頁可以籠統的比喻是，“基於Internet（網際網路）”比較高級的“平台傳媒”，網頁是網站架構的一部分，網站架構有它獨有的複雜性，和技術性，和基於Internet（網際網路）的良好的擴展性，我個人定義為有“高級”、“中級”、“低級”之分，低級相對來說只是簡單的網頁美工設計，動畫設計，UI設計，中級相對來說是比較熟練的網頁美工設計和動畫設計，UI設計，和一些樣式優化，和腳本擴展，高級的相對來說是精通網頁美工設計，動畫設計，前台UI設計，樣式腳本擴展，和良好的用戶交互技術。

“平台傳媒”既沒有傳媒的廣泛性，又有一定的廣告的特性，特別是網頁上的“平台傳媒”和加有web通信的優勢。

合格的網頁設計技術人員必須要考慮與用戶的交互，才能設計出高質量的網頁。

網頁設計師的就業職位歸結有網頁設計師、網站美編、企業網站策劃、網站管理、多媒體界面設計。

⒈負責對網站整體表現風格的定位，對用戶視覺感受的整體把握；

⒉進行網頁的具體設計製作；

⒊產品目錄的平面設計；

⒋各類活動的廣告設計；

⒌協助開發人員頁面設計等工作。

（一）垃圾還是經典

網頁技術更新很快，一個網站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經典。經典只存在於是哪個首次成功創新性的應用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑒者的。網頁設計不同於其他藝術，在模仿加創新的網頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經認同的大部分用戶習慣，而且這種沿襲的痕迹是非常的明顯！還有哪個設計者敢腆著臉說，這都是我自己的原創設計？對於業界來說，經典只是個理念和象徵！

（二）國內網頁設計環境

不可否認，國內網頁設計環境還停留在初級的認知階段，也就是說，絕大多數人不知道網路的真正的可用之處，你去做一個業務的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業角度去教育非專業人士，結果是可想而知的。也正是這種全體社會普遍的低認知水平，導致了大量網路垃圾的產生。

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網頁設計趨勢是每個設計師都應該做的事兒。

飛出頁面（splash pages）已經非常過時了。為了給訪問者造成難以忘懷的印象，流行趨勢將會是巨大的logo或者不相上下大小的標頭。這種類型的標頭會佔據整個屏幕，但是只有一個重要的簡訊息在上面。訪問者不需要點擊任何東西，只要把滑鼠向下滑動。訪問的人普遍患有點擊恐懼（由於缺乏指導）。所以大幅的標頭就像飛出頁面一樣，但是它不會強迫你的用戶點擊任何東西。

中心思想:巨大的標頭將會使你的訪問者記住你的網站。

手繪設計並不是真正全新的一種潮流，但我們知道它仍然站在網頁設計的前沿。很多設計師欣賞這種風格，但又怯於創作此類作品僅僅由於“我不會真正地手繪”的態度。如果你去看那些最流行的手繪風格網站（相對於其他趨勢風格的網站，手繪設計的網站不多），你會注意到大多數同行不會繪畫。這些設計不是要送往藝術博物館的，它們只是傳遞一種異想天開的想法，並模糊冷冰冰的網路和人與人的互動——網際網路的終極目標，之間的界限。如果你會塗鴉，你就可以創作素描/手繪風格的網頁設計。

素描會變得更加強大，儘管不是網頁設計的主要焦點。它將會以新穎的和令人興奮的方式被用於個性標準的頁面文案（web copy）。

中心思想：素描在合作設計中會變成一個基本的組成部分。

儘管在傳統媒體中出現已經超過200年了，肥厚的字體在網頁設計上的應用還算比較新的。要得到肥厚字體的可視化定義，就想想古老的狂野西部的海報“渴望”。那些醒目的字母就是肥厚的字體。肥厚字體普遍是大寫字母，醒目並令人印象深刻。許多設計師以前避開肥厚字體不用，是因為以前標誌和標頭都比較小和比較簡樸的緣故。和巨大的標頭一起組合之後，肥厚的字體將會吸引瀏覽者的注意。

中心思想：肥厚字體來大膽的表現自己。

活版印刷是最難掌握的的潮流趨勢之一，這就是它依然保持新鮮的原因。出於大家對可用性的呼籲，網頁設計師不敢使用新起的和各式各樣的字體。把不同大小尺寸的字體混合在一起這個想法是完全不可想象的。可以探索，扭曲，模壓字體來達到你的目的。如果位置得當，一個利用了活版印刷作為它主要涉及元素的網頁會比一個超載了大量圖片的相同網站有趣的多。

中心思想：活版印刷是新發展的，但是它會將繼續成為網頁設計的一部分。

單頁布局將會驅使你去把不必要的信息刪除前這個潮流將會拋棄那些古怪的導航，並使之影響國變得更加小（this trend will move away from the quirky navigation and become more minimal in its approach.）。可以這類風格的網頁想成商業名片。這些網站將會更像一站式商店，在那裡有你和你在各式各樣網站上的作品（比如你的博客和你在各種社會化媒體上巢穴）。

中心思想：單頁布局將會有較多個人文件和較少的團體合作。

與巨大logo/標頭header很接近，所以大幅畫面也做著同樣的事。它創造了難忘的視覺衝擊。不像上文巨大logo所示的那樣，巨幅圖片不是網站品牌的一部分。相反，訪問者不是因為內容而是因為奇大無比的圖片尺寸吸引進入你的網站的。網頁設計師們會發現，在他們的設計中使用起這些巨大的表現方式來表達網站的風格，將會更加的舒適愜意。

中心思想：巨幅圖片會被用作吸引遊客進入你的網站。

就像我們以前討論過的一樣，桌面視角已經重複到令人發膩了，2010年將會看到一個更加貼切實際的視角，可能會有一個移動的側視的天線（there may also be a move toward side-shot aerial.）

中心思想：2010年網頁設計會出現不同的視角

flash動畫會有更好的發展。以前，你訪問網站，你一定會點進一些令人厭煩的動畫界面。動畫會輕鬆、專業的多。儘管一些設計師更願意選擇jquery製作表格和彈出式窗口，但動畫在設計界仍然佔有一席之地，特別是在表現細節方面。動畫在互動上仍然有所欠缺。網頁設計師將會在動畫的補救元素方面改進。普遍的瀏覽者對網際網路了解得更多更深了，設計師會也將會也會創造出比以前更直觀性一點的網站。

中心思想：互動式設計會重新流行

彈出對話框這個趨勢正如火如荼地被使用，事實上到處可見。彈出對話框就像彈出式窗口的一個更加老練的長兄，——流暢、美觀、潮流。彈出對話框更容易設計和使用使它成為那些為可用性擔心的設計師的完 美解決方法。

中心思想：設計中彈出對話框將會繼續流行

請忽視學校極少網頁的網站。網頁會繼續以大片空白和醒目的排版、出人意料的顏色方案為特點。不是所有的簡約網站都同意黑和白的簡單性概念。儘管簡約主義本質上是溫和的，但是它也展示鮮艷的顏色。簡約主義不是冷酷的，它是溫暖的，開門見山的。

中心思想：簡約主義將會大膽的用於排版。

也許大尺寸的底部已經到處都是了，但是你會發現它們甚至會更誇張。未來的底部會減少事先考慮的因素，成為設計的主要部分。底部將會尋求詹這些特徵：包含隨機的信息的腳本，比如不同的社會媒體的更新、每日調查、和flickr等。

中心思想：大尺寸的底部將會以較少重要的信息，較多個人信息為特點。

復古設計會成為風尚，流行起來。雖然很多設計的團體欽佩復古的網頁設計，但如果沒有留下"已復原(undone)"的印象就很難完全掌握這種風格。復古的關鍵是被它的風格和潛在的趣味性所啟發。如果設計師找到新的使復古老藝術榮耀起來的方式，復古設計將會擴大使用的範圍。

中心思想：復古是一種新潮。

一。職能規劃

恩，第一節，我們先講職能規劃。首先自己要有明確的目標和定位，這樣後面的路才好走。光網頁設計其實分的非常細緻。因為各個企業的需求和情況不同，所以對這個職位的要求也不同。好的公司只要你精一樣，一般的公司則要你會幾樣。

大致分這幾塊：

1.信息架構(這個屬於策劃型，主要的工作任務是：組織信息規劃欄目布局相關的工作)

2.視覺設計(這個理論上講是屬於藝術型，其實名曰商業藝術。2者還是不同的，對於網頁設計來講這塊需求量是非常大的，人們越來越重視美觀，而且要求越來越高。不管是門戶網站，還是企業網站，FLASH全站(互動設計)這個角色的佔有率是很大的。

3.前端製作(應該屬於附屬職能，視覺設計做到一定的級別，這個無需理會。具體根據公司的要求決定。)

4.其它職能(比如UI設計。用戶體驗,FLASH互動設計，等這裡不做詳細的解釋，本文僅針對網頁設計而論)

二。對號入座

OK!第2節，我們開始講本文的重點，注意了關於找工作的經驗和技巧可是博大精深啊，其實和做人一樣的道理。下面我們分幾個級別來提供解決方案。

1.新手入行

嘿嘿，大家都有第一次，不要緊張，哈哈^_^。自然點，其實沒什麼，不就是去面試么，膽子要大，要有這樣的思想，管他的，就是去喝喝茶，聊聊天啥的。除了自信還是自信，更重要的是對工作充滿激情有濃厚的興趣，要有理想。關於外表，不要搞的太正規了，你不是去面試銷售。隨便一點要有自己的個性，自我介紹隨便說，哪裡人，什麼專業啥的。說話語氣要帶有親和力。面帶微笑。關於面試的時間盡量準時點。提前和稍後都太不好。簡歷不要寫廢話，語言簡潔即可。恩，一般剛出道的都是拿U盤拷作品，嘻嘻，有條件可以帶上筆記本展示自己的作品，物質上也是可以增強自信心的。

這個時候應該以學習為目地，應該充分的考慮工作是否有利以後的職業規劃。第一點就是識別能力，對你自己和公司有一定的認識。你自己的定位和能力，是否適合公司這個職位的要求。前期對公司應該有初步的了解，只有了解雙方的需求，才能有所均衡。一定要對號入座，哪怕工資稍微低點，也沒有太大關係，這個時候薪資是屬於次要的階段。額，要多面試幾家公司，這時要注意幾點，有的公司招人缺乏誠信，或者條件苛刻。這樣的公司不必理會。