視覺要素設計在App 交互界面中的應用分析

湯繪曄

（蘭州交通大學，甘肅 蘭州 730070）

引言

隨著科技的進步，信息傳播的模式和形式呈現出多樣性、多元化特點，隨著社會的進步和發展，生產生活方式也發生了變革，通過PC 端瀏覽器來訪問網頁的傳統方式已經逐漸地被App 而代替。但大多數App 在產品設計的細節上內容繁雜，沒法突出重點，給用戶造成閱讀障礙，致使用戶體驗始終達不到較高水平；為此可以通過某些視覺要素對交互界面進行優化設計，使界面簡潔，從而提升用戶使用的體驗感。

1 用戶體驗下的交互界面設計原則

用戶體驗和交互界面設計的核心是“以用戶為中心”，無論什么設計都離不開用戶的感受，只有簡單易懂、操作方便、功能完善的界面，才能不斷滿足用戶的需求。一方面是用戶理解原則，我們要充分地了解用戶的需求，使用戶可以輕易地理解設計的各個過程[1]；另一方面是用戶友好性原則，如果在交互界面操作過程中出現失誤對用戶是非常不友好的，容易導致用戶產生沮喪、厭惡等負面情緒，因此在設計中要盡量避免用戶出錯的概率。

1.1 易用性原則

不同用戶之間存在差異，因此在交互界面設計中我們需要迎合用戶的使用習慣，進行全面調研和深入思考，使設計產品簡單易懂，讓用戶能夠快速掌握產品的操作流程。例如：通常人們都是自上而下、自左而右的閱讀順序，確認按鈕在左、取消按鈕在右等等，因此界面設計就要符合用戶的這些使用習慣。而陌生的、新奇的事物帶著未知性，可能會使用戶產生抵觸和抗拒的心理。

1.2 規范性原則

交互界面要遵循規范性原則，在界面中，文字是App 主要信息的表現，尤其新聞閱讀等產品本身文字較多的App，因此就要制定標準的設計規范和良好的排版方式，使用戶在使用時不會產生視覺疲勞。

1.3 一致性原則

設計時要考慮用戶審美，在App 界面設計時，不同的模塊之間也要有相同的交互特性，在視覺、功能、信息構架和操作等方式上具有一致性，防止用戶產生迷茫、混亂的心理[2]。因此在界面設計時，可以使用相同的顏色、字體來表達相同的內容，統一的顏色可以保持交互界面設計的整體性、一致性，使用戶能在使用過程中快速區分信息。

1.4 協調與美觀性原則

視覺設計很大程度上影響著用戶是否愿意進一步了解該產品，操作界面是否協調，對于用戶而言，則會直接影響到用戶是否能夠流利地操作。現如今，簡化交互界面設計成為一種設計潮流，簡潔的界面設計不僅能使用戶在視覺上放松，內容也能更加明顯地展示出來，引起用戶的注意，使使用的困難程度降低，從而提升用戶的滿意度。

2 移動端下的用戶交互的體驗需求

2.1 舒適的交互手勢

觸控互動的方式是主要交互方式之一。界面信息的位置排布受手指活動范圍的影響[3]。多點觸摸手勢中包括點擊手勢、長按手勢、滑動手勢等，點擊手勢和長按手勢是手勢設計中的基礎操作手勢，分別用于打開所選信息等等；滑動手勢是手勢設計中的導航操作手勢，主要用于目標的移動[4]。易操作且好用的交互手勢可以讓人與設備之間的交流更加自然流暢。

2.2 清晰的信息

移動設備的屏幕尺寸是有限的，如果界面上展示的東西越多，用戶瀏覽所花的時間就會越長。例如為了突出了文案所要表達的含義可以運用放大圖片再配上簡單文字的形式，這樣既清晰地展示了圖片也清楚地表達了文字所要說明的含義。因此在設計界面時，要使信息清楚而有序地傳遞給用戶，從而提升使用效率。

2.3 良好的動態效果

運用合適的動態效果有助于用戶更快地了解、使用界面，一但運用過多的動態效果可能會帶來負面印象，沒有及時反饋從而影響用戶體驗[3]，同時也會混淆用戶的操作，增加使用障礙，因此適量的動畫才能使界面達到最好的效果。

3 視覺元素在手機App 界面中的應用分析

界面的整體結構、色彩與顯示的清晰度是影響界面設計的重要視覺因素。在界面布局設計上，如果不能將信息進行合理排列，信息過多，從而增加用戶的瀏覽時間，就會給用戶帶來較為糟糕的用戶體驗。因此整個畫面應規范對稱，不要讓用戶產生視覺疲勞，防止影響其心理預期，從而接受錯誤信息[5]。

3.1 符號元素

現如今，交互界面的視覺效果隨著人們審美的變化而變化，近年來扁平化設計一直是交互界面設計的主流風格，它刪減掉了多余的立體效果使得整體設計更加簡潔、美觀。從三維到二維，只保留最基本的圖形形狀，刪除可有可無的裝飾效果，從而極大地減輕了用戶的視覺負擔，符合當代用戶的審美要求，突出App 的主要功能信息[6]，使信息高效地傳達給用戶。

3.2 文字元素

文字在App 界面設計的作用一般為提醒、按鍵功能解釋以及輔助操作等等。但文字不同于符號，平面設計中文字也可以作為一種視覺元素進行版式的編排、構圖等。除了傳遞信息內容外還能增強交互界面的視覺化效果。例如出現按鈕時，在引導用戶點擊或選擇的過程中，字體上可以加粗或者放大，使其有明顯的對比。

3.3 色彩元素

在交互界面視覺化設計最重要的就是色彩的運用，搭配不同色彩使之具有合理性和協調性。在色彩使用時，合理運用色彩的主次關系，注重色彩主色調的選擇，同時顏色搭配最好不超過三種。同時App 的功能和色彩可以具有一定的聯系性，注重用戶使用時的視覺感受。

4 界面現存的一些問題

4.1 信息過分飽和

在界面排版過程中，有時會將過多的信息強行植入，給用戶造成一定的心理壓力。相比內容繁雜的頁面，其實簡單的界面更容易引起使用者的注意力，界面簡單會給使用者帶來輕松愉悅的閱讀效果，不會給用戶造成心理負擔。但當下的大部分界面設計沒法突出重點，反而是大量內容的堆砌，造成界面繁雜混亂。

4.2 易產生視覺疲勞

大多數App 在設計時，并沒有對用戶需求進行深度的調研，沒有深入分析功能結構，更沒有模擬用戶使用設計產品時的場景，致使現大多同類App產品的界面布局、功能結構都毫無改進、毫無亮點，造成用戶一定的審美疲勞。

4.3 實時的反饋

實時反饋是尤為重要的，使用者進行任何操作必須要及時地反饋給他們。但如果操作者在實際操作過程中在對軟件進行點擊或指令時，并沒有顯示任何信息的反饋，就會導致用戶體驗感快速下降。例如：當我們將手機音量增大或減小時，屏幕上會跳出彈窗，告知用戶此時音量的大小，給用戶一個及時的反饋，告知用戶這個動作此時是生效的；但如果沒有實時的反饋會使用戶在使用過程中產生茫然和困惑，一定程度上降低了用戶的體驗感。

5 總結

在App 界面設計中，使用讓用戶看著舒適的排版至關重要。因此要合理運用圖形、文字和色彩元素，大膽創新，給用戶帶來全新的視覺沖擊。只有將用戶體驗作為基礎和出發點，設計出來的交互界面才能滿足用戶的需求，提供更好的用戶體驗。