手機UI界面設計中視覺藝術元素的構成

孫曉宇 常能

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

【關鍵詞】手機UI；界面設計；視覺藝術；元素構成

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

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

一、視覺藝術元素的構成原因

（一）滿足用戶視覺需求

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

（二）實現手機產品的有力競爭

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

二、視覺藝術元素的構成目的

（一）人機交互操作

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

（二）信息傳播

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

（三）娛樂享受

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

三、視覺藝術元素的構成內容

（一）文本元素

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

（二）色彩元素

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

（三）圖形元素

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

四、視覺藝術元素構成的優化策略

（一）圖文配合恰到好處

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

（二）色彩搭配合理

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

（三）時刻關注用戶的內心需求

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

四、結論

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

參考文獻：

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

[2]劉春驊.應用中國元素創新UI界面設計的對策探討[J].藝術科技，2017，30（12）：108，186.

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

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

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