孫曉宇 常能

【摘要】手機的出現(xiàn)和發(fā)展拉近了科技與人們的距離，手機從之前的以打電話、發(fā)短信為主，到現(xiàn)在的移動互聯(lián)網(wǎng)微時代，手機與人們的生活越來越密切。雖然手機擁有著數(shù)量眾多的需求者，但是也面臨著其他品牌的競爭，因此，手機的UI界面設(shè)計也越來越重視視覺藝術(shù)元素。在激烈的競爭中，手機產(chǎn)品更加注重外形和界面交互實用性。手機界面作為人們的第一開機印象，自然更能捕獲手機使用者的眼球，舒適和美觀的視覺效果，會給手機的整體評價加分。基于此，本文從手機UI界面設(shè)計中的視覺藝術(shù)元素的構(gòu)成原因、目的和內(nèi)容進行分析，提出如何營造手機UI界面設(shè)計中的視覺效果。

【關(guān)鍵詞】手機UI；界面設(shè)計；視覺藝術(shù)；元素構(gòu)成

【中圖分類號】J08 【文獻標識碼】A

隨著科技時代的發(fā)展，人們的內(nèi)心需求也發(fā)生著變化，從只注重實用性走向注重手機實用性和顏值的一體化，人們對視覺效果的舒適性更加重視，對手機設(shè)計的人性化也更加追求，現(xiàn)在的手機外形升級，就是要給用戶提供一個技術(shù)與藝術(shù)相結(jié)合的視覺效果。手機UI界面作為手機開機的直觀印象和第一印象，充當著門戶的作用，無論是圖標的形狀、樣式設(shè)計，還是界面的插件、布局，都會對用戶的視覺產(chǎn)生影響。因此，對手機UI界面設(shè)計中視覺藝術(shù)元素的構(gòu)成進行研究具有重要意義。

一、視覺藝術(shù)元素的構(gòu)成原因

（一）滿足用戶視覺需求

用戶對手機的視覺效果越來越重視，在追求高性價比的同時也會更多地注重手機UI界面設(shè)計的視覺效果，用戶有需求，手機開發(fā)者就要滿足這種需求來增加手機銷量。UI設(shè)計涉及的領(lǐng)域很廣泛，比如界面滑屏方式、手機界面主題、手機圖標的形狀等，這些都是與用戶息息相關(guān)的，用戶使用手機每時每刻都會與UI界面設(shè)計打交道，視覺設(shè)計使用戶與手機的距離更加密切，給用戶帶來更加人性化的使用感覺，手機界面視覺設(shè)計藝術(shù)元素與手機本身技術(shù)的結(jié)合更被廣大用戶所青睞。

（二）實現(xiàn)手機產(chǎn)品的有力競爭

手機更新?lián)Q代越來越快，要想在眾多手機品牌中脫穎而出，就要保證手機的性能和顏值都要與世界接軌，跟得上時代的步伐，能夠滿足用戶對手機的心理需求，才是與其他手機品牌實現(xiàn)有力競爭的資本，所以，手機UI界面設(shè)計中的視覺藝術(shù)元素也是為手機贏得競爭資本的有力保障?？萍嫉陌l(fā)展為手機提供了技術(shù)支持和發(fā)展空間，在公共的便利條件下，只有牢牢抓住用戶那顆與眾不同、追求顏值的心，才能在用戶內(nèi)心占有一席之地。

二、視覺藝術(shù)元素的構(gòu)成目的

（一）人機交互操作

用戶是手機的使用者，手機UI界面設(shè)計應(yīng)該更注重用戶內(nèi)心的需求。首先，就是避免給用戶造成手機使用障礙，簡單來說，就是手機UI界面設(shè)計中視覺藝術(shù)元素越簡單明了、通俗易懂越好，要符合用戶生活中的生活方式，采用簡單的圖文構(gòu)圖傳遞給用戶信息。如圖1所示。手機UI界面是程序操作的前提，如果連界面都難以理解、用起來不順手，更不用說使用手機內(nèi)部的程序了。簡單明了的界面視覺藝術(shù)元素滿足了人們在快節(jié)奏、復(fù)雜的生活中追求簡潔、舒適的內(nèi)心需求，手機UI界面簡潔，可以給用戶帶來舒適的視覺效果，用戶也會給這種設(shè)計好評，這就達到了人機交互的理想效果。

（二）信息傳播

手機成為信息傳播的一種工具，人們對于枯燥的大篇幅的文字描述并不是很感興趣，眾多的文字描述遠不如幾張圖片表達信息更直接、更生動。比如對于手機操作而言，大篇的文字描述操作信息可能會使得用戶難以理解、不愿意閱讀，假如換成圖文解說指引用戶去操作，效果就會好很多，用戶可以根據(jù)圖示一步一步跟著操作，難度會小很多。圖文比起堆積的文字更容易被接受，所以視覺藝術(shù)元素應(yīng)該添加更多圖片。

（三）娛樂享受

手機為人們緊張的生活、工作、學(xué)習(xí)增添了許多樂趣，手機UI界面設(shè)計中的視覺藝術(shù)元素構(gòu)成更多的就是要帶給用戶一個好心情。人們對于獨特、個性化的設(shè)計更為關(guān)注，當視覺藝術(shù)元素與人們的追求新奇的內(nèi)心相符合時，就會讓用戶產(chǎn)生想要擁有的沖動。大眾化的設(shè)計并不是用戶所追求的，小眾化的獨特才是人們內(nèi)心的追求。

三、視覺藝術(shù)元素的構(gòu)成內(nèi)容

（一）文本元素

文字對于用戶來說有很大的意義，尤其是手機使用新用戶，文字的說明就相當于手機說明書，簡單明了的文字能夠很好地引導(dǎo)用戶進行操作。文字也是一種美，在手機UI界面設(shè)計中會有很多的字體，每種字體的線條美也能夠給用戶帶來良好的視覺享受。文字最多的存在于各種軟件的名稱和選項中，通過這些文字提示能夠大概清楚該項的作用，使手機使用者不再為如何操作而迷茫。大多數(shù)的手機具有語言切換功能，可以滿足不同語言人群的要求。

（二）色彩元素

色彩是直接能夠影響人情緒的因素，手機UI界面設(shè)計可以根據(jù)每種顏色帶給人的內(nèi)心感受來分布顏色。一般手機界面設(shè)計中會有主色調(diào)和配色，主色調(diào)是主要能調(diào)動起人的情緒的顏色，最常用的就是藍色、紅色等顏色，這些充滿活力和希望的顏色，既寄予了設(shè)計者的內(nèi)心期盼，也帶給用戶積極向上的生活態(tài)度，起碼看到主色調(diào)不會死氣沉沉。配色是用來把各個板塊區(qū)別開來，單一的顏色會使界面設(shè)計顯得單調(diào)，而過多的顏色又會使人眼花繚亂，恰到好處的色彩才是界面設(shè)計的增分項。

（三）圖形元素

生動的圖形能夠第一時間抓住使用者的眼球，在快節(jié)奏的生活中，人們很少會有時間來閱讀大篇幅的文字敘述，圖形是傳遞信息最為明了的一種方式。圖形元素使不識字的人也能夠摸索某個選項的意思，可以突破語言的局限性，使手機界面更好地為大眾所服務(wù)。文字有地域、人群差異，但是圖形卻可以縮小這種差異，變地域性為世界性，拉近人與人之間的距離。

四、視覺藝術(shù)元素構(gòu)成的優(yōu)化策略

（一）圖文配合恰到好處

過多的文字會使用戶讀起來頭疼，失去使用興趣，而過多的圖片也會使用戶茫然、不知所措，所以，圖片和文字恰到好處的配合才是手機UI界面設(shè)計中成功地視覺藝術(shù)元素。使讀者能夠在圖片和文字之間跳躍，用文字來解說圖片，用圖片來使文字生動，圖文的有效配合才更能捕獲用戶的視覺，使用戶在視覺體驗中享受圖文的視覺效果。

（二）色彩搭配合理

手機界面設(shè)計和房間的色彩搭配相似，房間的顏色不可過多也不可太過單調(diào)，太過單調(diào)使人的心情得不到調(diào)節(jié)，視覺感受也得不到轉(zhuǎn)變和緩和。而過多的色彩搭配不但不能達到使人心曠神怡的效果，還會使人感到心煩意亂。所以，色彩搭配的恰到好處也是手機UI界面設(shè)計需要借鑒的一方面。

（三）時刻關(guān)注用戶的內(nèi)心需求

手機使用者是手界面設(shè)計的直接體驗者，在對手機界面設(shè)計進行視覺藝術(shù)元素設(shè)計時要更多地考慮用戶的心理需求，要根據(jù)用戶的需求適當調(diào)整。可以對手機體驗用戶進行意見采訪，重視起每個用戶的使用建議，搜集相同的視覺效果需求，進行手機界面視覺藝術(shù)元素的篩選與搭配。

四、結(jié)論

綜上所述，手機UI界面設(shè)計中的視覺藝術(shù)元素更多的是從用戶角度出發(fā)，更注重手機使用過程中的美觀和用戶的使用感受，手機作為人們生活中不可或缺的一部分，除了要滿足用戶的溝通需求、娛樂需求，更要滿足用戶的視覺需求，好的視覺效果會給人們生活增添顏色，也會使生活更加精致。

參考文獻：

[1]穆子童，宋馥利.剪紙元素在手機UI界面設(shè)計中的應(yīng)用[J].課程教育研究，2018（3）：211-212.

[2]劉春驊.應(yīng)用中國元素創(chuàng)新UI界面設(shè)計的對策探討[J].藝術(shù)科技，2017，30（12）：108，186.

[3]李宇.基于特定主題的手機UI界面設(shè)計[J].通訊世界，2017（1）：20-21.

[4]雷菁.淺析中國傳統(tǒng)元素在手機UI界面設(shè)計中的應(yīng)用[J].通訊世界，2015（10）：20-21.

作者簡介：孫曉宇（1988-），女，山東濟南人，研究生，助教，研究方向：產(chǎn)品設(shè)計；常能（1986-），男，山東煙臺人，碩士研究生，講師，研究方向：家居產(chǎn)品設(shè)計。