如今的互聯(lián)網(wǎng)已經(jīng)滲透到我們生活中的各個層面。網(wǎng)站內(nèi)容即豐富又全面，滿足了各種不同需求的瀏覽者，活躍了經(jīng)濟，也達到了商家開辦網(wǎng)站的目的。

　　正當(dāng)網(wǎng)絡(luò)作為第四媒體，逐漸走向成熟和完善的時候，網(wǎng)頁設(shè)計業(yè)也已逐步脫離了傳統(tǒng)廣告設(shè)計的范疇，形成特殊而獨立的體系。同時表明了，我們對網(wǎng)站視覺審美以及網(wǎng)站功能應(yīng)用等多個方面的認知達到了新的高度。 

　　拋去媒體這層外衣，網(wǎng)站是信息的儲存空間。請大家思考一下：從理論上來說，套用相同的模板，只要保證瀏覽者能夠獲取信息，網(wǎng)站的功能就實現(xiàn)了。如同96年以前的網(wǎng)站幾乎是純文字的頁面，沒有什么所謂“設(shè)計”的概念可言。而從實際情況上看，至今的網(wǎng)絡(luò)上依舊到處充斥著那種僅僅是通過信息堆砌而成的網(wǎng)站。那么，設(shè)計師們到底是為了什么而工作呢？不了解網(wǎng)頁美術(shù)的意義所在，我們?nèi)绾文軌蛘_的面對創(chuàng)作？

　　面對激烈競爭的網(wǎng)絡(luò)環(huán)境

　　眾所周知，“優(yōu)者生存”是事物繁衍發(fā)展的自然規(guī)律。隨著網(wǎng)絡(luò)技術(shù)的更新?lián)Q代，以及計算機美術(shù)的可達到的范圍越來越廣，我們無法繼續(xù)滿足于：只有幾篇文字和版式一模一樣的網(wǎng)站。
　　不可否認，互聯(lián)網(wǎng)的共享環(huán)境給信息儲備和更新帶來了很大的沖擊，現(xiàn)今已不是十年前數(shù)得出來的幾百個網(wǎng)站，而是無法估量的上千萬個網(wǎng)站。主題相同或雷同的網(wǎng)站多到無數(shù)，想要從千百個相同主題的網(wǎng)站中脫穎而出，確實不易。互聯(lián)網(wǎng)的全球共享信息環(huán)境，能夠使地球另一端的競爭者與我們站在同一條跑道上，競爭加劇了，網(wǎng)站的視覺設(shè)計也就變成了競爭環(huán)節(jié)中的一大利器。

　　面對信息結(jié)構(gòu)的日益復(fù)雜化

　　網(wǎng)站不是發(fā)布幾條消息，或者放上幾個廣告那么簡單的載體。它可能是一個大型的信息資料庫，也可能是琳瑯滿目的信息轉(zhuǎn)盤，信息的重要性決定了信息的擺放順序及瀏覽者的使用頻率。
　　由于信息結(jié)構(gòu)變得越來越復(fù)雜，一個信息空間內(nèi)部結(jié)構(gòu)如何設(shè)計、信息類別多如何管理、異類信息如何分主次、同類信息如何分類分層，以及單一頁面上的信息結(jié)構(gòu)安排等等諸多問題?！绊撁嫔嫌形淖志涂梢浴边@一原則已經(jīng)無法解決現(xiàn)今的互聯(lián)網(wǎng)的網(wǎng)站信息情況了。我們必須依據(jù)信息結(jié)構(gòu)去規(guī)劃網(wǎng)站設(shè)計，科學(xué)的進行信息管理。在不影響信息下載的同時，提供給瀏覽者一種美好的視覺環(huán)境，幫助他們科學(xué)且快速的查閱信息。

　　信息的傳播內(nèi)涵與外沿

　　網(wǎng)民們是為了不同的目的登陸相關(guān)的站點上查詢信息的。試想一下，一個需要閱讀娛樂新聞的人是不會到體育網(wǎng)站上去尋找的，而一個需要收集出國政策的人更是不會到游戲網(wǎng)站上去搜索的，這是有關(guān)信息類別的不同選擇。

　　信息不同，網(wǎng)站的氣氛亦會不同。當(dāng)瀏覽者進入娛樂網(wǎng)站中，卻感覺如同進入體育競技場，那么這個網(wǎng)站所傳遞出的信息概念則完全錯誤，瀏覽者對網(wǎng)站的設(shè)計及網(wǎng)站本身都不會給予認可。也就是說，網(wǎng)站的信息內(nèi)容有著特殊的傳播內(nèi)涵與外沿。弄錯了游戲規(guī)則，可能會損失大量的瀏覽者，同等于失去了成功的機會。

　　我們想讓它做更多事情

　　網(wǎng)絡(luò)不僅僅是信息的儲存空間，它更是一種新形式的電子信息傳播方式，區(qū)別于電波、紙張、電視我們稱之為第四媒體（或新媒體）。任何以個人、團體、公司等不同名義都可以建設(shè)屬于自己的網(wǎng)站，這些網(wǎng)站有別于綜合性門戶或資訊類站點，它們并不依靠大量信息吸引訪問者，而網(wǎng)站是他們創(chuàng)造商業(yè)價值的間接手段。

　　企業(yè)需要建立形象網(wǎng)站，把VIS系統(tǒng)導(dǎo)入到網(wǎng)站設(shè)計中，這無形是延伸了形象傳播的寬度和深度。通過網(wǎng)絡(luò)，企業(yè)信息和相關(guān)資料被廣泛傳播給全球客戶，無法估計的各種機遇層出不窮。更有甚者，一個非常大氣而莊重的網(wǎng)站可以給一個僅有幾人的貿(mào)易公司帶來數(shù)萬生意。不同的企業(yè)，有著不同的企業(yè)文化，跟隨所要傳播的信息概念，網(wǎng)站設(shè)計的形式和氣氛絕對不能相同。如果把可口可樂公司的網(wǎng)站，設(shè)計如同勞力士手表網(wǎng)站一樣時，誰能想象這會造成多么大的經(jīng)濟損失？

      視覺審美關(guān)系到網(wǎng)站生存與發(fā)展

　　網(wǎng)站作為新媒體的媒介主體，具有更多與傳統(tǒng)媒體不同的特征和特性。這些特征決定了網(wǎng)頁設(shè)計的形式和使命，它的意義將與傳統(tǒng)媒介的“設(shè)計”截然不同。網(wǎng)頁設(shè)計是網(wǎng)站的視覺內(nèi)容部分，它是瀏覽者進入站點內(nèi)第一時間接收到的視覺信息。它可以給瀏覽者一個概念，一種印象，這種印象有時候是致命的。

　　Relen記得NWP 第二版的設(shè)計形式并不新穎，以至于，第一次進入NWP V2首頁時（圖1），認為它是一個無關(guān)緊要的網(wǎng)站，便沒有進入內(nèi)頁瀏覽，而且直接關(guān)閉了瀏覽器。當(dāng)V3 發(fā)布后（圖2），無意中進入時，還以為是一個新發(fā)布的優(yōu)秀網(wǎng)站，并在其內(nèi)停留了很久。其實就網(wǎng)站信息內(nèi)容來說，V2 與V3之間并沒有太大變化，直到V4才有了信息結(jié)構(gòu)的突破性擴充。但多數(shù)人認識NWP是卻是從V3版本開始的，而NWP也是從V3開始奠基了它作為國際知名品網(wǎng)站點的地位，同時才擁有了V4版向綜合性設(shè)計門戶邁進的起點和基點。

　　NWP V2

圖1 . NWP V2首頁 設(shè)計單調(diào)，缺乏美感

　　NWP V3

圖2. NWP V3首頁 輕快動感，風(fēng)格獨特

　　互聯(lián)網(wǎng)中的同類網(wǎng)站非常多，同類中也不乏大量的優(yōu)秀作品。不論是從設(shè)計到內(nèi)容，都非常有特色。這種條件下，網(wǎng)民們有條件去挑選他們喜愛和認可的網(wǎng)站，并決定作為這些網(wǎng)站的“回頭客”。

　　在如此激烈的競爭之中，一個可用性強的、獨特創(chuàng)新的網(wǎng)站設(shè)計成為網(wǎng)站長期發(fā)展的必要條件之一。

　　闡釋完網(wǎng)頁設(shè)計的重要性與必要性。接下來，看一看行業(yè)的現(xiàn)狀吧。

　　比起幾年前，現(xiàn)今優(yōu)秀的網(wǎng)站作品已經(jīng)很多了。 可行業(yè)現(xiàn)狀依舊顯得可悲：不少在職的網(wǎng)頁設(shè)計師（網(wǎng)頁美工），是用教條的、形式化的方式設(shè)計網(wǎng)頁，作品也給人一種像是一個模子印出來的感覺，甚至有些人因為使用了免費模版消化客戶單而自鳴得意。

　　隨著互聯(lián)網(wǎng)知識的普及，使得我們的委托人對網(wǎng)站設(shè)計有了一定了解。但他們?nèi)耘f不十分明確的了解網(wǎng)站能做什么，建設(shè)網(wǎng)站的目的是什么，要做怎樣的網(wǎng)站，能從網(wǎng)站中得到什么。隱患最深的是，大多數(shù)企業(yè)網(wǎng)站的策劃和運作都存在問題，在客戶的概念里，這樣的東西就是網(wǎng)站了。如果這樣的網(wǎng)站無法給客戶帶來直接或間接“好處”，那么他的概念就變成：互聯(lián)網(wǎng)不能給企業(yè)帶來利益。

　　如果你覺得上一段末尾，Relen闡述的不正確，那說明你看到都是發(fā)展不錯的網(wǎng)站。然而國際互聯(lián)網(wǎng)域名登記管理機構(gòu)（INTERNET NIC）每天注冊域名15000個以上，其中97%是為企業(yè)而注冊的。你是否把這些全部看過來了呢？他們中到底有多少企業(yè)是依靠網(wǎng)絡(luò)得到直接或間接的利益呢？

　　這就是現(xiàn)狀之一：不論對比幾年前我們進步多少，現(xiàn)今仍處在網(wǎng)站設(shè)計業(yè)的初期。行業(yè)的標(biāo)準(zhǔn)、客戶的觀點以及審美的準(zhǔn)則都不盡成熟。我們僅僅看到了這座高山的一部分輪廓，實際上我們要向上攀巖、摸索前行的路還很遠。

　　其二：工種不分家對行業(yè)的發(fā)展產(chǎn)生了阻礙因素，設(shè)計師需要掌握更全面的知識。

　　少有人分得清楚：網(wǎng)站美工、網(wǎng)頁設(shè)計師、UI設(shè)計師、制作人員、程序設(shè)計師、網(wǎng)站設(shè)計總監(jiān)……等職位職權(quán)范圍，公司招聘員工也是希望應(yīng)聘人員什么技術(shù)都會。如果要求美術(shù)設(shè)計師精通網(wǎng)頁制作和動畫設(shè)計技術(shù)，是比較合理的要求。然而卻有不少企業(yè)抱著“美術(shù)設(shè)計人員精通程序設(shè)計”這樣的愿望去招聘，這種方式到底能招來什么樣的“人才”呢？

　　“工種不分家”使每個在網(wǎng)頁設(shè)計崗位的設(shè)計者，不僅僅要考慮到美術(shù)設(shè)計與制作方面，同時還要兼顧信息結(jié)構(gòu)的規(guī)劃，甚至網(wǎng)站建設(shè)的策劃等工作。這大大超出了網(wǎng)頁設(shè)計師所應(yīng)受理的職權(quán)范圍，然而這就是我們作為網(wǎng)頁設(shè)計師所要面對的不足，并且需要不斷進取的方面。

　　國外有信息結(jié)構(gòu)專家這個職業(yè)。網(wǎng)站是由信息結(jié)構(gòu)設(shè)計師與網(wǎng)站創(chuàng)意設(shè)計師共同探討、協(xié)作完成，同時有網(wǎng)站運營管等相關(guān)工作人員監(jiān)控網(wǎng)站的運行及發(fā)展。但在中國的現(xiàn)階段，只有少數(shù)企業(yè)擁有這樣的協(xié)作隊伍。雖然大型網(wǎng)站（商務(wù)）策劃是由專業(yè)的市場行銷、策劃人員來做，網(wǎng)站內(nèi)容也是由網(wǎng)站編輯編制完成。而大部分中小型的企業(yè)網(wǎng)站幾乎是沒有進行任何專業(yè)策劃，直接進入設(shè)計階段。連制作網(wǎng)站的目的以及渴望得到的結(jié)果都沒有深入考慮過，便直接交給設(shè)計師來設(shè)計。不用想，其結(jié)果是形式化的、易入誤區(qū)的。

　　沒有策劃人員與廣告行銷人員的配合，設(shè)計師就擔(dān)負了網(wǎng)站規(guī)劃和網(wǎng)站編輯的工作。如果設(shè)計師缺乏總攬全局的能力，是無法把網(wǎng)站做到位的。

　　我們不鼓勵由于“工種不分家”所形成的惡性循環(huán)的繼續(xù)，但為了能夠做出優(yōu)秀的作品，了解信息和理解目的是必要的，設(shè)計師也應(yīng)該掌握這部分相關(guān)知識。同時若想從設(shè)計師向設(shè)計總監(jiān)等更高職位攀登，單純考慮色彩、版式等形式設(shè)計是不夠的，必須做到對事情的全面了解，做出正確的判斷，帶領(lǐng)團隊進行難度大、問題多的設(shè)計單。

　　本書不涉及策劃行銷內(nèi)容，但建議設(shè)計師們參閱相關(guān)書籍，增長經(jīng)濟、營銷等相關(guān)知識。商業(yè)設(shè)計與市場經(jīng)濟有著密切的關(guān)系，只有了解經(jīng)濟，才能使設(shè)計有的放矢。同時設(shè)計師應(yīng)做好與客戶溝通的準(zhǔn)備，不能把自己的創(chuàng)意解說給客戶，也表現(xiàn)出設(shè)計師的不成熟。商業(yè)設(shè)計師不是藝術(shù)家，我們僅是設(shè)計服務(wù)業(yè)的一員。客戶不懂設(shè)計，他們需要引導(dǎo)和推薦，設(shè)計師自己來解說設(shè)計，一方面客戶會認可你的專業(yè)理念、精神和態(tài)度；另一方面有助于促進合作，相互理解，并構(gòu)成良好的溝通關(guān)系，為擴展更多業(yè)務(wù)合作奠定良好的基礎(chǔ)。

　　值得慶幸的是，盡管弊病很多，這個行業(yè)依舊發(fā)展得很快。相信過不了幾年，網(wǎng)絡(luò)設(shè)計業(yè)就會呈現(xiàn)出讓我們歡喜的新面貌。另外，提醒大家，隨著行業(yè)的規(guī)范發(fā)展，我們的職業(yè)壓力只能越來越大，而不會越來越輕松。委托方對網(wǎng)站的要求會提高，設(shè)計師的創(chuàng)作也應(yīng)該更加專業(yè)，才能繼續(xù)生存。

　　本書作為一本題材較為特殊而頗具特色的書籍，主要是和大家探討網(wǎng)站設(shè)計的目的與形式之間的關(guān)系。也就是網(wǎng)站策劃、網(wǎng)站內(nèi)容與網(wǎng)站設(shè)計之間的擇優(yōu)問題與形式創(chuàng)意。使設(shè)計師學(xué)會站在多個角度上看待創(chuàng)作、看待成品，從而更好的展開創(chuàng)作思路。

　　我們是設(shè)計師，我們習(xí)慣了站在形式美學(xué)的角度去看待自己的創(chuàng)作及他人作品。如果能夠站在客戶的角度看待網(wǎng)站設(shè)計，會出現(xiàn)怎樣的風(fēng)貌呢？

　　客戶反復(fù)的要求把公司名稱字體和標(biāo)識放大處理，實際上他是希望把公司及品牌概念強化。當(dāng)你明白這個意思的時候，就不會和客戶爭論標(biāo)識大一點還是小一點好看了，你會把標(biāo)識做虛化放在背景中去強化，或者做成動畫來表示強調(diào)?？偠灾蛻綦m然不懂設(shè)計的形式和設(shè)計的語言，但沒有人比客戶更了解自己的公司和產(chǎn)品的行銷，當(dāng)我們能夠了解到客戶的目的和意圖時，設(shè)計才有了方向感。

　　我們依舊還是設(shè)計師，但是我們能夠在滿足客戶的目的的同時，確保作品的藝術(shù)性和完整性。假如我們又站在市場的角度去看待網(wǎng)站設(shè)計又當(dāng)如何呢？

　　市場就是客戶的客戶，終端客戶接收了網(wǎng)站傳遞給他們的信息概念：看到暖色，他們會感覺這個企業(yè)是很有親和力的，容易溝通的；看到大量的矢量風(fēng)格的網(wǎng)站插圖時，他們會感覺這個企業(yè)是潮流派的、有個性的、有活力的。作為網(wǎng)站真正的使用者，他們比任何人都知道自己需要什么。

AIWA是隨身聽、音像類產(chǎn)品的品牌（圖3~5），它的網(wǎng)站（http://www.aiwa.com/）是十分個性化的，人物卡通和Flash游戲成為網(wǎng)站的招牌。不難分析，動畫設(shè)計儼然是為了20歲上下的少年和青年準(zhǔn)備的，這個群體也正是AIWA的主要行銷對象。顯然，創(chuàng)作不僅僅使AIWA在網(wǎng)頁設(shè)計界揚名，同時贏得了眾多網(wǎng)民的喜愛。

　　把這樣的風(fēng)格配給了勞力士手表會變成怎樣，消費得起勞力士的群體與AIWA的消費群截然不同，這種做法足以摧毀一個優(yōu)秀的品牌。

　　你將發(fā)現(xiàn)：即使他們都是流行時尚的典范，卻傳遞出彼此互不相同的文化內(nèi)涵。你不可能因文化內(nèi)涵的不同，去探究他們中哪個好、哪個不好；哪個正確、哪個錯誤，因為他們從文化到形式都是獨一無二的。這也證明了網(wǎng)站設(shè)計師已經(jīng)成功的把企業(yè)文化、產(chǎn)品文化通過網(wǎng)站設(shè)計傳遞給終端客戶。

      設(shè)計是否正確的傳遞了目的和合理的包裝了網(wǎng)站呢？

　　這就要看目的、信息與設(shè)計之間到底是存在著怎樣的等號關(guān)系了(圖10)。

　圖10. 目的、信息與設(shè)計的關(guān)系圖

　　早在三、四年前，Relen就有意編寫一本這樣的書籍。經(jīng)過一段時間的實踐累積，雖然梳理和總結(jié)一部分實踐知識，但仍舊是管中窺豹，一座高山只見一角。或者說，在競爭激烈的環(huán)境下，行業(yè)的發(fā)展是迅猛的，今天的總結(jié)只能幫助我們穩(wěn)妥的走上一段路，而我們?nèi)耘f要不斷思考與總結(jié)，不斷學(xué)習(xí)與進步，才能一路走好，并且先人一步。

　　編寫這本書面臨很多難處。知識是零碎的，不成章節(jié)，反而成網(wǎng)絡(luò)交織在一起。 書的結(jié)構(gòu)成了一個讓Relen非?？鄲赖膯栴}。思索很久， 決定以“目的－信息－設(shè)計－創(chuàng)意”此作為本書的根脈。從策劃到編輯到設(shè)計，從而解決“我們要建立怎樣的站點，并以何種形式完成它”的問題。

　　Relen作為一個設(shè)計師，也是經(jīng)歷了不同的思想變化才明確的把“網(wǎng)站建設(shè)的目的、網(wǎng)站信息內(nèi)容和網(wǎng)站創(chuàng)意設(shè)計”放在同一個層面上，同等對待。剛剛?cè)胄械臅r候也只會單純的思考美學(xué)上的問題，然而實際情況是多樣化的，單純考慮形式美術(shù)是不能解決經(jīng)濟問題與人性問題，把策劃上不清晰的環(huán)節(jié)拿出來與客戶討論、緩解形式設(shè)計的壓力，使作品更具有親和力，并含有設(shè)計師的見解與審美。只有當(dāng)作品貼近使用者時，才能被認可，被欣賞。

　　即使是我們自己的個人主頁，也需要考慮建設(shè)的目的與運行時出現(xiàn)的種種疑問。否則，你肯定遇到過很多次“設(shè)計到一半，推翻，重新再來”的情況。

　　一本書不可能攬括所有具體問題，本書的知識大多是點到為止的。市面上此類角度編寫的書籍較少，Relen作為“試吃螃蟹”的人，給大家開個引子。歡迎有想法、有經(jīng)驗的朋友，相互探討，促進交流。

　　更希望這本作為理論結(jié)合實踐的書籍，能夠成為網(wǎng)頁設(shè)計師的理論工具書，以拋磚引玉的方式，幫助在職的設(shè)計人員解決自己所面臨的實際問題。愿本書能夠成為有志于網(wǎng)頁視覺設(shè)計事業(yè)的各位讀者的養(yǎng)分?！?/P>