新媒體時代網(wǎng)頁設計發(fā)展趨勢與創(chuàng)新

王敏 董虹

摘要：在新媒體飛速發(fā)展的時代，網(wǎng)頁設計進行了全新的改革，呈現(xiàn)出與傳統(tǒng)網(wǎng)頁截然不同的視覺和心理感受。在此背景下，本文對現(xiàn)代網(wǎng)頁設計進行分析與研究。首先結合新媒體對網(wǎng)頁設計的影響，分別從網(wǎng)頁的結構、風格、情感三方面對網(wǎng)頁設計的發(fā)展趨勢進行分析;其次利用新媒體的優(yōu)勢，以結合創(chuàng)新技術、引入動態(tài)效果、融入3D元素為網(wǎng)頁設計的創(chuàng)新突破提供思路，從而開拓網(wǎng)頁設計更加廣闊、創(chuàng)新的發(fā)展道路。

關鍵詞：新媒體;網(wǎng)頁設計;發(fā)展趨勢;創(chuàng)新

中圖分類號：TP393.0 文獻標識碼：A 文章編號：1004-9436（2021）01-0-02

新媒體是在互聯(lián)網(wǎng)技術的支撐下發(fā)展起來的，對于網(wǎng)頁設計而言，新媒體的誕生使網(wǎng)頁設計在形式和內(nèi)容上呈現(xiàn)出更加多元化的表現(xiàn)及可能性。在此背景下，本文對新媒體時代網(wǎng)頁設計的發(fā)展與創(chuàng)新展開相應探討。

1 新媒體對網(wǎng)頁設計的影響

隨著互聯(lián)網(wǎng)技術的高速發(fā)展，新媒體的出現(xiàn)使信息可以以極快的傳播速度以及獨特的交互形式傳遞給人們。網(wǎng)頁作為傳播信息的載體，得到了普羅大眾的密切關注和使用，網(wǎng)頁設計作為平面設計在網(wǎng)絡信息領域的延伸和發(fā)展必然受到網(wǎng)絡技術的強烈影響。因此，在新媒體時代網(wǎng)頁設計也進行了全新的改革。在過去，傳統(tǒng)網(wǎng)頁的設計更注重功能性，其首要目的是傳遞信息，無論是視覺的表現(xiàn)性還是設計的互動性都相對比較落后，整體網(wǎng)頁的風格內(nèi)容單一化、表達方式靜態(tài)化、互動形式簡單化。如今，在新媒體飛速發(fā)展的時代，網(wǎng)絡技術與交互技術的相互融合已成為現(xiàn)代網(wǎng)頁設計的創(chuàng)新趨勢，多媒體元素的交融和智能產(chǎn)業(yè)的支撐，使網(wǎng)頁設計的勢態(tài)由單一、靜態(tài)、二維向多元、動態(tài)、三維轉化。與傳統(tǒng)網(wǎng)頁設計相比，現(xiàn)代網(wǎng)頁設計不再局限于考慮功能，而是發(fā)展成為了一種綜合性的考量。是否能夠利用多媒體使網(wǎng)頁形式更加豐富和完善，是否能夠采用新技術使網(wǎng)頁布局適配多種終端設備，是否能夠通過人機互動使網(wǎng)頁的用戶體驗更加優(yōu)化等都成為了網(wǎng)頁設計師需要考慮的問題。新媒體的到來使現(xiàn)代網(wǎng)頁設計可以給用戶帶來多層次、多方位、嶄新的視覺及情感體驗，使網(wǎng)頁在傳遞信息的同時可以滿足用戶日益增長的體驗需求。

2 新媒體背景下網(wǎng)頁設計發(fā)展趨勢分析

網(wǎng)頁設計的發(fā)展趨勢帶有明顯的時效性和階段性，在新媒體大環(huán)境下，網(wǎng)頁設計有了翻天覆地的變化。因此，掌握最前沿的網(wǎng)頁設計發(fā)展趨勢對設計師來說是非常有必要的。本文結合網(wǎng)頁設計的現(xiàn)狀，從不同的維度總結了網(wǎng)頁設計近幾年來較為突出的三大流行趨勢。

2.1 響應式結構，適應不同設備

隨著新媒體以及移動互聯(lián)網(wǎng)技術的發(fā)展，傳統(tǒng)媒體的傳播內(nèi)容向全新的傳播空間移植。據(jù)中國互聯(lián)網(wǎng)絡信息中心（CNNIC）發(fā)布的第45次《中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告》數(shù)據(jù)顯示，截至2020年3月，我國手機網(wǎng)民規(guī)模達8.97億，較2018年底增長了7992萬，占我國網(wǎng)民比例的99.3%，使用臺式電腦、筆記本電腦、平板電腦上網(wǎng)的比例分別為42.7%、35.1%和29.0%[1]。由此可見，人們在上網(wǎng)設備的選擇上十分多樣并且更加熱衷于方便快捷的小型移動設備。然而面對不同尺寸的需求，為每個終端設計一個全新的網(wǎng)頁版本顯然是不切實際的。為了使同一個網(wǎng)頁能夠適應不同的設備，解決移動互聯(lián)網(wǎng)瀏覽問題，具有良好適應性和可塑性的響應式設計顯然是最好的解決方案。同時，百度和谷歌等國內(nèi)外主流搜索引擎也已明確表明鼓勵響應式網(wǎng)頁設計，因為搜索排名會通過網(wǎng)頁對移動端的友好程度進行相應的等級調(diào)整，并且更注重移動用戶體驗。目前多個大型網(wǎng)站都已采用響應式結構設計，如蘋果公司官方網(wǎng)站（如圖所示），就以清晰簡約的設計風格、彈性的布局結構、靈活的適應性受到用戶的喜愛[2]。這種響應式設計不僅給用戶帶來了相對統(tǒng)一的優(yōu)質(zhì)瀏覽體驗，提高了用戶對網(wǎng)頁操作流程的熟悉程度，而且也為用戶提供多設備的瀏覽方式，完成更高效的信息傳播，同時也減少了開發(fā)人員的建站及維護成本。正因如此，響應式設計應該且必須成為主流網(wǎng)頁設計趨勢之一。當然，響應式結構設計也并非沒有缺陷。針對功能復雜和內(nèi)容煩瑣的網(wǎng)頁，如果要在電腦、平板、手機等多個屏幕呈現(xiàn)出不同狀態(tài)，就會因受到較大的局限而難以實現(xiàn)響應式結構。因此，設計師在設計網(wǎng)頁時需要根據(jù)網(wǎng)頁的內(nèi)容及性質(zhì)作出正確的判斷，不能一概而論。

2.2 扁平化風格，打造簡約之美

密斯·凡德羅所提出的“少即是多”的設計概念是扁平化風格所倡導的主要美學理念。簡單來說，就是要摒棄煩瑣的裝飾，通過簡潔的文字、圖片、色彩之間的組合，堅持以功能性為主向用戶高效傳遞信息。雖然扁平化風格主張一切從簡，但是最終所表現(xiàn)出來的效果卻是簡約而不簡單，有一種“塞翁失馬，焉知非?！钡囊馕?，其中“?！敝饕w現(xiàn)在以下三個方面。

第一，視覺體驗——新媒體的興起推動了“小屏幕”時代的到來，相比擬物化風格，扁平化風格因降低了設備的負載而在不同網(wǎng)頁尺寸上展現(xiàn)出了更優(yōu)質(zhì)的拓展性。其簡化的設計元素、清晰的網(wǎng)頁布局、明朗的顏色搭配、合適的字體選擇在小尺寸網(wǎng)頁上擁有更強的視覺辨識度，從而使用戶在獲取網(wǎng)頁信息時更加直觀、方便、快捷。

第二，信息組織——視覺設計并非扁平化網(wǎng)頁設計的唯一，框架扁平才是其主要目標，扁平化的信息組織結構縮短了信息路徑，減少了信息傳播層級[3]。新媒體時代，網(wǎng)頁設計要能跨越多種設備，而清晰的扁平化信息組織結構使網(wǎng)頁內(nèi)容更易在設備之間互相轉化，達到減少用戶認知成本、降低信息獲取難度的效果。

第三，交互方式——交互是新媒體不同于傳統(tǒng)媒體的最廣泛和深遠的特性[4]，新媒體下的網(wǎng)頁設計要求人與網(wǎng)頁之間有更多的交互環(huán)節(jié)，因此靜態(tài)網(wǎng)頁轉向動態(tài)網(wǎng)頁發(fā)展的趨勢顯而易見。扁平化以輕快的體量和簡單的設計程序開創(chuàng)了一種全新的交互方式，繼而可以使動態(tài)效果創(chuàng)造更多的可能性。

2.3 情感化設計，提升用戶體驗

新媒體的快速發(fā)展使人們對于網(wǎng)頁的關注不僅停留在功能的實現(xiàn)，用戶的情感化需求也更為明顯。維克多·帕帕納克在《為真實世界的設計》一書中也闡釋了對于界面設計的新觀點，認為設計應該以人為核心。因此，許多網(wǎng)頁設計師在設計時，會全面考慮用戶的使用習慣和使用心理，通過共情和人性化等方式使用戶與網(wǎng)頁之間產(chǎn)生更多的交流，提升網(wǎng)絡與用戶的情感關系。其中，作為搜索巨擘的百度就是一個很典型的例子。在2018年三八國際勞動婦女節(jié)，百度搜索首頁推出了“為五洲女子打Call”的主題，點擊后便能進入三八國際勞動婦女節(jié)的主題頁面。同樣，在2019年的中秋節(jié)，百度搜索首頁呈現(xiàn)為一張動圖，畫面中三只兔子拿著刀叉在空中劃著小船吃著月餅共賞圓月，既溫馨又有趣。除此之外，購物網(wǎng)站結合大型節(jié)日的主題網(wǎng)頁設計也比比皆是。這種情感化的設計方式雖然不存在太大的技術難題，但卻增強了節(jié)日氛圍，在用戶與網(wǎng)頁產(chǎn)生共鳴的同時建立了與用戶的情感關系，在提升用戶滿意度的基礎上提升了用戶體驗。不僅如此，具有情感化的網(wǎng)頁更加感性和完整，情感化也賦予了網(wǎng)頁更飽滿的生命力。

3 新媒體背景下網(wǎng)頁設計的創(chuàng)新探究

3.1 結合技術新穎的創(chuàng)新設計

網(wǎng)頁設計的發(fā)展需要順應社會的發(fā)展趨勢，在新媒體視域下，人們對網(wǎng)頁設計領域提出了更高的要求，單純從網(wǎng)頁的視覺設計方向入手，只在網(wǎng)頁色彩、內(nèi)容、排版等方面作調(diào)整很難將網(wǎng)頁設計推向一個新的高度，而創(chuàng)新技術的融合是驅動網(wǎng)頁設計發(fā)展的強勁動力之一。因此，想要突破傳統(tǒng)的網(wǎng)頁設計就必須利用新科技和新技術來開辟網(wǎng)頁設計的新道路，使其在具備良好視覺美感的同時，呈現(xiàn)出更加智能和真實的交互方式，給網(wǎng)頁用戶提供一個方便快捷、有溫度的網(wǎng)頁設計。例如，網(wǎng)頁可以運用先進的AI（人工智能）技術為用戶提供24小時在線咨詢服務，使用戶隨時都可以與網(wǎng)頁進行交流互動并及時獲得反饋，同時還可以借助語音交互功能實現(xiàn)對特殊人群的無障礙網(wǎng)頁設計。此外，網(wǎng)頁還可以通過VR（虛擬現(xiàn)實）技術改變網(wǎng)頁的呈現(xiàn)方式，滲透更多VR物料素材，通過將現(xiàn)實模擬物搬到網(wǎng)頁上使用戶“穿越”到另一個空間，從而帶給用戶一種沉浸式體驗。創(chuàng)新技術與網(wǎng)頁設計的結合如同一場完美的化學反應，而這場化學反應的結果就是網(wǎng)頁設計將會發(fā)展到一個更加成熟的階段。

3.2 引入視覺愉悅的動態(tài)效果

動效是傳統(tǒng)網(wǎng)頁與現(xiàn)代網(wǎng)頁之間最基本的差別之一。動態(tài)網(wǎng)頁作為一種新興的綜合媒體藝術形式，不僅是新媒體時代網(wǎng)頁發(fā)展的必然趨勢，同時也能從傳播內(nèi)容的展現(xiàn)形式上實現(xiàn)網(wǎng)頁設計的突破。常見的動態(tài)效果可以從兩方面著手。一是將靜態(tài)網(wǎng)頁中的各部分元素變成動態(tài)，如將靜態(tài)Logo（徽標）設計成動態(tài)，在鼠標滑過的元素上體現(xiàn)出縮放、翻轉、旋轉等效果，又或者在整個頁面上覆蓋懸停動效、引導性動效、敘事性動效等。通過CSS3（層疊樣式表3級）和HTML（超文本標記語言）的配合，這些動畫能夠很輕松地被實現(xiàn)，并且可以在部分功能上代替需要大量內(nèi)存的JavaScript和Flash。二是將網(wǎng)頁的文字信息或圖片信息轉換為動態(tài)視頻，以視頻動畫取代文字和圖片，這種形式不僅使信息傳播方式更加多元化，同時對于網(wǎng)頁用戶來說，相比文字和圖片而言動畫效果更具張力，能讓用戶接收到更多的信息。當然，無論是哪種方式，其核心目的都是通過引入愉悅的動態(tài)效果提升用戶的視覺體驗，豐富用戶與網(wǎng)頁之間的互動方式，從而使信息能夠更加高效、巧妙地傳遞給用戶。

3.3 融入風格突出的3D元素

隨著新媒體時代的到來和網(wǎng)絡技術的發(fā)展，人們對現(xiàn)代網(wǎng)頁設計視覺效果的期待越來越高。傳統(tǒng)的二維平面網(wǎng)頁因缺乏層次感和新鮮感難以激發(fā)人們的審美感受并逐漸脫離了時代的步伐。如今，3D技術被廣泛運用在各個領域當中，而在網(wǎng)頁設計中加入3D元素，其真實的視覺形象不僅豐富了網(wǎng)頁的視覺語言，而且能夠更生動地傳達信息，因此，融入視覺突出的3D元素無疑成為網(wǎng)頁設計的創(chuàng)新方式之一。為了促使網(wǎng)頁設計向三維立體化方向發(fā)展，可以借助3D建模，通過迷人的色彩、細膩的光澤、契合的材質(zhì)等屬性渲染出具有縱深感和立體感的圖形或場景，以達到最真實的狀態(tài)，這些三維效果能給人們的視覺產(chǎn)生巨大的沖擊力[5]，讓用戶留下深刻的印象和新鮮的視覺感受，繼而使用戶能夠更加深入地參與網(wǎng)頁瀏覽。例如，在網(wǎng)頁Banner（橫幅廣告）部分將主體物或文字做成3D效果，或者給網(wǎng)頁的導航欄及其他重要模塊營造出三維效果，可以豐富視覺形象，在增強視覺樂趣的同時強化主體內(nèi)容，增強內(nèi)容識別性。3D元素在網(wǎng)頁設計中的運用不僅是一種網(wǎng)頁設計的創(chuàng)新方式，更是對用戶強烈的視覺和心理需求的滿足。

4 結語

誠然，在當前的新媒體時代，現(xiàn)代網(wǎng)頁形象呈現(xiàn)出了不同的視覺和心理感受，網(wǎng)頁設計借助媒體的更迭已經(jīng)取得了較好的成績。但隨著新媒體和新技術的不斷發(fā)展，網(wǎng)頁設計在創(chuàng)新方面還存在很大的想象與發(fā)展空間。因此，網(wǎng)頁設計要立足于用戶群體，考慮用戶需求，通過多種創(chuàng)新技術和綜合知識的結合，充分利用新媒體優(yōu)勢，以全面提高網(wǎng)頁質(zhì)量，增加網(wǎng)頁瀏覽量，為網(wǎng)頁設計開拓更加廣闊、不斷創(chuàng)新的發(fā)展道路。

參考文獻：

[1] 第45次《中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告》[EB/OL].中國網(wǎng)信網(wǎng)，http：//www.cac.gov.cn/2020-04/27/c_1589535470378587.htm，2020-04-28.

[2] 岳婉琪.基于新媒體時代的企業(yè)網(wǎng)頁界面視覺設計[D].福建師范大學，2018.

[3] 劉娜娜.扁平化設計風格在網(wǎng)頁設計中的優(yōu)勢[J].信息與電腦（理論版），2016（20）：72-73.

[4] 李雪.新媒體背景下網(wǎng)頁版式設計研究[D].北京林業(yè)大學，2011.

[5] 楊杰.如何在平面設計中對3D元素進行成功運用[J].大眾文藝，2014（08）：66.

作者簡介：王敏（1986—），女，湖北恩施人，博士，副教授，研究方向：設計管理、品牌傳播，

董虹（1993—），女，湖北武漢人，碩士在讀，研究方向：視覺傳達設計。