網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)審美與實(shí)踐案例分析

苗蘋(píng)　翟松橋

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

關(guān)鍵詞：網(wǎng)絡(luò)技術(shù);視覺(jué)審美;網(wǎng)頁(yè)設(shè)計(jì)

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

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

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

首先，按鈕背后的身藍(lán)色將頁(yè)面上的這部分突出出來(lái)。該區(qū)域頂端和底部的兩個(gè)簡(jiǎn)單的單像素線是一個(gè)簡(jiǎn)潔的設(shè)計(jì)方式，它使得這個(gè)區(qū)域在視覺(jué)效果上更明顯的區(qū)別于頁(yè)面上的其他元素。其中的一個(gè)單像素線條更引人注意，這是因?yàn)樗褂昧嘶疑Ｋ鼮閮烧咧g的陰影和背景提供了對(duì)比，但是真正起作用的卻是底部的深藍(lán)色的色塊。兩個(gè)線條相互配合起來(lái)封鎖了這個(gè)頂部區(qū)域。

龍飛焊接網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站視覺(jué)審美結(jié)合設(shè)計(jì)出的網(wǎng)頁(yè)，從形式美中達(dá)到美的結(jié)合，平面設(shè)計(jì)中應(yīng)用了大量的色彩與圖文的結(jié)合，達(dá)到美的視覺(jué)。

二、網(wǎng)頁(yè)的圖案美學(xué)認(rèn)知

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

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

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

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

圖2 東北農(nóng)業(yè)大學(xué)藝術(shù)學(xué)院網(wǎng)頁(yè)設(shè)計(jì)方案 ?作者 苗蘋(píng)

（3）網(wǎng)頁(yè)圖案的構(gòu)成形式

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

圖3 商業(yè)大學(xué)設(shè)計(jì)藝術(shù)學(xué)院網(wǎng)頁(yè)設(shè)計(jì) ?作者 苗蘋(píng)

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

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

圖4 東北農(nóng)業(yè)大學(xué)藝術(shù)學(xué)院網(wǎng)頁(yè)設(shè)計(jì)方案 ?作者苗蘋(píng)

結(jié)論

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

參考文獻(xiàn)：

[1] 吳志祥. 網(wǎng)頁(yè)設(shè)計(jì)理論與實(shí)踐[M]科學(xué)出版社. 2011.

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

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