網頁設計的視覺審美與實踐案例分析

苗蘋　翟松橋

摘要：網頁隨著網絡技術的不斷更新，網頁與平面設計的結合，已經成為更加深入的一個課題本文從作者設計的作品出發，重點研究本作者自己設計的網頁作品之美學問題，通過比較這些作品的設計形式和內涵，從形勢美和網頁的視覺審美探索及網頁的整合設計兩個方面對網頁設計進行分析，最后把網頁設計歸納出其形式美的因素，并融入到信息與多媒體集合的設計。通過從作者業務實踐中的設計突出網頁設計視覺審美的研究和探索。

關鍵詞：網絡技術;視覺審美;網頁設計

一、網頁的視覺審美探索

以哈爾濱龍飛焊接公司網站設計為例，它看起來很適合初次集中精力來欣賞。該網頁設計從一個高層次的視角開始，從細節上面給這個網頁設計賦予了很多視覺審美的技巧，以及版式的形式美編排。

哈爾濱龍飛焊接公司網站設計突出細節設計，以藍色為主題的調色板和背景，很好的模擬了真實的飛翔中的藍天的色彩。網頁的題頭部分使用了雪花作為基礎圖案，展現哈爾濱冰雪公司的特色，為了真正的欣賞細節，像素級完善，真正的細節應用在像素級。如圖1所示。

首先，按鈕背后的身藍色將頁面上的這部分突出出來。該區域頂端和底部的兩個簡單的單像素線是一個簡潔的設計方式，它使得這個區域在視覺效果上更明顯的區別于頁面上的其他元素。其中的一個單像素線條更引人注意，這是因為它使用了灰色。它為兩者之間的陰影和背景提供了對比，但是真正起作用的卻是底部的深藍色的色塊。兩個線條相互配合起來封鎖了這個頂部區域。

龍飛焊接網頁設計與網站視覺審美結合設計出的網頁，從形式美中達到美的結合，平面設計中應用了大量的色彩與圖文的結合，達到美的視覺。

二、網頁的圖案美學認知

（1）網頁圖案的仿真形式

圖案的仿真形式-圖案思維很大程度上是來源于自然界，自然界中的美很多，動物的動態美、植物的外形美、人物的形態美等，從古老的民族中的生活習性，決定了他們對于自然的改造都是來源于生活，他們善于總結自然界中的美，然后設計成圖案，找尋自然界中的對稱、均衡、互補的形式美法則。這些圖案寓意對自然生活的熱愛，對未來生活的寄往。網頁設計中的版面設計業可以應用仿真圖案作為設計的傳達，把頭腦中自然界中的真實景象制作成圖案，并加以運用，比如自然界中的雪花就是圖案的仿真思維。龍飛焊接的網頁設計題頭部分就是應用雪花的仿真圖案，突出哈爾濱冰雪特色，和哈爾濱本土的企業理念結合，更加有寓意。

（2）網頁圖案的抽象形式

圖案的抽象形式—在古老的民間圖案中，有很多是對審美的概括和整理，也就是總結圖案本身的形式美和結構。比如對圖案的構思、組合、分解、變化、創造等，從而變成一個全新的圖案，這就是抽象圖案的藝術美感。網頁設計可以從自然界中的圖案進行構思、組合燈通過對于自然和生活的理解，創造出符合視覺需求的具象意念到抽象意念，這是從傳統中取其精華，在設計中對圖案的藝術升華，是對美學的一種詮釋。圖2的設計就是根據古老文字中的筆畫進行改變、解構、分解、重組等因素設計的。

圖2 東北農業大學藝術學院網頁設計方案 ?作者 苗蘋

（3）網頁圖案的構成形式

圖案的構成形式—圖案的構成思維主要是研究圖案的點、線、面構成的圖案形式和研究圖案構成中的形式美法則，比如重復與漸變、均衡和變化、特異和發射、對比與統一、肌理和空間等。傳統圖案的構成形式有平面構成、空間構成、色彩構成。組合紋樣就是用一種圖案作為基礎元素對這個圖案進行左右或上下復制，可以形成二方連續和四方連續等方式。平面構成中有點的構成、線的構成、面的構成，還有點線面綜合構成，這些構成形式可以獨立存在，圖案的其他形式也可以是組合存在，如組合紋樣;構成連續紋樣的變化，如復合紋樣。圖3就是根據平面構成形式美法則的對稱均衡等元素創造的網頁設計。這個是商業大學藝術學院的網頁設計，設計靈感根據平面構成中點、線、面結合。這些設計思維可以放在主頁上，分層頁面上，既有統一元素，又能起到版面構成的作用。這些足以構成完整和諧的美學特征。

圖3 商業大學設計藝術學院網頁設計 ?作者 苗蘋

（4）網頁圖案的色彩形式

圖案的色彩形式：色彩是圖案展示比較重要的構成部分，色彩能反映出網頁的情感寄托，色彩和圖案的巧妙結合能把圖案的單調之美換成絢爛之美，網頁設計的色彩至關重要，能夠直接關系受眾與網頁的喜歡與否。作者善于運用簡單低調的色彩表現網頁的情感。一種色彩能給人以穩定感;兩種以上的色彩給人絢爛感。作者設計網頁往往喜歡通過兩種以上的色彩抒發網頁傳達的多種情感，色彩的運用的恰到好處，可以給網頁設計增光添彩。白色、黑色、灰色、橙色、藍色等都是網頁設計常用的的顏色。少量艷色加大量灰色是網頁設計中常見的組合色彩搭配。色彩的構成也恰到好處，色彩是通向網民內心情感的道路，網頁設計運用這些色彩，表達出美學的最深刻的含義。圖4就是作者應用黑白灰的色彩結合，加上圖片的色彩呼應，彰顯藝術學院的審美意象，構成完美和諧的色彩元素，富有學院特色，顯示出藝術學院的古典、現代、秀麗、尊貴的味道。

圖4 東北農業大學藝術學院網頁設計方案 ?作者苗蘋

結論

通過從作者設計的網頁設計案例，都是遵循形式美的設計規則，從而完成其審美價值的作品，網頁設計過程中，作者需要能動的研究設計方法，結合傳統圖案的美，讓設計與傳統達到前所未有的結合，借古宜今，才干創作出好的作品。本章首先介紹了網頁的視覺審美介紹，根據作者設計的網頁設計案例進行分析。作者善于應用傳統設計規則和傳統圖案，從中國古老的文化和美學文明中傳達現代設計的思維，利用圖案的仿真形式、抽象形式、構成形式、色彩形式等，并結合案例闡述設計意圖。網頁設計的未來發展必將和平面設計美學規則相同，是技術與藝術的完美詮釋，利用傳統和現代的結合，利用形式與內容的融合，相信設計出好的網頁設計是非常容易的，這樣網頁設計才能走出自己的一片天空。

參考文獻：

[1] 吳志祥. 網頁設計理論與實踐[M]科學出版社. 2011.

[2] 梁景紅. 設計師談網頁設計思維[M]電子工業出版社. 2005.

[3] 苗蘋. 網頁設計[M]哈爾濱，東北林業大學出版社.