吳煊
摘要:隨著時代的發展和人們精神生活水平的提高,網頁的設計制作越來越顯現出私人定制化。私人定制化,是網頁設計者依照設計目的和要求,自覺地對網頁的主題和構成元素進行統一創意設計和整體版式布局的活動。互聯網信息時代大大小小的網站多如繁星,任何一個網站想要吸引網友的眼球、確立自己的形象,不僅需要有充實可讀的信息內容,而且需要具有自己個性的網頁藝術設計。
關鍵詞:私人定制;網頁設計;個性設計;創意;版式網頁從最早的以文字為主的頁面,發展到今天圖、文、聲、像、多媒體等并茂的頁面,從以靜態網頁為主,發展到今天可以像博客這樣由瀏覽者私人定制的交互式動態網頁,從實現以信息傳達功能為主,發展到要求功能與審美兼得頁面。“美”與“技術”的有機結合,讓網頁的“私人定制”更加生動活潑,它以科學技術和視覺藝術的結合為基礎,以外觀表現形式為主要手段,謀求網頁界面的功能美與形式美,深化突出網站的內容,并體現網頁的時代感,以優良的個性設計來吸引讀者的眼球。
1設計創意是網頁私人定制的核心
在網頁設計中,要想達到吸引讀者關注、引起共鳴的目的,就必須依靠網站自身的獨特創意。好的創意能巧妙、恰如其分地展現網站主題、渲染氣氛,增加網頁的感染力,讓人印象深刻、過目不忘。因此,網頁設計創意階段的一切思考,都是圍繞主題來展開。
1.1網頁頭圖的創意設計
網頁頭圖是網站主題和信息內容最重要的展示區域。頭圖部分的設計是整個網頁設計的重點,也是網頁最需要突出的亮點,頭圖可以確立整個網頁設計的基調。優秀的頭圖應該緊貼網站主題內容,在運用精美的視覺元素外,頭圖的大標題要重點強調,它通常需要設計師花費專門的精力來設計制作字體的變形和特效。好的字體效果可以成為整個網頁的主視覺,成為最亮眼的一部分,同時也是最直接體現網站主旨的方式。頭圖的設計元素,應該圍繞網頁主題來展開,通過豐富的聯想,擴大藝術形象的容量,加深頭圖畫面的意境。這就要求在設計時不但要單純、簡練、清晰和明確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,鮮明地突出設計主題。這樣不僅可以深化網頁的主題,而且符合讀者獲取信息的心理需求和邏輯方式,容易使讀者產生身臨其境的帶入感,讓讀者快速地理解和吸收。
1.2網頁導航的創意設計
網頁導航是指通過一定的技術手段,為網頁的訪問者提供一定的途徑,使其可以方便地訪問到所需的內容。除了新聞門戶網站還在沿用傳統的網頁導航模式,現在越來越多的網站,都在嘗試不同位置布局、不同表現形式的個性化導航。網頁導航的位置,可以是始終保持在屏幕的某個區域,也可以是依照網頁的整體布局來進行合理地穿插。隨著互聯網技術的發展,網頁導航的表現形式也朝著多樣化、多元化發展,有圖標按鈕式、flash按鈕式、下拉菜單式、切換式等,在符合當前網頁設計的前提下,我們設計出合理的網頁導航,不僅可以方便讀者的閱讀,延長讀者的停留時間,還可以更完善網頁的私人定制設計。
1.3網頁背景的創意設計
網頁中的背景設計也是相當重要的,顏色背景的設計是最為簡單的,但同時也是最為常用和最為重要的,因為相對于圖片背景來說,它在顯示速度上有著無與倫比的優勢。顏色背景雖然比較簡單,但也有不少地方需要注意,如要根據不同的頁面內容設計背景顏色的冷暖狀態,要根據頁面的編排設計背景顏色與頁面內容的最佳視覺搭配等等。但是,對于一些個性化的網站來說,也時常會用到一些帶簡單紋理或干脆是滿屏的背景圖,如中國風、游戲和特色專題等網頁,這類網頁的背景在設計的時候需要符合網頁的主題和風格定位,從而更好地塑造起網頁的風格。網頁背景設計的好壞,不但能影響讀者對網頁內容的接受程度,還能影響讀者對整個網站的印象。
2版式設計是網頁私人定制的表現
網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在網頁設計中根據特定的主題和內容,把文字、圖形圖像、動畫、視頻、色彩等信息傳達要素界定在一個范圍內,有機的、秩序的、藝術性地組織在一起。
2.1網頁版式設計需要保持形式與內容的統一
網頁版式設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指網頁的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。內容決定形式,形式反作用于內容。一個優秀的網頁設計必定是形式對內容的完美表現。雖然網頁版式設計不等同于平面設計,但它卻是平面設計的另一個延伸,兩者間有許多相近之處,可以充分地加以利用和借鑒。如今,網頁版式已經不再拘泥于過往簡單的資訊列表式,許多特色的網頁版式設計,已經突破原有的束縛,在保持網頁原有要素的前提下,越來越突出版式的個性化、藝術化和便捷化。從而延伸出許多特色的版式布局,如分屏式、跨屏式和跳屏式等,無論運用哪種版式,都是為了讓網頁設計更加個性化,方便讀者的閱讀。
2.2網頁版式設計注重點、線、面的布局
網頁版面設計中,文字、圖形圖像根據其在畫面中的大小、方向、排列可以視為點、線、面等構成要素,同時文字又有標題和正文之分;圖片也有主次之分,所以,在網頁設計時都要加以考慮。圖片與文字,還有動畫這些信息都需要同時展示給讀者,不加設計的簡單羅列在一個頁面上,往往會使人感覺粗制濫造,讓讀者產生厭惡的情緒,所以必須要根據主題內容的需要,將傳遞信息的圖片和文字按照一定的次序和關系進行合理的編排和布局,使整個頁面和諧統一,充滿藝術性。在網頁版面中單一的點有集中醒目的特點,給人明確、堅定、充實的感覺。所以,可利用點的這一特性強調將要重點表現的對象。可利用“點”符號,對文字信息加以強調,也可采用點狀圖形圖像形式加以提示。線與面不僅能作為造型元素,同時還是劃分空間的有力武器。由線和面形成的對空間的分割與遮擋使空間的層次得以延伸,形成距離美感。
2.3網頁版式設計注重色彩搭配
色彩代表了不同的情感,有著不同的象征含義。色彩是最直接也是最持久地給讀者以網站形象的因素,它的效果直接影響讀者的觀賞興趣,色彩運用的恰當與否直接關系到網頁設計效果的好壞。色彩在網頁中所占比重很大,網頁設計中的色彩搭配,還必須圍繞網頁主題,脫離主題,容易讓讀者覺得索然無味。在網頁設計中,我們可以利用色彩所具有的豐富表現力及情感效應,使網頁的內容與形式有機結合起來,借助色彩的和諧搭配來體現網站的特色與風格,突出網站主題。充分利用色彩的力量來美化頁面,對其中的重要信息適當運用色彩對比進行強調,可以引導讀者的注意力,給讀者留下深刻的印象。私人定制化的網頁設計,是網絡技術與藝術創意緊密結合的過程。它使網頁設計不再拘泥于過去,而是不斷地突破創新,由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,把讀者帶入一個真正現實的虛擬世界中。參考文獻:
[1] 麥克唐納.什么是網頁設計[M].戴剛,譯.中國青年出版社,2006.
[2] 黎芳.網頁設計與配色實例分析[M].兵器工業出版社,北京希望電子出版社,2006.
[3] 安布羅斯,哈里斯(英).創意設計元素[M].楊文俐,譯.中國紡織出版社,2004.網頁