數(shù)字技術(shù)在界面設(shè)計中的應用研究

余念

（仲愷農(nóng)業(yè)工程學院，廣東 廣州 510225）

隨著科技的發(fā)展，人們的藝術(shù)觀念也發(fā)生了潛移默化的改變。數(shù)字藝術(shù)是時代發(fā)展的必然結(jié)果，早在1967 年美國麻省理工學院就成立了相關(guān)的體系結(jié)構(gòu)以及聯(lián)合實驗室，專門研究人機接口。1985年，這個實驗室演變成大名鼎鼎的媒體藝術(shù)實驗室，開始進行更廣泛的數(shù)字媒體技術(shù)的研究。1989 年，美國的IBM 公司正式推出了一種可視化的音頻編輯系統(tǒng)，至2001 年，IBM 公司又發(fā)布了一種全新的解決方案——數(shù)字傳播媒體制造商工廠，它是用來協(xié)助一些大型的企業(yè)進行管理、儲存、保護和共享及分發(fā)可視化的數(shù)字視頻、音樂以及圖像等各種數(shù)字傳播的內(nèi)容。數(shù)字藝術(shù)是科技與藝術(shù)相結(jié)合的創(chuàng)作領(lǐng)域，數(shù)字技術(shù)的不斷進步催生了許多新的藝術(shù)設(shè)計形式。數(shù)字藝術(shù)在我國的應用范圍很大，可以廣泛地運用在影視界、游戲領(lǐng)域、互動傳播技術(shù)、產(chǎn)品外觀和包裝方面。

1 數(shù)字技術(shù)的認知

數(shù)字技術(shù)是多種數(shù)字化技術(shù)的集成，包括區(qū)塊鏈、大數(shù)據(jù)、云計算、人工智能等。本文所運用的數(shù)字技術(shù)，主要是結(jié)合計算機對圖、文、聲、像進行算法處理[1]。基于生成式對抗網(wǎng)絡(luò)（GAN，Generative Adversarial Networks)圖像生成方法，將其運用于設(shè)計中。它是一種通過對現(xiàn)有的設(shè)計問題建立數(shù)學模型而得出的算法工具，能夠大大提升設(shè)計效率，解決設(shè)計中出現(xiàn)的重復性表達，以及基礎(chǔ)性的設(shè)計問題。2014 年 Goodfellow 提出了對抗式生成的網(wǎng)絡(luò)模型，通過對抗性生成的網(wǎng)絡(luò)模型與判別模型相互博弈的方法來進行對抗性的學習。

生成模型不斷生成新的圖像數(shù)據(jù)，另外判別模型利用判別器對生成圖像的真?zhèn)芜M行甄別，形成兩種模型互相對抗，逐漸達到一個博弈平衡點，最后電腦生成器生成出一張足夠優(yōu)秀的圖（如圖1 所示）。傳統(tǒng)的 GAN 是單向生成，而 CycleGAN 是互相生成。CycleGAN 網(wǎng)絡(luò)本質(zhì)上就是兩個環(huán)狀鏡像對稱的網(wǎng)絡(luò)Gan，它們相互組合成一個新的環(huán)狀鏡像網(wǎng)絡(luò)，其功能是自動將某一類圖片轉(zhuǎn)換成另外一類圖片。隨著數(shù)字技術(shù)的普及，我們可以在各個界面設(shè)計中看到其身影，其設(shè)計技巧也在慢慢得到完善，未來將有更加開闊的發(fā)展空間，被賦予更大的商業(yè)價值[2]。

圖1 GAN 的計算流程和結(jié)構(gòu)

2 當前界面設(shè)計存在的問題分析

狹義的界面設(shè)計（UI，User Interface）是指數(shù)碼電子產(chǎn)品中的屏幕。比如手機界面、智能電視、車載系統(tǒng)等。UI 是 user interface的英文縮寫，其中 interface 的前綴“inter”的含義就是在“一起、交互”。良好的用戶界面設(shè)計不但可以讓整個軟件更加具有個性，還可以讓其操作更加舒適、簡便、自由，充分體現(xiàn)了軟件的準確定位與功能。除此之外，界面設(shè)計還包含硬件界面設(shè)計，例如：開關(guān)界面、電腦顯示器上的按鈕、遙控器界面等。為了順應時代發(fā)展的潮流，設(shè)計出來的界面應滿足當前用戶需求，按照人們的審美習慣和交互需求提高界面設(shè)計的藝術(shù)性和實用性[3]。界面設(shè)計并非單純地做了一幅美術(shù)畫，而是根據(jù)需求來定位所有的使用人群、所有的使用環(huán)境、所有的使用方法并且針對最終的用戶。目前，我國界面設(shè)計在創(chuàng)新思路和審美上都處于不成熟的階段，界面設(shè)計中還存在一些不足。

2.1 趨于同質(zhì)化

當某種設(shè)計方式開始流行的時候，所有設(shè)計風格都會趨于類似，缺乏自己的設(shè)計語言。例如：購物類界面設(shè)計非常類似，都采用了扁平化的設(shè)計風格。如果不看logo 和顏色，大部分人幾乎很難分辨出是哪一款瀏覽器。界面設(shè)計不單單指純界面的美觀度，還應包括對設(shè)計功能的思考[4]。在創(chuàng)作中，由于藝術(shù)創(chuàng)作者自身素養(yǎng)不高，缺乏對設(shè)計的深入思考和創(chuàng)新思維，導致出現(xiàn)藝術(shù)作品審美下降、趨于雷同的現(xiàn)象。

2.2 缺乏一致性設(shè)計原則

當前界面設(shè)計中普遍缺乏一脈相承的精神。例如：百度貼吧、百度游戲、百度百科的設(shè)計體驗不一致。在創(chuàng)作中過于追求外在的形式美而忽略一致性原則，導致界面設(shè)計可用性不強、識別度不高，增加用戶短期記憶負擔。缺乏一致性設(shè)計原則讓用戶在使用過程中發(fā)生混淆，思考過程的時間增加，導致用戶體驗感極差[5]。一致性設(shè)計原則通過消除混淆來減少思考時間，這對于改善用戶體驗是必不可少的。

2.3 不符合當代人的功能需求

良好的產(chǎn)品設(shè)計必須基于對用戶實際需求的深入了解之上，由于藝術(shù)創(chuàng)作者過于注重設(shè)計產(chǎn)品的外觀材質(zhì)，而忽略了設(shè)計功能需求，缺乏對設(shè)計的深入思考和創(chuàng)新，導致藝術(shù)作品審美和功能下降，違背藝術(shù)發(fā)展的規(guī)律。例如：畫框設(shè)計不斷追求材質(zhì)和外觀上的創(chuàng)新設(shè)計，而缺乏功能的設(shè)計點，沒有加入實用性功能。

3 數(shù)字技術(shù)在界面設(shè)計中的現(xiàn)有表現(xiàn)形式

3.1 互動式體驗

界面設(shè)計主要是以一種視覺化的呈現(xiàn)手段來傳達信息，這一方式也是限制界面設(shè)計發(fā)展的最大因素。而隨著數(shù)字技術(shù)的出現(xiàn)，人們可以從多種媒體中對信息進行自主的獲取并甄別。數(shù)字技術(shù)打破了人們以往的思維模式，使設(shè)計開始走向大眾化。以前大眾只能被動地接受信息，而通過數(shù)字技術(shù)，受眾也能夠進行自主設(shè)計，可以通過感官、通過運動去促進設(shè)計的進行，也可以自行發(fā)布到自媒體、朋友圈等?？匆曨l時可以通過發(fā)送彈幕、對視頻進行評分來進行互動式反饋[6]。而且設(shè)計的意圖和訴求也由設(shè)計者一方逐漸轉(zhuǎn)移到了受眾的另一方。這樣互動式的選擇模型不僅能夠使設(shè)計者了解各個群體的需要，也能夠激起設(shè)計者對于藝術(shù)創(chuàng)新和未來發(fā)展的探索性思考。

3.2 沉浸式體驗

數(shù)字技術(shù)將人工智能的優(yōu)勢發(fā)揮到了極致，通過數(shù)字化技術(shù)手段將界面設(shè)計的表現(xiàn)形手法不斷拓展。傳統(tǒng)的界面設(shè)計以平面化的傳播為主，缺乏代入式體驗感。隨著數(shù)字化技術(shù)的發(fā)展與加入，界面設(shè)計也呈現(xiàn)了一種全新的數(shù)字化特點。動態(tài)的視覺要素充分滿足了廣大人民群眾的需要，使得界面設(shè)計逐步由二維走向三維，由靜態(tài)走向了動態(tài)。通過數(shù)字技術(shù)，動態(tài)化的新一代元素性能特點使界面設(shè)計更富有活力，更能體現(xiàn)出界面設(shè)計的內(nèi)涵。

4 數(shù)字技術(shù)在界面設(shè)計中的應用實踐

我們認為的界面設(shè)計包含互聯(lián)網(wǎng)界面設(shè)計和日常生活界面設(shè)計兩個維度?；ヂ?lián)網(wǎng)界面設(shè)計包含：App 界面設(shè)計、網(wǎng)頁設(shè)計等。日常生活界面設(shè)計包含：開關(guān)界面、遙控器界面、畫框界面等。以下是基于這兩個維度所做的設(shè)計實踐[7]。

4.1 基于App 的界面設(shè)計創(chuàng)新

界面設(shè)計首先需對整個流程進行分析，畫出整體的布局圖，為了提升界面設(shè)計的藝術(shù)表現(xiàn)力，確保為每位用戶帶來不一樣的視覺體驗，將數(shù)字技術(shù)應用于界面設(shè)計中，進一步創(chuàng)新完成畫面的內(nèi)容和形式，賦予界面設(shè)計更好的設(shè)計效果[8]。在數(shù)字技術(shù)的輔助下，完成各種動態(tài)畫面的藝術(shù)呈現(xiàn)。

4.2 基于日常生活用品的界面設(shè)計創(chuàng)新

與傳統(tǒng)的設(shè)計制作技術(shù)相比較，數(shù)字技術(shù)有著更優(yōu)質(zhì)精良的優(yōu)勢，可以實現(xiàn)設(shè)計作品的美觀感受和功能效果相結(jié)合。給受眾帶來除了視覺上的效果外，還增加了其他的感官體驗[9]。例如：在畫框上增加藍牙音響，在繪畫材質(zhì)上增加加熱功能、增加驅(qū)蚊效果等功能性的體驗，既滿足審美上的體驗，又帶來功能上的享受。

5 結(jié)論

當前的國際化競爭局勢日漸加劇，但在數(shù)字化界面設(shè)計不斷發(fā)展的進程中，界面設(shè)計也因此得到了絕好的發(fā)展機遇。數(shù)字技術(shù)應用于界面設(shè)計不僅是一種新穎的設(shè)計模式，更是一種多維度探索的新思路。本項目的設(shè)計實踐過程和成果為后續(xù)界面設(shè)計提供一定參考。隨著科技的發(fā)展，界面與各種形式的結(jié)合將產(chǎn)生越來越多的可能，從二維到多維，從靜止到互動，重構(gòu)人們對界面設(shè)計的認知，并提高信息傳遞的效率，使消費者對設(shè)計者產(chǎn)生情感層面的認同感，從而避免平面設(shè)計的視覺傳遞效果雷同或同質(zhì)化的現(xiàn)象出現(xiàn)。