基于互聯(lián)網(wǎng)與信息技術環(huán)境的平面設計研究

牟云環(huán)

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

關鍵詞： 互聯(lián)網(wǎng); 信息技術; 平面設計

中圖分類號： J511

文獻標志碼： A

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

1?平面設計的三維交互式設計特征

1.1?體驗方式多感官化

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

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

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

1.3?更具新奇感

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

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

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

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

2.1?界面設計

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

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

2.2?APP軟件設計

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

2.3?虛擬現(xiàn)實設計

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

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

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

3.1?設計思路

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

3.2?具體設計

（1） 設計圖形用戶界面

主要運用Photo Shop、Illustrator 等軟件進行公交站牌圖形用戶界面的設計，從整體層面上把握用戶界面的信息架構、視覺風格以及效果。具體地，要進行用戶類型的研究、目標用戶的定位以及對目標用戶詳細信息的收集與歸納，以此得到用戶界面的基本框架。其主要框架圖，如圖4所示。

（2） 設計虛擬用戶界面模型

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

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

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

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

（3） 設計交互功能

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

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

4.1?屏讀時代平面設計工作重心的改變

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

5?總結(jié)

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

參考文獻

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

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

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

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

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

（收稿日期： 2018.12.21）