鐘鳳鳴

摘要：基于當(dāng)前大數(shù)據(jù)與信息時(shí)代下智能移動(dòng)終端覆蓋率高，而信息繁多雜亂的現(xiàn)狀，提出移動(dòng)終端用戶界面的視覺設(shè)計(jì)創(chuàng)新，以便用戶快速精準(zhǔn)地接收關(guān)鍵有效信息。大數(shù)據(jù)信息時(shí)代下，應(yīng)用程序用戶界面需結(jié)合時(shí)代要求，以創(chuàng)新性的視覺設(shè)計(jì)使用戶界面具備信息傳遞快速準(zhǔn)確、視覺呈現(xiàn)簡(jiǎn)潔有效、用戶體驗(yàn)輕松愉悅的特點(diǎn)。

關(guān)鍵詞：移動(dòng)終端 用戶界面 視覺設(shè)計(jì)

隨著電子科學(xué)技術(shù)與互聯(lián)網(wǎng)技術(shù)的日新月異，手持移動(dòng)終端的持有率呈井噴式上漲趨勢(shì)，移動(dòng)終端設(shè)備的全面普及接踵而來的即是數(shù)量龐大、林林總總的應(yīng)用程序。據(jù)國(guó)家工信部數(shù)據(jù)顯示，截至2019年末，我國(guó)國(guó)內(nèi)市場(chǎng)上監(jiān)測(cè)到的本土第三方應(yīng)用商店APP數(shù)量為217萬款?？梢娙藗兊纳钆c應(yīng)用程序已然無法分割，應(yīng)用程序已經(jīng)能夠包羅人們生活的方方面面。面對(duì)恒河沙數(shù)的信息和數(shù)據(jù)，許多移動(dòng)終端的用戶界面在篩選和處理冗余信息及最終的視覺呈現(xiàn)時(shí)顯得力不從心。本文旨在以用戶為中心，將用戶的心理需求和情感體驗(yàn)作為重要考慮因素，從而在用戶界面進(jìn)行一系列視覺創(chuàng)新設(shè)計(jì)，目的是使用戶在應(yīng)用程序界面中感受到信息傳達(dá)快速精準(zhǔn)、視覺呈現(xiàn)簡(jiǎn)潔有效、用戶體驗(yàn)輕松愉悅的舒暢過程。

一、用戶界面的視覺設(shè)計(jì)創(chuàng)新

（一）版式布局化繁為簡(jiǎn) 對(duì)于移動(dòng)終端用戶界面而言，將特定的信息以快速準(zhǔn)確的方式傳遞給受眾是重中之重。置身于當(dāng)今大數(shù)據(jù)下信息泛濫的時(shí)代，人們每天生活在數(shù)不勝數(shù)的各類信息中，導(dǎo)致他們的注意力十分有限，這就對(duì)當(dāng)下的用戶界面設(shè)計(jì)師提出更高要求，通過科學(xué)合理的方式使用戶在有限的注意力中快速識(shí)別目標(biāo)信息。同時(shí)，就受眾而言，用戶界面的視覺設(shè)計(jì)不同于海報(bào)設(shè)計(jì)那么有針對(duì)性，以購(gòu)物網(wǎng)站為例，通常其界面設(shè)計(jì)要同時(shí)面對(duì)多類人群和多種任務(wù)，而不是像海報(bào)設(shè)計(jì)一樣針對(duì)特定人群進(jìn)行設(shè)計(jì)，這就需要移動(dòng)終端用戶界面在信息的處理上，應(yīng)收集整合大量數(shù)據(jù)與信息并進(jìn)行篩選，有選擇性地過濾冗余信息，將重要信息重點(diǎn)呈現(xiàn)。在版面布局上，分清視覺層級(jí)關(guān)系，保持版面簡(jiǎn)潔精煉，給用戶輕松、流暢的體驗(yàn)過程。在元素分區(qū)上，合理地將相關(guān)信息進(jìn)行編組，理清閱讀視覺流，避免出現(xiàn)閱讀干擾，保證準(zhǔn)確快速傳播。

（二）過濾冗余信息 前文提到用戶的注意力十分有限，誠(chéng)然，在大數(shù)據(jù)時(shí)代的推動(dòng)下，移動(dòng)終端勢(shì)必要跳出長(zhǎng)久以來信息壘積的傳統(tǒng)傳遞模式，向更加有條理的方向拓展。尤其是對(duì)于許多碎片化的信息，一味的堆砌只會(huì)讓用戶在繁雜的環(huán)境中產(chǎn)生厭惡煩躁的情緒，過多的碎片化信息也會(huì)使得用戶在閱讀的過程中備受困擾，信息的整合與歸納此時(shí)顯得不容忽視。篩選和保留重要的信息，并將之進(jìn)行精簡(jiǎn)化或圖像化處理，過濾無用的多余信息，使傳遞時(shí)更加直觀明確，從而提高用戶的信任度。整個(gè)過程應(yīng)時(shí)刻保持高度簡(jiǎn)潔，若采用圖形化處理，則應(yīng)多采用矩形、方形、圓形等簡(jiǎn)單的幾何形狀。理清層級(jí)關(guān)系。版面的構(gòu)成方式、元素的邏輯秩序、主次的排放位置等因素都會(huì)對(duì)一個(gè)版面是否簡(jiǎn)潔美觀影響重大。合理的版式編排能夠引導(dǎo)用戶產(chǎn)生流暢的操作過程，給人一種循序漸進(jìn)的秩序感。這就要求在進(jìn)行用戶界面設(shè)計(jì)時(shí)，首先要將篩選后的圖文信息進(jìn)行編組化，體現(xiàn)出元素與元素、信息與信息之間的親密性;其次要清晰梳理信息層級(jí)關(guān)系，并分組對(duì)應(yīng)進(jìn)行視覺表現(xiàn)上的差異。目的是使用戶在短暫的閱讀時(shí)間內(nèi)迅速掌握要點(diǎn)，并選擇是否要更進(jìn)一步地去了解內(nèi)容。除此之外還可以結(jié)合用戶的心理和行為特點(diǎn)創(chuàng)建簡(jiǎn)潔易用的交互方式，提升界面的有效性。合理分區(qū)元素。清晰的板塊分區(qū)能夠讓受眾第一時(shí)間會(huì)意該板塊的內(nèi)容側(cè)重，節(jié)省閱讀時(shí)間，提高閱讀效率。要將邏輯相關(guān)的信息排列在一起，而剩余信息則按照對(duì)齊排列的方式凸顯統(tǒng)一性與秩序感，使界面和諧整潔，了然于目。

以購(gòu)物網(wǎng)站淘寶為例， 淘寶恰到好處地處理著龐雜的商品信息。在手機(jī)淘寶主界面底部導(dǎo)航中采用“圖形+文字”的處理方式，合理利用了人們對(duì)于圖形圖像更高的注目度加上對(duì)文字快速識(shí)別的這兩個(gè)特點(diǎn)，將主要分類與特定特殊分類形成視覺層級(jí)差異化。在商品分類方面，手機(jī)淘寶的導(dǎo)航系統(tǒng)從用戶的角度出發(fā)，做到涵蓋面廣、分類明確、清晰簡(jiǎn)潔，幾乎不存在購(gòu)物障礙。在網(wǎng)頁(yè)淘寶中的導(dǎo)航則更是琳瑯滿目，層級(jí)分明，僅從戶外運(yùn)動(dòng)一欄分類中就包含六十余種商品類別，用戶只需根據(jù)自身需求一層層向下點(diǎn)擊，即可準(zhǔn)確瀏覽到心儀的商品類別。簡(jiǎn)明合理的界面設(shè)計(jì)能夠在一瞬間打動(dòng)瀏覽者并增強(qiáng)用戶黏度，隨之擁有更加廣泛的用戶與市場(chǎng)。

（三）色彩與文字的一致性 色彩與文字在用戶界面視覺設(shè)計(jì)中的作用已經(jīng)無需贅述了?！耙恢滦栽瓌t”甚至也作為一種安全保險(xiǎn)的設(shè)計(jì)準(zhǔn)則被設(shè)計(jì)師們引為參照。對(duì)于體驗(yàn)用戶而言，界面一致能夠使用戶感到舒適，一旦用戶掌握主要的功能或界面，就可以在其他界面不需要過多提示從而進(jìn)行自由操作。不會(huì)過多消耗時(shí)間與精力，由此降低用戶的學(xué)習(xí)和記憶成本。一般在同一界面中不建議使用超過三種色彩或文字的組合，這會(huì)使人眼花繚亂，降低閱讀性，提升閱讀成本。相反，一個(gè)秩序嚴(yán)謹(jǐn)?shù)囊苿?dòng)終端界面，會(huì)帶來“干凈”、“清爽”的感受，使體驗(yàn)的過程充滿愉悅。

色彩的一致性。早在先秦時(shí)期就已形成了中國(guó)傳統(tǒng)五色觀。古人把藍(lán)、紅、黃、白、黑五種顏色賦予特定的文化含義，并廣泛應(yīng)用于社會(huì)生活的各個(gè)方面，五色觀也成為我國(guó)古典色彩美學(xué)思想的核心。遠(yuǎn)在古代人們就已對(duì)不同色彩所帶給人的心理反應(yīng)進(jìn)行了劃分。發(fā)展到現(xiàn)如今的設(shè)計(jì)中，對(duì)各種豐富色彩的感受也已分門別類。但在同一界面中如果天馬行空任意使用過多的色彩會(huì)使閱讀者帶來誤解與迷惑，不能達(dá)到渲染或強(qiáng)調(diào)某一氛圍的效果。

需謹(jǐn)記，設(shè)計(jì)不是單純?yōu)榱诵问矫?，而是解決矛盾，從矛盾入手。在此處的矛盾即是純粹的設(shè)計(jì)審美與用戶體驗(yàn)之間的矛盾，為了追求絕對(duì)的視覺美感而放棄用戶心理的設(shè)計(jì)就像空中樓閣，無非是自?shī)首詷?。而一味的去附和低俗審美無疑阻礙著設(shè)計(jì)之美的傳播與發(fā)揚(yáng)。因此二者之間應(yīng)相互協(xié)調(diào)，共同發(fā)展。在用戶界面中同一分區(qū)內(nèi)使用統(tǒng)一的、相近的色彩會(huì)使界面更加整體，引導(dǎo)著用戶的心理感受。大面積使用同色系色彩并不意味著界面一定會(huì)呈現(xiàn)出呆板、無趣、木訥的狀態(tài)，可以在明確色彩的屬性和特點(diǎn)與目標(biāo)受眾的關(guān)系后，以有規(guī)律的重復(fù)、流體的漸變等創(chuàng)新技法以及打造有質(zhì)感的肌理與材料的呈現(xiàn)方式再結(jié)合色彩本身的明度、純度、色相，形成具有可變化的節(jié)奏感、韻律感及視覺沖擊的界面，以此創(chuàng)新設(shè)計(jì)打造惹人注目，具有獨(dú)特統(tǒng)一的色彩風(fēng)格。

文字在應(yīng)用程序的用戶界面中同樣發(fā)揮著舉足輕重的作用。文字具有直觀、清晰的傳遞重要信息的作用，能夠直截了當(dāng)表達(dá)內(nèi)容，讓用戶首先識(shí)別界面欲想傳達(dá)的信息。在移動(dòng)終端用戶界面內(nèi)，文字字體的選擇需跟應(yīng)用程序整體的風(fēng)格相統(tǒng)一。在同一個(gè)界面設(shè)計(jì)中，字體的種類同樣不宜超過三種，盡量保持規(guī)范化、整體化，若界面中出現(xiàn)拼音或英文字母的組合方式，則每一個(gè)英文字體也都需要與中文字體風(fēng)格相一致。

除此之外，還需對(duì)字體的字號(hào)、顏色、行距、布局做統(tǒng)一性考慮，以達(dá)到整體流暢的瀏覽效果，給用戶行云流水的使用體驗(yàn)。切忌僅憑設(shè)計(jì)師個(gè)人喜好而進(jìn)行個(gè)性化嘗試，極具個(gè)性化字體的使用范圍較有針對(duì)性，濫用恐導(dǎo)致字體的辨識(shí)度降低或搭配風(fēng)格怪異，影響用戶體驗(yàn)感。

以一款介紹我國(guó)古代傳統(tǒng)家具構(gòu)件的手機(jī)端軟件“榫卯”為例，首先它的啟動(dòng)界面明快簡(jiǎn)潔，精美大氣的宋體字“榫卯”二字映入眼簾，就能迅速使用戶的眼神與注意力聚焦，加之附上斑駁殘缺的磨損質(zhì)感，顯露出一種充滿歲月的美感。在這款軟件中，整體色彩的調(diào)性全部選取與原木相關(guān)聯(lián)的暖色調(diào)，給人以溫暖、人情味的情感聯(lián)系。通過滑動(dòng)屏幕選擇任意一個(gè)構(gòu)件則可進(jìn)入該構(gòu)件的詳情頁(yè)，詳情頁(yè)的文字信息極為精簡(jiǎn)，但卻重點(diǎn)明確。除開標(biāo)志以外的字體統(tǒng)一采用黑色楷體，詮釋出濃厚的中華文化的意蘊(yùn)，文字內(nèi)容不多卻恰到好處。展現(xiàn)出“大道至簡(jiǎn)”的精髓，既重視了用戶內(nèi)心對(duì)“精簡(jiǎn)”的要求，又使得信息能夠得到有效傳達(dá)。

二、用戶界面融入動(dòng)態(tài)化圖形

動(dòng)態(tài)化圖形設(shè)計(jì)在二維的平面設(shè)計(jì)基礎(chǔ)上增加了時(shí)間與交互的維度，是一種多維的視覺設(shè)計(jì)。將動(dòng)態(tài)化圖形融入到移動(dòng)終端用戶界面的視覺設(shè)計(jì)中，不僅能夠豐富界面的表達(dá)形式，使動(dòng)態(tài)信息更加扣人心弦，被用戶視線所捕捉，提升注目度，還是對(duì)傳統(tǒng)界面設(shè)計(jì)的一大拓展，是藝術(shù)設(shè)計(jì)與科學(xué)技術(shù)的創(chuàng)新性結(jié)合。動(dòng)態(tài)化的圖形設(shè)計(jì)能夠引導(dǎo)用戶對(duì)界面產(chǎn)生很強(qiáng)的吸引力，更加全面、有效地展示界面信息，同時(shí)使用戶即使處在紛擾的環(huán)境下也能夠沉浸式地享受在應(yīng)用程序中。在使用動(dòng)態(tài)風(fēng)格進(jìn)行展示時(shí)，由靜到動(dòng)的順序應(yīng)符合閱讀習(xí)慣和邏輯，此外，動(dòng)態(tài)展示方式與圖形之間應(yīng)保持契合度，動(dòng)態(tài)風(fēng)格應(yīng)與靜態(tài)風(fēng)格相統(tǒng)一。當(dāng)前的動(dòng)態(tài)化圖形已通過智能手機(jī)、平板電腦、公共信息平臺(tái)等新的傳播媒介日益進(jìn)入大眾視野中，逐漸成為傳播界的新寵，迎來越來越廣闊的空間。

用戶界面中的動(dòng)態(tài)化圖形設(shè)計(jì)是基于傳統(tǒng)平面設(shè)計(jì)原則的基礎(chǔ)上，結(jié)合動(dòng)畫、特效中的影像規(guī)律，最終以新穎的多維度動(dòng)態(tài)效果展示出界面中的關(guān)鍵信息，同時(shí)提高整個(gè)界面的趣味性、層次感和美感。在動(dòng)態(tài)化圖形設(shè)計(jì)中，首先要考慮在傳統(tǒng)的界面設(shè)計(jì)形式上需要進(jìn)行的轉(zhuǎn)變。例如，運(yùn)動(dòng)方向遵循從左到右或是從右到左？關(guān)鍵圖形展示的順序是否存在邏輯關(guān)聯(lián)？動(dòng)態(tài)化的速度或節(jié)奏是否與用戶心理值相契合？要時(shí)刻“以人為中心”，這意味著要時(shí)刻以用戶的心理感受為中心，設(shè)想并調(diào)研普通受眾可接受的范圍，盡可能達(dá)到最舒適愉悅的視覺感受，將用戶因等待而產(chǎn)生的焦慮感大大緩解或降至最低。除此之外，還需要考慮圖形動(dòng)態(tài)化設(shè)計(jì)的形式美感要與靜態(tài)化界面之間產(chǎn)生聯(lián)系性。例如，動(dòng)態(tài)元素以何種運(yùn)動(dòng)方式呈現(xiàn)？聚散、虛實(shí)、疊合、碰撞、跳躍等皆可根據(jù)靜態(tài)界面風(fēng)格要求進(jìn)行相應(yīng)設(shè)定。

以某一音樂類應(yīng)用程序的動(dòng)態(tài)化啟動(dòng)界面為例，使用動(dòng)態(tài)標(biāo)志或動(dòng)態(tài)標(biāo)語(yǔ)進(jìn)行啟動(dòng)界面的展示能夠生動(dòng)形象傳達(dá)出品牌的格調(diào)與類型，使用點(diǎn)、線、面等元素進(jìn)行跳躍、閃爍、流淌去營(yíng)造與用戶一致的期待音符在心中跳動(dòng)的心理感受。既在短時(shí)間內(nèi)加強(qiáng)了用戶對(duì)該音樂品牌的直觀印象，也使用戶在等待進(jìn)入程序的這一時(shí)間段感受到趣味性而不覺乏味。這種將動(dòng)態(tài)形式與內(nèi)容的高度統(tǒng)一，實(shí)現(xiàn)了一加一大于二的效應(yīng)，豐富了界面表現(xiàn)語(yǔ)言。還需注意的是，避免盲目套用動(dòng)態(tài)模板，在整個(gè)動(dòng)態(tài)設(shè)計(jì)的過程中必須保持圖形的動(dòng)作命令與界面風(fēng)格、內(nèi)涵、元素、音樂之間和諧統(tǒng)一，巧妙的關(guān)聯(lián)性會(huì)使用戶產(chǎn)生全新的不同于靜態(tài)界面的視覺體驗(yàn)，創(chuàng)造典雅獨(dú)特的視覺盛宴，強(qiáng)化整體風(fēng)格。

移動(dòng)終端用戶界面的視覺設(shè)計(jì)經(jīng)歷了不同時(shí)代的洗禮，迎來了百花齊放的盛況，同時(shí)也隨著科技的發(fā)展與審美的提升而注入更高要求，對(duì)用戶界面的視覺創(chuàng)新已成為必然之勢(shì)。面對(duì)生活環(huán)境中繁多雜亂的各類數(shù)據(jù)和信息，如何去分析提取關(guān)鍵點(diǎn)并借助用戶界面創(chuàng)造性地呈現(xiàn)，使之直達(dá)受眾的內(nèi)心，透過冰冷的移動(dòng)終端使用戶在思想和感情上產(chǎn)生情感共鳴，對(duì)每一位設(shè)計(jì)工作者都是一個(gè)很大的挑戰(zhàn)。在新媒體與新技術(shù)日益交融的時(shí)代潮流中，既要把握時(shí)機(jī)，又要勇于創(chuàng)新，才能呈現(xiàn)出更多富有感染力的、令人嘆為觀止的設(shè)計(jì)作品。

參考文獻(xiàn)：

[1]高海軍，歷泉恩，張超軍.色彩構(gòu)成[M].北京：中國(guó)青年出版，2010.1.

[2]林嘉怡.大數(shù)據(jù)時(shí)代移動(dòng)終端界面設(shè)計(jì)創(chuàng)新趨勢(shì)研究[J].包裝工程，2017，38（02）：239-242.

[3]楊潔.基于用戶認(rèn)知特點(diǎn)的移動(dòng)終端APP界面設(shè)計(jì)[J].傳媒，2017（04）：63-65.

[4]殷俊，王婉晴.基于注意和視知覺的移動(dòng)端界面設(shè)計(jì)應(yīng)用[J].包裝工程，2019，40（10）：68-72.

[5]楊琴.平面視覺元素在界面設(shè)計(jì)中的應(yīng)用[J].包裝工程，2019，40（06）：278-281.

[6]彭綱.論網(wǎng)頁(yè)的色彩[J].裝飾，2004（02）：94.

[7]彭芳.移動(dòng)終端的網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化的思考[J].科技創(chuàng)新導(dǎo)報(bào)，2018，15（15）：130+132.

[8]黃蘭.動(dòng)態(tài)圖形設(shè)計(jì)在信息傳播中的創(chuàng)意途徑研究[J].包裝工程，2018，39（22）：52-56.

[9]李濯纓.動(dòng)態(tài)圖形設(shè)計(jì)的動(dòng)態(tài)表現(xiàn)原則——以“第25屆金曲獎(jiǎng)?lì)C獎(jiǎng)典禮”視覺設(shè)計(jì)為例[J].裝飾，2018（09）：142-143.

（作者單位：貴州日?qǐng)?bào)當(dāng)代融媒體集團(tuán)）