網(wǎng)頁設計的視覺審美與實踐案例分析

苗蘋　翟松橋

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

關鍵詞：網(wǎng)絡技術;視覺審美;網(wǎng)頁設計

一、網(wǎng)頁的視覺審美探索

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

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

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

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

二、網(wǎng)頁的圖案美學認知

（1）網(wǎng)頁圖案的仿真形式

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

（2）網(wǎng)頁圖案的抽象形式

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

圖2 東北農(nóng)業(yè)大學藝術學院網(wǎng)頁設計方案 ?作者 苗蘋

（3）網(wǎng)頁圖案的構成形式

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

圖3 商業(yè)大學設計藝術學院網(wǎng)頁設計 ?作者 苗蘋

（4）網(wǎng)頁圖案的色彩形式

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

圖4 東北農(nóng)業(yè)大學藝術學院網(wǎng)頁設計方案 ?作者苗蘋

結論

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

參考文獻：

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

[2] 梁景紅. 設計師談網(wǎng)頁設計思維[M]電子工業(yè)出版社. 2005.

[3] 苗蘋. 網(wǎng)頁設計[M]哈爾濱，東北林業(yè)大學出版社.