視覺傳達設計在移動UI界面設計中的應用與現狀

摘要：隨著觸摸屏技術和網絡技術的日漸成熟，使得移動通信行業得到飛速的發展，給人們的生活了帶來了巨大變化和便利。移動UI設計包括使用界面、人機交互、用戶研究三個部分，使用界面在移動設備的日常使用中是最先接觸也是最常接觸的一部分，視覺設計師只有合理的設計移動界面，注重用戶情感需求，才能使移動產品在激烈的市場競爭中脫穎而出。本文對視覺傳達設計概念進行了分析，然后從色彩、文字、圖形和界面布局的視覺傳達設計方面對其在移動UI設計中的運用進行了探討，以期對移動UI的設計和應用提供幫助。

關鍵詞：視覺傳達設計;移動UI界面設計;現狀分析

視覺傳達設計所遵循的是審美原則和邏輯性，移動設備技術的革新帶來了全新的觸覺體驗，更多的是移動設備的界面設計帶給人們全新的視覺感受。縱觀當下移動多媒體的應用已經作為人們日常生活中不可或缺的一部分，智能時代信息技術正在潛移默化地融入到人們的衣食住行，而用戶界面設計的優良成為人們選擇移動設備的標準。生活品質的不斷提高帶給人們的追求層次也在不斷發生變化，產品的使用標準不僅僅要滿足顧客的使用需求，還要更高層次的滿足用戶的心理需求。總之，設計師可以在創作的過程中通過設計風格的改變來體現出多元的文化特點，或者加入生活化的故事情節，以緩解高速運轉的生活工作壓力，為枯燥乏味的日常生活增添活力。

1 基本概念和理論支撐

1.1 UI設計

關于移動設備的UI設計，一般說來包括應用界面、人機交互、用戶研究三個部分組成，應用界面是設計師與用戶溝通最為直接的形式，設計師通過將界面中的文字、圖形、色彩經過精心的設計排版，做出符合大眾審美需求的用戶界面，并融入生活化的設計元素，做出能夠迎合時代發展潮流，并具有個性化的移動界面設計更容易吸引用戶的眼球，建立在科學性上的移動UI設計把追求個性化和人性化功能作為新的追求，未來勢必向著滿足人們情感化需求的方向發展。

1.2 視覺傳達設計

所謂視覺傳達設計，其實就是通過視覺設計對頁面布局、繪畫等進行較好傳達表現的設計方法。實際的視覺傳達設計，通常采用二維手段，通過融入文字獲得較好的信息傳達效果。在日常生活中，人們通過眼睛看到的事物就是一種視覺符號，需要采取某種方式進行傳遞，傳遞內容包含主體、目的、對象等。凡是人的視覺能夠感知到的基礎層面的設計都可稱之為視覺設計，圖形、色彩、文字是視覺設計中最為重要的表現元素。筆者則認為視覺傳達設計最簡單的的概述就是一種通過信息的表現，來傳達出設計師的想法，從而引起受眾情感共鳴的一種設計形式。

2 視覺傳達設計在移動UI設計運用分析

面對當前人們心理需求匱乏的情況下，在移動界面設計由原來單純的視覺平面設計向情感化設計的方向延伸，在UI界面的設計中運用色彩、文字和界面，拉近移動與用戶之間的距離，更加符合當代用戶的感性消費理念。

2.1 移動UI色彩設計

移動設備（如日常應用的移動、平板電腦、導航儀等）的普及，以及各種APP的誕生，人們在琳瑯滿目的界面呈現中更加追求具有美觀性的設計，在移動UI界面的設計中，色彩對于整個界面的呈現有著重要的影響作用，在界面設計中靈活的運用色彩，并使之與設計師的想法結合創造出有特色的設計，引起受眾的共鳴是設計的重點之所在。

每個人對色彩的感受都是不同的，同一種顏色面對不同的受眾會有不同的心理感受，在移動界面的色彩使用中設計師應該把握具有共性的色彩元素進行創作，簡而言之就是要充分把握用戶的審美心理，盡量避免使用太突兀的色彩進行創作，特定的情節環境色彩元素在移動UI設計中是一個舉足輕重的組成部分。同一個人在不同的心理狀態下搭配不同的色彩使用。比如在情景化的設計中界面色彩的使用要與故事情景相互融合，能夠起到渲染畫面的作用，更能增強整體界面設計的藝術性。移動設備界面的色彩設計對設計師提出了更高的要求，首先，在進行色彩選擇的時候要具備敏銳的觀察能力，要求設計師對色彩要有獨特的色彩感覺，還要運用扎實的理論基礎進行組織編排，由于移動界面這一實體的特殊性，在進行色彩搭配的同時要靈活運用思維進行具體問題具體分析。

2.1.1 界面顏色的選用要符合具體行業的總體特點。特定顏色的使用在各個行業中所包含的意義不同，所呈現出的各式各樣應用之所以能夠讓用戶在短時間內做出區分，在于各種應用顏色上的使用不同，在移動界面設計中合理的配色有著十分重要的意義。在配色的使用上不僅要符合具體行業的總體特點，還要滿足受眾在移動設備應用的使用過程中更加舒適的用戶體驗。例如在醫療類的移動應用中一般多使用藍色、綠色而比較張揚的大紅色則較少使用。

2.1.2 相同色相，不同的明度變化。在界面顏色的使用中，往往使用的色彩較少。之所以看上去沒有很單一，是因為在相同的色相中，對色彩的顏色進行了明度上的變化，在UI界面設計中顏色上的漸變效果是經常使用的一種手法，但要盡可能避免多色的混亂模式出現，在色彩中適當的加入白色，讓畫面簡潔清晰的同時，增加界面的美觀度，從而達到畫面意想不到的視覺效果。

2.1.3 在同類色的使用中合理加入補色。在色彩的搭配中經常可見設計中互補色的使用，互補色就是在色相環中相差180度的色彩區域，在界面顏色的使用上適當的加入補色能夠增加畫面的平衡感，在整體界面的設計中起到畫龍點睛的作用，通常在電子商務類的應用界面比如天貓、京東等APP的設計中，設計師有意識的在需要引起顧客注意的地方加入補色的使用，以此來吸引顧客眼球，起到很好的宣傳作用。

2.2 移動UI文字設計

文字在視覺設計中作為指示性語言，已經成為界面與用戶之間溝通的重要形式。文字在移動設備界面中作為各級菜單標題存在，能夠讓用戶一目了然所處層級的操作用途，除此之外文字的設計還可以作為對所讀信息的狀態說明等。UI設計中的文本要經過設計師加工提煉，用最精確的語言描述信息所包含的視覺內容，除此之外篩選出來的文字應該具有代表性，能夠使用戶完全明白操作程序的具體用途，不應該具有含糊不清的文字在內，在界面設計中需要凸顯的文字要做出適當的變化，在整體畫面和諧的前提下，給文字做出顏色上或者字體上的變化，進行設計的前提不要妨礙用戶的界面操作，還要滿足整體界面的視覺舒適度。對移動設備界面的文字進行處理，要注意視覺層級上文字大小的設計，使文字之間保持相對舒適的距離，使用戶操作起來不至于對密密麻麻的文字產生視覺疲勞，文字行距也要進行適當的調整，在界面設計中文字不可排的過滿，畫面中適當留白，讓畫面有呼吸的空間存在。

2.3 移動UI圖形設計

相比文字來說圖形跟便于人們進行識別，圖形傳達語義的速度比文字也要快得多，由于所處地域文化的差異在文字的表達上難免引起歧義，圖形的傳播就相對來說更為方便，具有直觀性、概括性等特點。用文字進行描述要占用移動設備界面大量的篇幅，在當下較快的生活節奏下，用戶很難為無用信息停留更多的時間，因此選用圖形進行闡述是適應時代潮流的必然之舉。移動設備界面中的圖形創意設計帶給用戶新的視覺感受，打開了讓受眾認識世界的窗口。圖形語言已經成為世界性的語言，在移動設備界面設計中加入生動形象的圖形設計，在為畫面增添情趣的同時，能夠靈活的與用戶產生互動，并在界面設計中起到對用戶進行提示操作的用途。移動設備界面設計中圖形創意具有（下轉頁）

（上接頁）深刻的語義和創新性帶給用戶具體可感的形象世界感受。

2.4 移動UI板式設計

移動設備中的版式設計同海報中的版式設計有著許多相同之處，只是所賦予的整體環境上的區別，以及畫面版式大小的不同。在移動設備的版式設計中，要嚴格把控功能區與任務區的界限，要想在較小的移動設備界面設計中盡可能多的展示更多內容，需要設計師做到界面空間的合理劃分，并學會運用視覺設計語言進行創意化表達，諸如在界面設計中為強調特殊部分得內容可以對其他區域進行適當留白，轉移用戶的視覺重點，保持界面的視覺均衡。在移動設備界面版式設計中且不可使畫面內容太過飽滿，過于飽滿的視覺設計容易造成用戶視覺疲勞，保持界面設計的輕松愉悅性，對視覺元素中的符號進行合理規劃對用戶的使用體驗有著重要的作用。

3 結語

移動UI在設計實踐中要加強界面色彩、文字和布局的視覺傳達設計，通過簡單的界面進行內容的直觀展示，從而減少界面信息獲取過程中的認知障礙，為用戶的應用體驗做出了大幅度的改進。

參考文獻：

[1] 周璨.視覺傳達設計在移動UI界面設計中的應用[J].教育教學論壇，2019（12）.

[2] 韓晶晶，李潔.手機UI設計中色彩的重要性及應用研究[J].電腦知識與技術，2017（27）.

[3] 何揚帆，覃會優.論圖像學分析法對移動UI界面設計的應用研究[J].工業設計，2017（08）.

作者簡介：張毅（1983—），男，河南平頂山人，平頂山工業職業技術學院助教，研究方向：視覺傳播設計與制作。

（作者單位：平頂山工業職業技術學院）