趙熙 胡巧紅

摘要：隨著人工智能AI技術(shù)在當(dāng)今的飛速發(fā)展，基于人工智能AI的界面廣泛應(yīng)用于各個行業(yè)領(lǐng)域，滲透進(jìn)人們的日常生活中，人機(jī)之間的交互關(guān)系變得越來越緊密、頻繁和多元化，各種人機(jī)界面的互動性也越來越強(qiáng)，因此基于此項技術(shù)的界面設(shè)計也將面臨著全新的設(shè)計挑戰(zhàn)。本文主要從人工智能AI在界面設(shè)計中的現(xiàn)狀進(jìn)行研究，闡述人工智能AI對界面設(shè)計風(fēng)格的影響作用，分析人工智能技術(shù)下的設(shè)計要素和界面創(chuàng)新設(shè)計，并展望未來的發(fā)展趨勢。

關(guān)鍵詞：人工智能;AI;人機(jī)交互;界面設(shè)計

一、人工智能AI在界面設(shè)計中的應(yīng)用現(xiàn)狀

人工智能的概念最早由英國著名數(shù)學(xué)家、計算機(jī)學(xué)家艾倫·圖靈（Alan Turing）提出。他提出了機(jī)器會是否會思考的問題，指出了一臺機(jī)器具有智能特征的表現(xiàn)是，與人類自然地對話，而不被辨別出其機(jī)器的身份。

在1955年至1974年里，AI誕生并迎來了第一階段的發(fā)展高潮，機(jī)器人項目，深度學(xué)習(xí)等都已有了雛形，自然語言也被提出。而在隨后的1974年至1980年，人工智能AI卻迎來發(fā)展的瓶頸期，遇到了很多無法克服的技術(shù)障礙。而在80年代之后，人工智能又迎來了新一輪高潮，卡耐基梅隆大學(xué)為研究人工智能技術(shù)的公司提供資金支持，日本經(jīng)濟(jì)產(chǎn)業(yè)省也重金支持人工智能技術(shù)，開發(fā)與人對話，模仿人類推理的機(jī)器，其它國家也紛紛投入巨額資金來支持AI的研發(fā)。而到了80年代末90年代初，由于AI硬件市場的需求量下跌，受到當(dāng)時個人電腦的發(fā)展的沖擊，人工智能面臨著發(fā)展困境。直至1993年至今，人工智能迎來新的發(fā)展機(jī)遇，隨著計算機(jī)性能的不斷突破，云計算、大數(shù)據(jù)發(fā)展迅速，自然語言和機(jī)器視覺領(lǐng)域也隨之發(fā)展，深度學(xué)習(xí)的突破性進(jìn)展，都為人工智能的大發(fā)展奠定了有利的條件。自2010年以來的10年間，谷歌無人駕駛汽車登臺亮相，蘋果發(fā)布個人語音助手Siri，谷歌個人助理谷歌NOW的面世，微軟推出人工智能聊天機(jī)器人小冰和和語音助手Cortana，百度推出語音識別系統(tǒng)，F(xiàn)acebook臉書推出人工智能助理，谷歌阿爾法機(jī)器人戰(zhàn)勝圍棋九段棋手李世石，人工智能在各個領(lǐng)域均得到了飛速發(fā)展。

隨著指紋解鎖、人臉識別等人工智能AI技術(shù)，越來越廣泛地滲透進(jìn)我們的日常生活，在金融、保險、醫(yī)療、交通出行等各個領(lǐng)域都有了更廣的應(yīng)用，在計算智能、感知智能和認(rèn)知智能的發(fā)展上，也邁入了新的臺階。

二、人工智能AI對界面設(shè)計風(fēng)格的影響

在人工智能AI技術(shù)的普及下，對人機(jī)交互的界面設(shè)計也提出了新的要求，人機(jī)交互的界面設(shè)計風(fēng)格也將迎來變革和創(chuàng)新。從設(shè)計師的角度來看，如何使人工智能下的人機(jī)交互界面風(fēng)格更加符合用戶的使用習(xí)慣，以人為本，更加便于用戶使用。

1、功能框架的構(gòu)建

從功能框架結(jié)構(gòu)上來說，信息的有效組織和架構(gòu)必不可少，將各種功能融合進(jìn)不同的頁面內(nèi)，就需要有序有條理的架構(gòu)。其中，頁面的導(dǎo)航功能在人機(jī)交互的手機(jī)界面和電腦界面中都是必要的功能。設(shè)計師有效的充分利用導(dǎo)航來實現(xiàn)信息有條理的布局，以及頁面內(nèi)容的優(yōu)化。導(dǎo)航的布局形式，主要有：標(biāo)簽式、列表式、抽屜式、輪播式、宮格式等形式。傳統(tǒng)的設(shè)計形式，用戶需要點擊才能夠一頁頁打開不同的內(nèi)容頁，點擊和返回都相對比較麻煩，年紀(jì)大的人甚至不知道該如何操作。而在人工智能AI的技術(shù)背景下，智能語音識別功能，語音助手等可以幫我們來實現(xiàn)智能化的查找。通過語音識別來逐步替代導(dǎo)航欄的功能，例如用戶可以通過Siri來打開欄目的每個頁面，進(jìn)入到想要瀏覽的信息頁面。因此界面設(shè)計中將針對這樣的功能設(shè)計更加人性化的視覺方案，并增加有效的視覺指引，通過視覺引導(dǎo)和說明等功能來輔助用戶熟練運(yùn)用這項功能。

在人工智能技術(shù)支持下的搜索功能，能夠更加方便用戶檢索并篩選各種信息。搜索功能的構(gòu)建將置于頁面設(shè)計中醒目的位置。在現(xiàn)今的APP中，搜索欄往往設(shè)計的比較小，視覺上并非很快就能找到這項功能，和頁面其它內(nèi)容信息編排在了一頁內(nèi)，從而更弱化了它本身的功能作用。而在人工智能的輔助下，就可以實現(xiàn)更強(qiáng)大的搜索功能，通過搜索迅速找到自己所要查找的信息。就像谷歌頁面打開來只有一個搜索條一樣，人工智能下的界面設(shè)計也可以做到精簡，做到化繁為簡，因為機(jī)器將代替我們實現(xiàn)復(fù)雜的轉(zhuǎn)換與運(yùn)算，這樣即便是老年人或者兒童都能夠輕松運(yùn)用任何一款人機(jī)界面來進(jìn)行交互。

2、界面設(shè)計風(fēng)格

從界面設(shè)計風(fēng)格上來看，由于有了人工智能技術(shù)，機(jī)器的學(xué)習(xí)能力不斷加強(qiáng)，人與機(jī)器之間的對話也變得更加簡單，那么人工智能技術(shù)下的界面設(shè)計，風(fēng)格完全可以更加簡潔，省去很多不必要的按鍵和導(dǎo)航，從而突出其實用性。人工智能技術(shù)下的語音助手功能，將直接幫助用戶解決各種瀏覽界面的要求，語音助手的設(shè)計風(fēng)格也更加趨于擬人化。例如，蘋果Siri設(shè)計，以簡潔的形象來指代語音助手這樣的智能角色，和Siri對話的界面也非常簡潔直觀，對話的同時還能進(jìn)行查找。簡潔直觀的設(shè)計風(fēng)格將人機(jī)之間的交互設(shè)計化繁為簡。

三、人工智能AI的界面設(shè)計要素

視覺設(shè)計師在設(shè)計界面時，需要充分考慮人工智能AI的界面設(shè)計與傳統(tǒng)意義上的界面設(shè)計存在的差異化，分析其特點，并根據(jù)該功能的定位來設(shè)計最適合用戶的界面。以人工智能為技術(shù)的各種人機(jī)界面設(shè)計，將會更優(yōu)化界面的功能，簡化交互的流程，從而視覺上界面設(shè)計更加清晰，交互流程更加順暢。

1、以人為本的設(shè)計

人工智能的界面設(shè)計首先需從人的需求出發(fā)，找到用戶的需求，對這些需求加以分類、整理和歸納。例如Google Clips智能相機(jī)APP的設(shè)計，就在設(shè)計之初就考慮到用戶往往懶于管理照片并對照片加以分類，并提出了實時攝影師的用戶需求，使用戶在精彩瞬間都能夠用智能相機(jī)拍下動態(tài)的畫面。（如圖3.1）

2、智能助手設(shè)計

人工智能技術(shù)下的語音助手的應(yīng)用越來越廣泛，語音助手的設(shè)計也成為了人機(jī)交互界面設(shè)計中重要的設(shè)計要素，在很多APP 的界面設(shè)計中，如微信語音助手，還僅僅只是停留在聲音的輸入層面，用聲音的話筒圖標(biāo)來替代語音助手的虛擬形象，實際上對于話筒圖標(biāo)的設(shè)計僅僅只是起到了讓用戶來模仿話筒錄音的虛擬感受，并沒有將語音助手作為單獨存在的角色和人物來進(jìn)行考慮。這一點上，蘋果手機(jī)的Siri設(shè)計則更像是一個獨立存在于機(jī)器中有生命的角色一樣，真正成為了虛擬助手，Siri的圖標(biāo)設(shè)計也有著不同于話筒圖標(biāo)的設(shè)計樣式。但是也并未完全賦予虛擬的人形。如果在設(shè)計中，設(shè)計師能夠賦予語音助手以擬人化或者擬物化的形象，這樣的設(shè)計將會另用戶倍感親切，拉近人機(jī)交互的距離。（如圖3.1）

3、色彩設(shè)計

在界面設(shè)計中，人工智能的色彩設(shè)計，以獨特的顏色吸引用戶的注意力。色彩的設(shè)計上，往往鮮艷的色彩能夠起到吸引視覺中心的作用，與周邊背景有鮮明對比的顏色，能夠更加突出智能化的設(shè)計要素。例如機(jī)器人客服的UI界面設(shè)計，會話窗口和聊天記錄的設(shè)計，都選用了鮮艷的色彩來設(shè)計，艷度高的色彩有助于突出對話本身，刺激用戶的視覺，吸引用戶的注意力。同時與本身的界面融為一體的設(shè)計，在設(shè)計上則選用更加自然的色彩，將能夠使用戶忽略機(jī)器本身，將用戶完全沉浸和帶入到人機(jī)交互的環(huán)境中。例如谷歌Clips智能相機(jī)APP中，更多的突出動態(tài)照片攝影，以白色為底色黑色為導(dǎo)航色，色彩對比更加單純，突出了影像本身的視覺效果。在人工智能的技術(shù)支持之下，色彩設(shè)計有了更多的設(shè)計配色方案，和更多的組合。由于人工智能的智能化和虛擬現(xiàn)實化的特點，以虛擬現(xiàn)實的視覺效果來進(jìn)行色彩的設(shè)計，從虛擬現(xiàn)實的設(shè)計初衷來設(shè)計界面中的色彩，將會更符合人機(jī)交互的本意。

四、人工智能AI技術(shù)下的界面創(chuàng)新設(shè)計

隨著人工智能AI技術(shù)的突破性發(fā)展，機(jī)器的深度學(xué)習(xí)能力將越來越強(qiáng)，人機(jī)交互的界面設(shè)計也應(yīng)與時俱進(jìn)，不斷創(chuàng)新和向前發(fā)展，設(shè)計上也應(yīng)具有前瞻性。人機(jī)界面的創(chuàng)新設(shè)計也將是視覺設(shè)計師所面臨的最大挑戰(zhàn)和難題。如何將人工智能的技術(shù)下界面的設(shè)計做出創(chuàng)新和與眾不同的創(chuàng)意，創(chuàng)造性地將界面設(shè)計更好地應(yīng)用于我們的生活中，也是每個從業(yè)設(shè)計師需要積極思考的問題。

1、引導(dǎo)智能

通過搜集各種用戶的使用習(xí)慣、使用偏好和日常數(shù)據(jù)，來引導(dǎo)人工智能進(jìn)行各種推算，對信息進(jìn)行分類和整理，從而篩選出最符合用戶偏好的內(nèi)容，推送給用戶。這個過程需要人工智能更加準(zhǔn)確更加人性化地了解用戶的需求和偏好。通給AI人工智能以特定的學(xué)習(xí)內(nèi)容，使其學(xué)會各種技巧，從而來為用戶做更多的工作。例如Google Clips智能相機(jī)APP在構(gòu)建界面設(shè)計的原型時，就建立在引導(dǎo)智能來進(jìn)行分類整理的基礎(chǔ)上，智能相機(jī)可以通過學(xué)習(xí)來發(fā)現(xiàn)哪些是用戶最精彩的攝影瞬間。通過不斷的拍攝，在拍攝的內(nèi)容中，找出哪些是不理想的畫面，包括手抖動、手遮擋屏幕，構(gòu)圖角度偏差，鏡頭對焦不理想等等，機(jī)器通過學(xué)習(xí)，從而避免這些都不如意的鏡頭出現(xiàn)在用戶相機(jī)中。

2、基于人體識別技術(shù)的設(shè)計

在AI技術(shù)時代，各種視覺識別在現(xiàn)今運(yùn)用得越來越廣泛，各種傳感器能夠更快速便捷地協(xié)助AI來進(jìn)行識別。針對人體的視覺識別技術(shù)，包括人臉、人體、人的動態(tài)等等，創(chuàng)造了AI大數(shù)據(jù)時代的全新用戶體驗?；诖祟愴椖康脑O(shè)計也需要不斷地進(jìn)行設(shè)計創(chuàng)新。例如3D體感游戲機(jī)，則利用了三維動態(tài)定位技術(shù)對人體的姿態(tài)加以捕捉，通過識別人體的動作行為，來完成與屏幕中虛擬現(xiàn)實的互動，對于此項技術(shù)的界面設(shè)計其視覺上更加仿真，有較強(qiáng)的虛擬現(xiàn)實的效果，以模擬現(xiàn)實的場景和人物來拉近用戶的距離，從而使用戶能夠完全沉浸在其中。又譬如，Runway ML軟件充分運(yùn)用了人工智能的算法，將人工智能與藝術(shù)設(shè)計結(jié)合，從而在圖片生成、動作捕捉、自然語言處理、物體識別和圖片處理等類型上生成智能化的意想不到的影像。用戶可以在幾分鐘的時間內(nèi)，將一張黑白照片變成具有藝術(shù)上色效果的彩色照片，還可以在幾分鐘時間，實現(xiàn)攝影圖片到水彩畫的轉(zhuǎn)換，甚至還可以玩轉(zhuǎn)卡通圖片和真人之間的轉(zhuǎn)換。在AI技術(shù)下，這款神奇的藝術(shù)處理軟件的應(yīng)用界面更單純而簡潔，為了更好地突出AI藝術(shù)處理圖像的效果，界面設(shè)計以黑色為背景色，從而更凸顯出AI創(chuàng)造出來的彩色圖像的視覺效果。軟件的AI藝術(shù)功能，也采用了標(biāo)簽式的編排效果，使每一項功能都能夠非常直觀地呈現(xiàn)在用戶面前?？梢哉f，這款軟件的設(shè)計最大程度地利用編排和色彩的設(shè)計，將復(fù)雜的圖像處理功能化繁為簡，使藝術(shù)的加工過程成為有趣的過程。設(shè)計師還在細(xì)節(jié)設(shè)計上，設(shè)計較多的細(xì)節(jié)，包括局部的鮮亮色彩點綴，從而突出重點功能和重點欄目。

3、虛擬角色的設(shè)計

在AI技術(shù)下，各種機(jī)器小助手的出現(xiàn)使我們的生活更加便利，在人機(jī)交互中扮演著重要的角色，就像是真實存在的小幫手一樣，它能夠為用戶提供幫助，提供各種指引和導(dǎo)覽，解決了用戶在人機(jī)互動中不知道該如何進(jìn)行操作的問題。只不過不同于實體機(jī)器人在用戶身邊，這樣的小助手都是以虛擬的形象存在于界面的設(shè)計中。視覺設(shè)計師在設(shè)計這樣的虛擬角色時，更多的要考慮用戶的喜好和對虛擬形象的接受程度，來為用戶設(shè)計出符合用戶需求的虛擬角色。虛擬角色的設(shè)計可以是很簡約極簡的形象，也可以是更復(fù)雜的形象，可以是擬人也可以是擬物的設(shè)計，在設(shè)計中要盡量考慮用戶的年齡層次，來設(shè)計相應(yīng)的最易被用戶接受和認(rèn)可的角色形象。比如有些APP的界面中小助手的形象設(shè)計為卡通的形象，形象設(shè)計簡潔而可愛，更易于被用戶接受和認(rèn)可。有些界面設(shè)計中將小助手的形象設(shè)計為機(jī)器人的外形，帶有更強(qiáng)的未來科技感。也有些人機(jī)界面助手的設(shè)計則更為抽象，抽象的形象也更符合未來設(shè)計的定位，受眾群體也會更加廣泛。因此，不論是卡通形象還是機(jī)器人形象，甚至是抽象的形象，視覺設(shè)計師在設(shè)計過程中都需要始終遵循人性化的原則，體現(xiàn)出設(shè)計的可延展性和創(chuàng)新性。

五、人工智能AI界面設(shè)計未來發(fā)展趨勢

人工智能使人機(jī)之間的關(guān)系變得親密起來，人機(jī)界面也越來越友好，人機(jī)界面的設(shè)計也將會在傳統(tǒng)設(shè)計上有更大更多的突破。隨著智能小助手、人體視覺識別等AI技術(shù)的發(fā)展，也使得未來的人機(jī)交流的界面變得更加便利。智能化助手的在界面設(shè)計中的應(yīng)用將會越來越廣泛。隨著人體視覺識別技術(shù)已經(jīng)運(yùn)用于我們生活之中，人臉識別在消費購物、交通出行、醫(yī)療就醫(yī)、教育以及安全安保中的普及，人機(jī)界面的設(shè)計將會迎來新的變革。隨著AI虛擬角色的逐步發(fā)展，未來將會替代人類做更多的工作，未來的界面設(shè)計也將會呈現(xiàn)與現(xiàn)今不同的嶄新面貌。當(dāng)機(jī)器的深度學(xué)習(xí)達(dá)到可以自動匹配設(shè)計時，視覺設(shè)計師要做的工作，將是更多地教會機(jī)器如何來進(jìn)行設(shè)計，教會機(jī)器設(shè)計的方法，從而實現(xiàn)真正的AI自主設(shè)計和人工智能構(gòu)建人類的未來。

參考文獻(xiàn)：

[1] ?人臉識別綜合技術(shù)的發(fā)展[J]. 蘇楠，吳冰，徐偉，蘇光大. ?信息安全研究. 2016（01）

[2] ?人工智能趨勢下設(shè)計生態(tài)的平衡與發(fā)展[J]. 李金昕. 藝術(shù)市場. 2020（04）

[3] ?群智創(chuàng)新：人工智能2.0時代的新興創(chuàng)新范式[J]. 羅仕鑒. 包裝工程. 2020（03）

[4] ?智媒時代移動閱讀APP體驗設(shè)計藝術(shù)[J]. 徐延章. 編輯之友. 2020（02）

[5] ?人工智能體引發(fā)的倫理困境[J]. 冉曉燕. 中國高新科技. 2020（02）

作者簡介：趙熙，浙江樹人大學(xué)藝術(shù)學(xué)院，講師，研究方向：數(shù)字媒體設(shè)計、影視動畫藝術(shù)設(shè)計。

（作者單位：浙江樹人大學(xué) ?藝術(shù)學(xué)院）