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

余念

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

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

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

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

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

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

2 當(dāng)前界面設(shè)計(jì)存在的問題分析

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

2.1 趨于同質(zhì)化

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

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

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

2.3 不符合當(dāng)代人的功能需求

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

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

3.1 互動(dòng)式體驗(yàn)

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

3.2 沉浸式體驗(yàn)

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

4 數(shù)字技術(shù)在界面設(shè)計(jì)中的應(yīng)用實(shí)踐

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

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

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

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

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

5 結(jié)論

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