牟云環(huán)

摘 要： 在互聯(lián)網(wǎng)與信息技術(shù)的影響下，平面設(shè)計(jì)更加傾向于體驗(yàn)方式和多感官化、參與性與互動(dòng)性內(nèi)容豐富、更具新奇感的三維交互式設(shè)計(jì)發(fā)展，其應(yīng)用則以界面設(shè)計(jì)、APP軟件設(shè)計(jì)與虛擬現(xiàn)實(shí)設(shè)計(jì)為主。文章以虛擬用戶界面模型設(shè)計(jì)為例，對(duì)借助互聯(lián)網(wǎng)與信息技術(shù)的平面設(shè)計(jì)思路與內(nèi)容進(jìn)行研究，并認(rèn)為今后的平面設(shè)計(jì)將會(huì)在屏讀與信息碎片化時(shí)代施展更大的拳腳。

關(guān)鍵詞： 互聯(lián)網(wǎng); 信息技術(shù); 平面設(shè)計(jì)

中圖分類(lèi)號(hào)： J511

文獻(xiàn)標(biāo)志碼： A

文章編號(hào)：1007-757X（2019）06-0053-03

Abstract： Under the influence of of the Iinternet and information technology， the development direction of graphic design is three-dimensional design， i. Its applications are mainly interfacial design， APP software design and virtual reality design. The paper makes takes virtual user interface model as an example， and researches the idea and content of graphic design by the means of internet the Internet and information technology. At last， it believes that graphic design can make an important contribution in screening and information fragmentation era in the future.

Key words： The Internet; ?information Information technology; graphic Graphic design

0?引言

傳統(tǒng)印刷媒體時(shí)期，平面設(shè)計(jì)出現(xiàn)在媒體領(lǐng)域中多采用的是二維印刷的方式，這種方式的專(zhuān)業(yè)性較強(qiáng)，技術(shù)也較為成熟。借助豐富的圖形、色彩、空間以及文本語(yǔ)言的視覺(jué)結(jié)構(gòu)，平面設(shè)計(jì)可有效傳達(dá)情感與信息。作為一種設(shè)計(jì)藝術(shù)，平面設(shè)計(jì)包含很多學(xué)科，可采用不同形式的媒介傳播與推廣。近年來(lái)，互聯(lián)網(wǎng)與信息技術(shù)發(fā)展迅猛，平面設(shè)計(jì)也在一定程度上受到影響，它更加傾向于三維交互式設(shè)計(jì)[1]，必須根據(jù)互聯(lián)網(wǎng)與信息技術(shù)的發(fā)展特征對(duì)其應(yīng)用與發(fā)展進(jìn)行研究。加強(qiáng)平面設(shè)計(jì)同互聯(lián)網(wǎng)與信息技術(shù)的融合，才可為平面設(shè)計(jì)與網(wǎng)絡(luò)與信息藝術(shù)產(chǎn)業(yè)的發(fā)展開(kāi)辟更廣闊的空間，同時(shí)創(chuàng)造出更具深度的平面作品。

1?平面設(shè)計(jì)的三維交互式設(shè)計(jì)特征

1.1?體驗(yàn)方式多感官化

傳統(tǒng)平面設(shè)計(jì)只是利用視覺(jué)感官刺激進(jìn)行信息的傳達(dá)，在互聯(lián)網(wǎng)與信息技術(shù)的發(fā)展下，平面中的虛擬設(shè)計(jì)元素可同三維空間中的真實(shí)元素進(jìn)行融合，信息的傳達(dá)便具有了更加全方位、多角度的優(yōu)勢(shì)。通過(guò)添加傳統(tǒng)平面設(shè)計(jì)中并未涉及的聽(tīng)覺(jué)、觸覺(jué)甚至味覺(jué)等感官上的體驗(yàn)，設(shè)計(jì)師可真正地做到對(duì)平面設(shè)計(jì)真實(shí)感與吸引力的增強(qiáng)，以此設(shè)計(jì)出更具創(chuàng)意，更能引導(dǎo)受眾進(jìn)行多角度與多感官體驗(yàn)的平面作品。

1.2?參與性與互動(dòng)性內(nèi)容豐富

平面設(shè)計(jì)的受眾并非被動(dòng)接受信息與消極接受刺激的客體，他們是對(duì)信息進(jìn)行處理的主體，可與自身興趣及需求相結(jié)合主動(dòng)選擇并加工各類(lèi)信息。傳統(tǒng)平面設(shè)計(jì)提供給受眾的只是“旁觀者”的角色，受眾無(wú)法參與與影響作品。而借助互聯(lián)網(wǎng)與信息技術(shù)，設(shè)計(jì)師可采用突破二維空間限制的設(shè)計(jì)方法與表現(xiàn)形式，在作品中增加互動(dòng)性與參與性的內(nèi)容，受眾可參與其中進(jìn)行作品的解答，以此完整傳達(dá)信息。例如情景互動(dòng)廣告的設(shè)計(jì)，設(shè)計(jì)師將平面廣告畫(huà)面外的物體添加到廣告的整體構(gòu)思與設(shè)計(jì)當(dāng)中，生成二維與三維互依共存、相互融合的廣告意向。

1.3?更具新奇感

互聯(lián)網(wǎng)與信息技術(shù)幫助平面設(shè)計(jì)更好地向三維空間拓展，由于這一設(shè)計(jì)形式較為罕見(jiàn)，可為受眾帶來(lái)一定的新奇感[2]，所以容易引起關(guān)注?？商岣呤鼙娮⒁饬?、引起強(qiáng)烈感覺(jué)刺激的信息必然容易被記憶，例如戶外廣告是平面設(shè)計(jì)的一項(xiàng)重要內(nèi)容，具有向三維空間拓展的趨勢(shì)。

國(guó)外某品牌口香糖戶外廣告中，“清潔工”正在為廣告牌中的平面模特清潔牙齒，該表現(xiàn)手法容易讓路人以為是真人在進(jìn)行廣告牌的刷洗，若定睛細(xì)看，便會(huì)對(duì)其創(chuàng)意點(diǎn)贊，如圖1所示。

在互聯(lián)網(wǎng)與信息技術(shù)的應(yīng)用下，平面設(shè)計(jì)可由平面且模擬的空間形態(tài)向立體而又真實(shí)的空間形態(tài)延伸，增加設(shè)計(jì)的虛實(shí)對(duì)比性，此即新奇感產(chǎn)生的源泉。

2?互聯(lián)網(wǎng)與信息技術(shù)環(huán)境下平面設(shè)計(jì)的應(yīng)用

2.1?界面設(shè)計(jì)

界面設(shè)計(jì)包括版式設(shè)計(jì)、字體設(shè)計(jì)、圖形設(shè)計(jì)等內(nèi)容，是傳統(tǒng)平面設(shè)計(jì)的核心，又對(duì)傳統(tǒng)平面設(shè)計(jì)提出了新要求。不同于傳統(tǒng)版式設(shè)計(jì)，界面設(shè)計(jì)對(duì)計(jì)算機(jī)技術(shù)、人機(jī)工程學(xué)、數(shù)據(jù)結(jié)構(gòu)、C語(yǔ)言程序設(shè)計(jì)等學(xué)科進(jìn)行交叉，表示為人與機(jī)器交流的媒介。界面設(shè)計(jì)亦稱(chēng)為UI設(shè)計(jì)，屬于從整體層面進(jìn)行的人機(jī)交互、邏輯思維轉(zhuǎn)換及美觀版面的設(shè)計(jì)，界面設(shè)計(jì)舉例，如圖2所示。

一個(gè)優(yōu)秀的界面設(shè)計(jì)既要求有精美的版面與個(gè)性化的表現(xiàn)，還要求邏輯化進(jìn)程足夠清晰，在豎狀結(jié)構(gòu)的設(shè)計(jì)中確保操作的簡(jiǎn)潔性與邏輯的清晰性，讓用戶更加舒適、便捷與自由地同機(jī)器進(jìn)行溝通。界面設(shè)計(jì)對(duì)很多傳統(tǒng)平面設(shè)計(jì)的應(yīng)用予以涵蓋，通過(guò)整合與再創(chuàng)造，轉(zhuǎn)化傳統(tǒng)標(biāo)志設(shè)計(jì)為圖標(biāo)設(shè)計(jì)、字體設(shè)計(jì)，使閱讀更加輕松。應(yīng)用版式設(shè)計(jì)，界面會(huì)更具層次性，邏輯性也更加清晰，最終達(dá)到人與機(jī)器的共鳴。計(jì)算機(jī)技術(shù)有兩個(gè)屬性：（1） 輸入指令;（2） 輸出指令。界面設(shè)計(jì)簡(jiǎn)便化與直觀化了輸入與輸出，對(duì)一串串程序字符進(jìn)行轉(zhuǎn)換，使其成為精美畫(huà)面，人與機(jī)器的距離由此而被拉近。界面設(shè)計(jì)應(yīng)對(duì)合理、有效與安全的原則予以遵循，合理性指保證界面設(shè)計(jì)的全面、系統(tǒng)、美觀與協(xié)調(diào);有效性指保證設(shè)計(jì)的全部進(jìn)階指令均是真實(shí)有效、高效率與高靈活度的;安全性指保證設(shè)計(jì)過(guò)程中數(shù)據(jù)、指令與內(nèi)容等的安全，及時(shí)報(bào)告并糾錯(cuò)輸入輸出數(shù)據(jù)。

2.2?APP軟件設(shè)計(jì)

APP軟件的成敗與設(shè)計(jì)師的素質(zhì)有密切的關(guān)系。APP軟件設(shè)計(jì)屬于平面設(shè)計(jì)的范疇。首先，平面設(shè)計(jì)工作要求設(shè)計(jì)師有扎實(shí)的美術(shù)功底，可排列組合圖形、文字與色彩，合理運(yùn)用點(diǎn)、線、面，經(jīng)美化，APP軟件可輕松化與愉悅化用戶的使用;其次，APP軟件的平面設(shè)計(jì)工作應(yīng)具有大局觀，設(shè)計(jì)或畫(huà)線框圖工作應(yīng)在流程圖之后開(kāi)始，保證APP的導(dǎo)航結(jié)構(gòu)是合乎邏輯的;再次，設(shè)計(jì)師的溝通能力要足夠強(qiáng)，APP軟件為人與移動(dòng)終端提供溝通橋梁，設(shè)計(jì)師邏輯思維的混亂與溝通能力的薄弱會(huì)制約人與移動(dòng)終端的溝通;最后，設(shè)計(jì)師的歸納與簡(jiǎn)化能力要強(qiáng)，APP軟件設(shè)計(jì)用到的設(shè)計(jì)元素與內(nèi)容有很多，設(shè)計(jì)師應(yīng)去繁求簡(jiǎn)，總結(jié)歸納，在用戶面前展現(xiàn)清晰的軟件程序，保證用戶對(duì)軟件操作的熟練性。在互聯(lián)網(wǎng)與信息技術(shù)迅猛發(fā)展的背景下，產(chǎn)品的更新?lián)Q代速度非常快，進(jìn)行簡(jiǎn)約清新、科技感十足的APP軟件的設(shè)計(jì)十分重要。

2.3?虛擬現(xiàn)實(shí)設(shè)計(jì)

虛擬現(xiàn)實(shí)設(shè)計(jì)又稱(chēng)VR設(shè)計(jì)，是借助虛擬世界的創(chuàng)新對(duì)真實(shí)世界進(jìn)行表達(dá)的一種仿真系統(tǒng)設(shè)計(jì)，它采用計(jì)算機(jī)電子技術(shù)創(chuàng)設(shè)三維立體空間，以三維動(dòng)畫(huà)的形式讓體驗(yàn)者沉浸于虛擬空間中[3]。VR設(shè)計(jì)是仿真技術(shù)、計(jì)算機(jī)技術(shù)、互聯(lián)網(wǎng)技術(shù)以及信息技術(shù)等的融合運(yùn)用，如圖3所示。

它由計(jì)算機(jī)進(jìn)行虛擬三維動(dòng)畫(huà)的創(chuàng)作，利用虛擬現(xiàn)實(shí)設(shè)備（虛擬現(xiàn)實(shí)頭盔、眼睛等）與傳感設(shè)備向用戶傳達(dá)觸覺(jué)、聽(tīng)覺(jué)、視覺(jué)與力覺(jué)，讓用戶同虛擬世界產(chǎn)生真實(shí)感的溝通，同時(shí)，對(duì)用戶與虛擬空間的事物做出回應(yīng)，向用戶發(fā)出反饋。

3?互聯(lián)網(wǎng)與信息技術(shù)環(huán)境下的平面設(shè)計(jì)舉例——虛擬用戶界面模型設(shè)計(jì)

3.1?設(shè)計(jì)思路

本應(yīng)用擬利用互聯(lián)網(wǎng)與信息技術(shù)設(shè)計(jì)一個(gè)以人機(jī)交互界面為主的虛擬現(xiàn)實(shí)交互系統(tǒng)。即以公交站點(diǎn)為現(xiàn)實(shí)環(huán)境，進(jìn)行半透明的觸控式用戶界面的構(gòu)建，用戶可點(diǎn)擊導(dǎo)航按鈕進(jìn)行公交車(chē)當(dāng)前所處地理位置、線路方向、距離目的地的大致時(shí)間等的查找。

3.2?具體設(shè)計(jì)

（1） 設(shè)計(jì)圖形用戶界面

主要運(yùn)用Photo Shop、Illustrator 等軟件進(jìn)行公交站牌圖形用戶界面的設(shè)計(jì)，從整體層面上把握用戶界面的信息架構(gòu)、視覺(jué)風(fēng)格以及效果。具體地，要進(jìn)行用戶類(lèi)型的研究、目標(biāo)用戶的定位以及對(duì)目標(biāo)用戶詳細(xì)信息的收集與歸納，以此得到用戶界面的基本框架。其主要框架圖，如圖4所示。

（2） 設(shè)計(jì)虛擬用戶界面模型

此項(xiàng)設(shè)計(jì)大體分為兩個(gè)部分：設(shè)計(jì)虛擬用戶角色模型與設(shè)計(jì)虛擬現(xiàn)實(shí)環(huán)境模型。在創(chuàng)建三維模型之前，需首先結(jié)合設(shè)計(jì)方案進(jìn)行用戶角色身體姿態(tài)、比例特征、虛擬現(xiàn)實(shí)環(huán)境范圍等細(xì)節(jié)的設(shè)計(jì)，然后，根據(jù)確定方案制作模型。本研究用戶角色模型主要在虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)人、機(jī)、環(huán)境之間的交互情境進(jìn)行表達(dá)，制作無(wú)需太多細(xì)節(jié)。虛擬現(xiàn)實(shí)環(huán)境模型主要為公交車(chē)站、道路交通以及景觀設(shè)施等虛擬化的環(huán)境，復(fù)雜程度較高，故選用三維軟件3dx Max執(zhí)行數(shù)字化建模任務(wù)，并賦予模型相應(yīng)的材質(zhì)，確保效果的真實(shí)性與直觀性。

首先，創(chuàng)建三維模型。用3ds Max進(jìn)行三維模型的建立，該工作復(fù)雜且細(xì)致，可為整個(gè)設(shè)計(jì)方案虛擬化的實(shí)現(xiàn)奠定基礎(chǔ)。建模過(guò)程中，要按結(jié)構(gòu)隨時(shí)切換視圖，以完成多角度的觀察與創(chuàng)建任務(wù)，同時(shí)，通過(guò)對(duì)三視圖中線框圖的對(duì)比對(duì)模型結(jié)構(gòu)進(jìn)行檢查。用3ds Max軟件進(jìn)行虛擬模型創(chuàng)建之時(shí)要盡可能地減少模型面片數(shù)與材質(zhì)的設(shè)置。模型越精致，數(shù)據(jù)量會(huì)越大，諸多的多邊形與曲線、曲面以及復(fù)雜的材質(zhì)貼圖等會(huì)降低運(yùn)算速度，盡管在3ds Max環(huán)境下渲染所消耗的時(shí)間也會(huì)非常長(zhǎng)。為確保虛擬模型在虛擬場(chǎng)景中的交互操作具有實(shí)時(shí)渲染性，文章人物角色模型用最小的面數(shù)對(duì)形體姿態(tài)進(jìn)行渲染如圖5所示。而虛擬現(xiàn)實(shí)環(huán)境模型主要對(duì)3ds Max中的多邊形建模方法加以運(yùn)用。

其次，為建好的模型貼上材質(zhì)貼圖。根據(jù)設(shè)計(jì)方案中的材質(zhì)進(jìn)行相關(guān)紋理貼圖的設(shè)計(jì)，并賦予模型各個(gè)部分對(duì)應(yīng)的材質(zhì)。在此過(guò)程中，需對(duì)采用虛擬現(xiàn)實(shí)系統(tǒng)制作軟件可接受的貼圖方式與格式加以注意，盡可能用GIF或JPEG格式，以控制文件大小，降低系統(tǒng)運(yùn)算量。

最后，導(dǎo)出設(shè)置用戶界面模型。在利用3ds Max軟件導(dǎo)出模型文件時(shí)，需先進(jìn)行3ds Max Exporter輸出插件的安裝，其功能在于將3ds Max軟件創(chuàng)建的內(nèi)容輸出為可供Virtools使用的“.nmo”格式文件，以此達(dá)到發(fā)布設(shè)置與渲染輸出虛擬模型的目的。

（3） 設(shè)計(jì)交互功能

該模塊包括用戶界面主次關(guān)系的交互設(shè)計(jì)、用戶界面與用戶角色交互的設(shè)計(jì)以及用戶界面同虛擬現(xiàn)實(shí)環(huán)境的交互設(shè)計(jì)3部分內(nèi)容，實(shí)踐中可利用Virtools技術(shù)完成設(shè)計(jì)任務(wù)，具體按以下步驟進(jìn)行：將設(shè)計(jì)好的模型導(dǎo)入到Virtools軟件中;添加交互模塊實(shí)現(xiàn)基本交互功能（參考張璐[4]）。由于本部分內(nèi)容并非平面設(shè)計(jì)的內(nèi)容，篇幅所限，不再贅述。

4?互聯(lián)網(wǎng)與信息技術(shù)環(huán)境下平面設(shè)計(jì)的廣闊表達(dá)空間

4.1?屏讀時(shí)代平面設(shè)計(jì)工作重心的改變

當(dāng)前，屏讀時(shí)代已然來(lái)臨，人們通過(guò)閱讀屏幕來(lái)獲取并傳輸信息，這為平面設(shè)計(jì)洞開(kāi)了一個(gè)全新的廣闊天地[5]。在屏讀時(shí)代下，巨幅廣告屏幕、愈發(fā)夸張的智能電視尺寸與手機(jī)閱讀以及可視化的穿戴設(shè)備等閱讀方式對(duì)傳統(tǒng)視覺(jué)尺度進(jìn)行分化，使其存在于極大與極小的兩個(gè)維度中，在此環(huán)節(jié)，平面設(shè)計(jì)已與以往的印刷品上的圖案與造型有了本質(zhì)上的不同，它們想要提高信息的識(shí)別決不能僅僅依靠拉近距離的方式來(lái)實(shí)現(xiàn)。一些有著巨大識(shí)別需求的設(shè)計(jì)對(duì)象（如品牌標(biāo)志、企業(yè)形象等）必須同時(shí)在極大與極小兩個(gè)極端空間內(nèi)將作用完全地發(fā)揮出來(lái)，這必然增加了平面設(shè)計(jì)的難度，例如在進(jìn)行標(biāo)志的設(shè)計(jì)之時(shí)，不僅要保證標(biāo)志的每一個(gè)細(xì)節(jié)，確保其在放大到巨幅屏幕上之時(shí)依舊美觀，還要保證其在僅幾十毫米的屏幕上同樣能夠清晰且明確的得到識(shí)別。在互聯(lián)網(wǎng)與信息技術(shù)迅猛發(fā)展的背景下，平面設(shè)計(jì)對(duì)企業(yè)及商品系統(tǒng)化的識(shí)別需求與個(gè)性表現(xiàn)予以放大，并弱化了傳統(tǒng)設(shè)計(jì)環(huán)節(jié)單個(gè)圖形的極致優(yōu)化，故而不再對(duì)靜態(tài)與定格化的動(dòng)畫(huà)標(biāo)志有嚴(yán)重依賴(lài)，此外，它還舍棄了單一的形態(tài)特征，開(kāi)始尋找在一系列變化過(guò)程中形成的整體印象的動(dòng)態(tài)標(biāo)志，這些都是互聯(lián)網(wǎng)與信息技術(shù)環(huán)境下平面設(shè)計(jì)工作中心的轉(zhuǎn)變。

5?總結(jié)

碎片式信息的產(chǎn)生與網(wǎng)絡(luò)相伴隨，人們被看到、被認(rèn)同、被需要的本性在互聯(lián)網(wǎng)時(shí)代得到了釋放的途徑。在互聯(lián)網(wǎng)與信息技術(shù)時(shí)代，所有人都會(huì)滿具熱情地將自己的微小創(chuàng)造通過(guò)碎片的方式傳至網(wǎng)絡(luò)中，讓其在網(wǎng)絡(luò)中自由碰撞與交融。信息并非網(wǎng)絡(luò)的主體，網(wǎng)絡(luò)存在的本質(zhì)在于對(duì)這些碎片化的信息進(jìn)行連接，并在連接中完成飛躍。平面設(shè)計(jì)的存在類(lèi)似于互聯(lián)網(wǎng)，其本質(zhì)亦是一種連接行為，例如在一張平整的白紙上，可采用圖形、色彩與文字的形式連接信息與人，采用抽象、隱喻與借喻的收發(fā)連接圖像與情感，同時(shí)，以某種觀點(diǎn)連接思想與生活。在互聯(lián)網(wǎng)與信息技術(shù)的世界中，平面設(shè)計(jì)借助傳播的實(shí)時(shí)性與表現(xiàn)形式的多樣性，與自身長(zhǎng)期演化而來(lái)的純粹的信息表達(dá)方式，可對(duì)信息連接的功能性作用予以加速，加快碎片化信息的傳播，拓寬傳播路徑。

參考文獻(xiàn)

[1]?姚田.互聯(lián)網(wǎng)時(shí)代平面設(shè)計(jì)如何與新媒體融合[J].新聞戰(zhàn)線，2017（4）：134-135.

[2]?黃婷.平面設(shè)計(jì)向三維空間拓展研究[J].包裝工程，2011（10）：18-21.

[3]?劉一丁.論互聯(lián)網(wǎng)+背景下的平面設(shè)計(jì)[D].鄭州：河南大學(xué)，2016.

[4]?張璐.基于虛擬現(xiàn)實(shí)技術(shù)的用戶界面[D].上海：華東大學(xué)，2013.

[5]?王宇.互聯(lián)網(wǎng)時(shí)代的平面設(shè)計(jì)與新媒體融合研究[D].哈爾濱：哈爾濱師范大學(xué)，2016.

（收稿日期： 2018.12.21）