個性化的網頁設計

摘要：在當今大數據化的時代，信息需求的日益增長，大部分人獲得信息主要來自互聯網。如何進行個性化的網頁設計？首先必須了解自己要做網站的內容，只有抓住了網站內容的個性特征并且視覺化，然后從網頁的界面、導航條、交互方式、文字、圖片、色彩、聲音、FLASH動畫、視頻等元素入手，才能設計出精彩且個性的網頁來。

關鍵詞：個性化的網頁設計；界面；導航條；交互方式；文字；FLASH動畫在當今大數據化的時代，信息需求的日益增長，大部分人獲得信息主要來自互聯網。個人和企事業單位、組織的發展，信息的發布交流等，同樣也是大部分通過互聯網實現的。網頁的視覺展示，能向瀏覽者充分展示個人或企事業單位、組織自身的個性特征和企業文化。

如何進行個性化的網頁設計？進行個性化的網頁設計，首先必須了解自己要做網站的內容，只有抓住了網站內容的個性特征并且視覺化，然后從網頁的界面、導航條、交互方式、文字、圖片、色彩、聲音、視頻等元素入手，才能設計出精彩且個性化的網頁來。

如何讓網頁界面的視覺個性化？（1）該網站內容的個性特點是什么？（2）如何從視覺上突出其特點？只有抓住了其網站內容的個性特點并且視覺化，才能抓住瀏覽者的視線。例如，十幾年前韓國電影《醉畫仙》發行時，為了配合電影《醉畫仙》的發行，做了一個網站。這個網站除了它的FLASH技術做到了極致，它的視覺效果上做到了極具個性特征。以至于這個網站出來后，很多網站都風行一時的模仿它。《醉畫仙》的電影講的是十九世紀韓國畫家張承業的故事，如何在平面的網頁上展示電影里一個畫家的故事和這部電影的相關內容，該網站的歡迎界面的背景是一張白色帶底紋圖片，白色帶底紋的圖片模擬出國畫宣紙的質感。畫面中間是一滴墨汁滲透的生宣上的痕跡，墨汁的里面的文字分別是金色的韓文——“醉畫仙”和白色的中文——“醉畫仙”。并且在墨跡里做了一條金魚追蹤的FLASH，當瀏覽者的鼠標劃過墨汁時，出現一條金魚追蹤的動畫，給瀏覽者以游戲般的交互體驗。墨跡的左下方是一支毛筆，墨跡左上方的文字前面是一個紅色的印章形的裝飾元素，右下方的兩種文字的鏈接前面也是用小的墨跡做的裝飾元素。整個畫面無論從文字到圖形，都來自東方文化的元素，整個頁面精彩絕倫的向瀏覽者展示了東方文化的神韻。同時，讓人一看就知道這是一個跟繪畫有關的網站。高超的FLAH技術和典雅的畫面一下子就吸引住了瀏覽者的眼球。這樣一個簡潔明快精美的歡迎界面，給瀏覽者一個視覺美感和緩沖。同時，設計者牢牢地抓住了該網站的本質特征——這個網站是要介紹一位畫家，一位畫水墨的畫家！

圖1圖2點擊進去，主頁依舊是白色帶底紋的背景，優雅寧靜。畫面成大膽對角線構圖，紅艷艷的水墨山水風景畫占住了畫面右下方，酣暢淋漓又如水彩畫般明艷輕薄透明，主角坐在山上，隨著FLASH動畫的出現，點擊主角發出豪放不羈聲嘶力竭的嘶吼，瀏覽者為之震撼的同時，也略對網站人物的個性特征有所了解。精彩FLASH動畫展示了主角精湛的作畫過程，高超的FLASH技術令人嘆為觀止！伴隨這個FLASH動畫和背景音樂，把瀏覽者帶入了十九世紀中葉，封建的朝鮮王朝內外交困中風雨飄搖的時代，淋漓盡致的表現了畫家張承業狂放不羈的個性和技術高超的繪畫過程。網頁的導航設計非常個性且精彩，導航條的形狀采用不拘一格的毛筆在紙上繪畫留下的痕跡作為輪廓。

點擊關于電影導演和電影相關信息的導航進入子網頁，每一個人物介紹，每一個人物的圖片都是用墨跡在生宣上繪畫留下的生動的筆墨痕跡做背景。再一次將主角的職業和電影以及網頁三者之間的關系絕妙地結合在一起。最精彩的是關于電影主要人物的介紹，FLASH 場景模仿電影場景，當鼠標劃過人物時，角色會屈膝彎腰點頭問好，并且會自我介紹，人物周圍還有投影，完全是電影場面調度的效果，令瀏覽者迫不及待地想觀看電影和電影相關的資料。

圖3網頁的字體設計和編排，在網頁設計中占有相當重要的作用，整個網站的字體，為了更恰如其分的表現人物和內容，從標題字到導航和文本內容，所有的文字都是手寫體。

圖4韓國電影《醉畫仙》網站是將電影、網頁設計、繪畫三者之間關系完美的結合，將東方文化的神韻的表達到了極致。該網頁極具個性化設計：整個網站的文字為了更恰如其分的表現人物和內容，從標題文字到導航和文本內容，所有的文字都是手寫體；整個網站的交互設計，歡迎界面不僅美輪美奐，還給瀏覽者游戲般的交互體驗。其他的交互設計也給瀏覽者動態的視覺體驗；圖片和色彩都充分地突出網站的個性特征；網頁的導航設計非常個性且精彩，導航條的形狀采用不拘一格的毛筆在紙上繪畫留下的痕跡作為輪廓。因此，對網頁進行設計時，要想把網頁設計做得極致，首先必須了解自己要做網站的內容，只有抓住了網站內容的個性特征并且視覺化。然后從網頁的界面、導航條、交互方式、文字、圖片、色彩、聲音、視頻等元素入手，才能設計出精彩且個性的網頁來。參考文獻：

[1] 曹金明.網頁設計與配色[M].北京希望電子出版社，2005.

[2] 周埗.網頁設計解析[M].清華大學出版社，2009.

[3] 張云峰.民族藝術與文字設計的關聯與影響[J].民族藝術，2012（03）.作者簡介：朱俊華（1972—），女，湖北孝感人，助教，現任教于湖北美術學院設計系，主要研究方向：廣告設計。