蔣昊朋

（廣東財經(jīng)大學(xué)華商學(xué)院 文學(xué)院，廣東 廣州 511300）

新媒體環(huán)境下網(wǎng)頁設(shè)計發(fā)展趨勢分析

蔣昊朋

（廣東財經(jīng)大學(xué)華商學(xué)院 文學(xué)院，廣東 廣州 511300）

文章介紹了新媒體的產(chǎn)生與發(fā)展，分析了其與傳統(tǒng)媒體之間存在的差異.在網(wǎng)頁設(shè)計中，包含了色彩、文本、圖形圖像、多媒體以及布局等諸多的視覺元素.分析了網(wǎng)頁版式設(shè)計中應(yīng)遵循的形式美法則，涉及到變化與統(tǒng)一、對稱與均衡、節(jié)奏與韻律、對比與調(diào)和以及重復(fù)與交錯等方面.同時，指出了當(dāng)前網(wǎng)頁設(shè)計所存在的局限性，最后，從審美風(fēng)格、版式、形式、人性化設(shè)計、表現(xiàn)、功能與技術(shù)等方面，對新媒體環(huán)境下網(wǎng)頁設(shè)計發(fā)展趨勢進行了探討.

新媒體環(huán)境；網(wǎng)頁設(shè)計；視覺元素；發(fā)展趨勢

1 新媒體環(huán)境概述以及新媒體環(huán)境下網(wǎng)頁設(shè)計發(fā)展趨勢分析

1.1 新媒體的產(chǎn)生與發(fā)展

第五次信息革命爆發(fā)以來，促進的計算機的普及應(yīng)用，互聯(lián)網(wǎng)逐步走入了人們的工作和生活之中.新媒體是相對于傳統(tǒng)媒體而言的，依靠計算機技術(shù)的開發(fā)和應(yīng)用，逐漸形成了媒體形態(tài).在人們?nèi)粘５墓ぷ?、生活和學(xué)習(xí)之中，遍及了各個領(lǐng)域.新媒體屬于時間概念的范疇，是指在某一具體的時間段內(nèi)，存在的方式為某一種或者多種的具體形態(tài).從發(fā)展的概念來看，新媒體并非在某一現(xiàn)有的媒體形態(tài)上停止，現(xiàn)在所謂的新媒體，在未來的某一天也會成為舊媒體.就其發(fā)展的趨勢而言，大的方向是趨于整合型的媒體.

1.2 與傳統(tǒng)媒體的差異

相比于傳統(tǒng)媒體，新媒體在很多方面存在著差異.第一是時效的差異，信息內(nèi)容處于不斷更新的狀態(tài)，便于受眾進行隨時隨地的查閱，較傳統(tǒng)媒體簡便了許多.第二是版面的差異，不再有平面布局的概念，而是以時間流來進行信息的分配，版面規(guī)則更加自由化.第三是受眾的差異，完全開放的網(wǎng)絡(luò)媒體，便于進行有選擇地查閱，受眾群體因而擁有了更大的選擇空間.第四是市場的差異，基于互聯(lián)網(wǎng)的市場競爭日益激烈，不像傳統(tǒng)媒體受到國家的調(diào)控，網(wǎng)站的上線與退出較為頻繁.第五是成本的差異，不僅前期制作的成本較低，由于絕大部分內(nèi)容免費，受眾購買也不再是等價交換的方式[1].

1.3 新媒體的傳播特性

與傳統(tǒng)媒體相似，新媒體也有著傳播性特征，但同時又有著自己的特性.首先是超媒體性，受眾可以根據(jù)自己的需求對閱讀文本信息的內(nèi)容進行選擇，而不再需要按閱讀順序.其次是交互性，傳播的過程雙向的、互動的、且可逆的，受眾同時扮演著接收者、參與者、以及制造者的角色.再次是虛擬性，無論是信息本身還是傳播關(guān)系，都存在著虛擬性，傳統(tǒng)的展覽形式也因此而被改變.最后是開放性，作為高度開放的媒體形式，新媒體的檢索范圍更加廣泛，且不受地理區(qū)域等因素的限制，便于用戶隨時隨地的接收信息.

2 網(wǎng)頁設(shè)計的視覺元素

2.1 色彩

光的折射產(chǎn)生了色彩，紅、綠、藍是最基本的三種顏色，能夠調(diào)和組成其他的顏色.電腦屏幕是網(wǎng)頁的載體，自身就是一個光源，網(wǎng)頁是服從于顯示屏幕的.在網(wǎng)頁版式設(shè)計中，色彩是主要的構(gòu)成元素，需要對其進行合理的使用，以便增強頁面的視覺效果，從而吸引觀眾的眼球.在進行色彩設(shè)計時，應(yīng)正確選擇整個版式設(shè)計的主色調(diào)與輔助色，用無彩色統(tǒng)一整個頁面.并根據(jù)不同群體的喜好，為其選擇色彩出發(fā)點[2].

2.2 文本

在網(wǎng)頁設(shè)計中，文本是一種一直存在的基本元素，分散于在網(wǎng)站的所有頁面里.不僅準確的說明了網(wǎng)頁的主題，更是網(wǎng)站版式設(shè)計精髓的代表.交流信息是文本的首要作用，同時還能夠起到美化裝飾的效果.常見的文本形式較多，包括了標題文字、信息文字與鏈接文字三種.文本有著可識別性的特征，網(wǎng)頁中清晰可辨的文本，是重要的信息傳遞途徑.文本還有著視覺美感的功能，最適合的表現(xiàn)形式可以通過調(diào)整字體來實現(xiàn).

2.3 圖形圖像

相對于文字而言，圖形圖像有著強大的視覺沖擊力和瞬間記憶力.因此，在進行網(wǎng)頁設(shè)計時，應(yīng)當(dāng)對已獲取的圖像進行專業(yè)化的處理，以獲得多種形式的素化圖像.網(wǎng)站使用圖片，是為了引起受眾的關(guān)注，需要結(jié)合網(wǎng)站的主題，加以區(qū)別的進行圖片選擇.圖片形象不會受到語言和國界的限制，而是世界通用的，通常能夠讓受眾一眼看懂.

2.4 多媒體

多媒體包括了音頻、視頻、以及動畫，以數(shù)字化技術(shù)為后端，經(jīng)過復(fù)雜而綜合的處理，將完美的效果展現(xiàn)在世人面前.很多網(wǎng)站為了增加自身的瀏覽率，往往會在自己的頁面版式中，放置一些視頻或者小動畫.不僅能夠增加樂趣，更有助于網(wǎng)站自身技術(shù)含量的提高.縱觀網(wǎng)頁的發(fā)展進程，從最初的純文字項、到之后的圖文并茂、再到如今的多媒體元素結(jié)合，多媒體的發(fā)展是一個必然的發(fā)展過程[3].

2.5 布局

網(wǎng)頁內(nèi)容在頁面上所處的位置，稱之為網(wǎng)頁的布局設(shè)計.根據(jù)一定的審美法則，將各個構(gòu)成元素進行位置關(guān)系的擺放.網(wǎng)頁布局工作十分嚴謹，與其他的編排設(shè)計，有著異曲同工之妙.相對固定的頁面版式尺寸，豐富多樣的主題內(nèi)容，千變?nèi)f化的文本、色彩與圖形圖像，彼此之間的關(guān)系都需要正確的處理.

3 網(wǎng)頁版式設(shè)計的形式美法則

3.1 變化與統(tǒng)一

形式美的總法則，在版式構(gòu)成中，體現(xiàn)出了變化與統(tǒng)一的完美結(jié)合.通過產(chǎn)生視覺上的跳躍，從而保持頁面的整體感.在規(guī)律的形式中，出現(xiàn)了不一樣的形式.使得版面形成了差異，進而在是視覺上給人以跳躍之感.在網(wǎng)頁版式設(shè)計中，產(chǎn)生變化的圖形元素較多，包括了大小、方向、形狀、以及色彩.網(wǎng)頁版式設(shè)計中的統(tǒng)一形式種類較多，涵蓋了顏色、字體、大小、形式等方面的統(tǒng)一.而頁面元素的改變，則遵循了一定的規(guī)律和次序，通過多元化的發(fā)展變化，以達到畫面效果的統(tǒng)一高雅[4].

3.2 對稱與均衡

一比一的視覺效果，稱之為對稱，給人以穩(wěn)重、平衡之感.在網(wǎng)頁版式中，上下、左右與放射對稱，是較常采用的對稱形式.頁面的對稱也應(yīng)當(dāng)適度，如果一味追求過分的對稱，容易給人以死板、生硬的感覺.均衡猶如一桿秤，顯示了被稱物體的重量.換而言之，就是在一個基礎(chǔ)的支點上，同時放置了多個構(gòu)成要素，通過加減運作等方式，從而保持物體的平衡，達到一種等量的狀態(tài).在把握均衡效果的時候，還應(yīng)有效兼顧對稱的效果.因此，對于設(shè)計師的藝術(shù)修養(yǎng)，提出了更高的要求.

3.3 節(jié)奏與韻律

在音樂與詩歌之中，往往包含著豐富的節(jié)奏與韻律，給人以美的欣賞之感.而在網(wǎng)頁版設(shè)計中，同樣存在著無聲的韻律.通過對一個元素的反復(fù)排列，能夠產(chǎn)生韻律之感.借助于一定的表現(xiàn)手法和形式，以及文字、圖形、色彩的組合，產(chǎn)生重復(fù)變化的節(jié)奏，進而形成特定的韻律，對版式節(jié)奏的效果起到了很好的控制作用.而多個圖形的并列重復(fù)，伴隨著有秩序的音樂節(jié)奏，則能夠產(chǎn)生節(jié)奏較強的視覺氛圍，增強版面的生氣和活力[5].

3.4 對比與調(diào)和

由于事物存在著一定的不同與相同，進而產(chǎn)生了對比與調(diào)和.對比廣泛存在于網(wǎng)頁版式設(shè)計之中，例如文本與標題、圖形與圖標、圖片與圖片、以及主色調(diào)與輔助色，彼此之間都存在著對比.變化是相對于對比而言的，而融合則是調(diào)和所產(chǎn)生的.對比的作用在于，能夠使得個別要素的特征更加增強，產(chǎn)生刺激的視覺沖擊感，從而吸引人們的注意.但如果過度的運用對比，容易給人以凌亂之感，需要借助于某些元素進行調(diào)和，以保持版面的整體感.

3.5 重復(fù)與交錯

版式設(shè)計中所重復(fù)使用的基本要素，包括了文字、圖形、圖像等.以Flash網(wǎng)頁版式為例，由遠及近、由大及小的排列統(tǒng)一的照明燈，以形成點或面的重復(fù)，所產(chǎn)生的變化存在于整齊的頁面之中，從而起到裝飾性的作用和效果.同時，應(yīng)當(dāng)避免單純或未經(jīng)思考的重復(fù)，以免令人產(chǎn)生呆板與枯燥之感.在網(wǎng)頁版式中，通過適度的添加一些重復(fù)設(shè)計元素，反而會使得頁面看起來會更加有趣[6].

4 網(wǎng)頁設(shè)計的局限性

由于網(wǎng)絡(luò)媒體的日益普及，出現(xiàn)了豐富多彩的網(wǎng)頁數(shù)量和形式，極大的促進了網(wǎng)頁設(shè)計的發(fā)展.就整體情況而言，網(wǎng)頁設(shè)計還存在著較大的局限性與不可控性.首先是被動點選的局限，由于失去了傳統(tǒng)媒體強迫性閱讀的特點，受眾進行選擇性瀏覽更加方便，對設(shè)計的水平與網(wǎng)站的內(nèi)容，提出了更高的要求.其次是版面的局限，受到了計算機顯示器屏幕大小的限制，限制了排版布局的空間.再次是技術(shù)的局限，網(wǎng)頁的設(shè)計并非個人所能夠完成的，而是依賴于設(shè)計團隊，需要藝術(shù)與技術(shù)共同完成.最后是生理的局限，受眾的閱讀姿勢相對固定，且長時間的瀏覽網(wǎng)頁，容易造成視覺上的疲勞，進而對損害視力[7].

5 發(fā)展趨勢探討

5.1 審美風(fēng)格傳統(tǒng)化

首先，要注重線元素的適當(dāng)應(yīng)用，既要防止因為過多而使版面凌亂，也要避免過少而導(dǎo)致中國傳統(tǒng)線元素的韻味難以體現(xiàn).其次，要注重透視法在平面布局中的應(yīng)用，重點在于大場景式的版面布局，而不是局部的透視法則.再次，要注重留白，在傳統(tǒng)的中國畫之中，對于傳神較為重視，應(yīng)當(dāng)刪除瑣碎而達到對主題的突出[8].

5.2 網(wǎng)頁設(shè)計動畫化

隨著多媒體技術(shù)的快速發(fā)展，動畫(Flash)版式設(shè)計越來越多的應(yīng)用到網(wǎng)頁設(shè)計之中，并且逐步成為一種潮流.純靜態(tài)的網(wǎng)頁版式，已經(jīng)遠遠不能滿足人們的需求，由此推動了網(wǎng)頁動畫的快速發(fā)展.動畫化的網(wǎng)頁設(shè)計，不僅能夠更容易吸引受眾的眼球，更善于表達網(wǎng)站關(guān)于某一事件的觀點，進而與受眾產(chǎn)生共鳴.

5.3 形式的多樣化

形式的涵義是非常廣泛的，既包括了構(gòu)圖的形式，也包括了版式營造的氛圍形式，還包括了構(gòu)成元素的設(shè)計形式.上線網(wǎng)頁版式形式，往往對設(shè)計者產(chǎn)生了諸多制約，不利于發(fā)散思維的實現(xiàn).而多樣化的形式，是為了能夠?qū)⒆约旱乃季S更多的放開，所創(chuàng)造的網(wǎng)頁版式往往是獨一無二的，更容易獲取受眾的關(guān)注[9].

5.4 設(shè)計的人性化

在以人為本的理念下，人性化設(shè)計被大力提倡.在為生活帶來方便的同時，進一步促進了網(wǎng)頁瀏覽者與網(wǎng)頁之間關(guān)系的融合，有助于對個性設(shè)計不足進行彌補.網(wǎng)絡(luò)在溝通性與互動性方面都有著極大的便捷性，傳統(tǒng)信息傳達的不足在此得到了很好的彌補.非線性的網(wǎng)頁閱讀，便于受眾了解所需的內(nèi)容與情節(jié)，真正實現(xiàn)了信息掌控的自由.

5.5 表現(xiàn)的個性化

作為一個時尚的詞語，個性化表明了不同的人往往有著不同的特點.對于網(wǎng)頁設(shè)計而言，不同的網(wǎng)頁版式，往往有著不同的內(nèi)容，因而也就有了不同的個性.隨著網(wǎng)絡(luò)化進程的急速推進，在如今的網(wǎng)絡(luò)之中，存在著太多的網(wǎng)頁版式形式.必須根據(jù)具體的內(nèi)容，結(jié)合它們的個性屬性，從能夠正確的對其加以區(qū)分[10].

5.6 技術(shù)的數(shù)字化

信息學(xué)的觀點認為，視覺和聽覺傳播，占據(jù)了人類接受的外界信息的大多數(shù)，恰好符合了網(wǎng)頁設(shè)計的特點.隨著數(shù)字化技術(shù)的發(fā)展，更加豐富了我們的網(wǎng)絡(luò)世界.數(shù)字復(fù)制技術(shù)的產(chǎn)生，有助于文件品質(zhì)和清晰度的保證.而虛擬現(xiàn)實技術(shù)的應(yīng)用，實現(xiàn)了視、聽、觸等多感官的體驗.在數(shù)字化技術(shù)的引領(lǐng)下，改變了人們的生活方式，拓展了自由交流的空間.

〔1〕涂俊,鮑海,李曉娟.基于多點觸控操作的網(wǎng)頁界面設(shè)計趨勢研究[J].科技傳播，2014(02)：22-24.

〔2〕翁立立.移動互聯(lián)背景下網(wǎng)頁設(shè)計分析[J].藝術(shù)科技，2016(08)：56-57.

〔3〕黃漾.網(wǎng)絡(luò)媒體環(huán)境下標志設(shè)計的多維化趨勢成因研究[J].美術(shù)教育研究，2016(02)：112-114.

〔4〕萬延.談新媒體時代下的網(wǎng)頁設(shè)計與制作課程教學(xué)改革與探索[J].美與時代(中)，2013(07)：88-89.

〔5〕孟開元,史蕓.數(shù)字媒體環(huán)境下標志動畫的應(yīng)用研究[J].設(shè)計，2016(15)：133-135.

〔6〕曾賢.媒體融合環(huán)境中的新聞美術(shù)設(shè)計以及創(chuàng)新[J].新聞研究導(dǎo)刊，2016(15)：77-78.

〔7〕萬文竹.基于新媒體環(huán)境的網(wǎng)絡(luò)廣播特點與發(fā)展趨勢[J].新聞傳播，2016(22)：66-68.

〔8〕宋青.為受眾需求而改變——新媒體環(huán)境下國外廣播節(jié)目發(fā)展特點及趨勢分析[J].中國廣播，2013(06)：22-23.

〔9〕吉海濤.媒體融合背景下學(xué)術(shù)期刊發(fā)展新模式[J].中國科技期刊研究，2015(01)：52-53.

〔10〕高嫻.新媒體時代下視覺傳達設(shè)計發(fā)展趨勢研究[J].中國傳媒科技，2012(20)：77-79.

TP393.092

A

1673-260X（2017）02-0015-03

2016-11-11

課題名稱：計算機輔助設(shè)計2(3Ds MAX)精品課程建設(shè)（HS2014CXQX29）