界面視覺設計特征的視域研究

摘要：常見的信息提供者無非更多的是基礎的文文本和配圖。相對來講，這兩者都是能夠通過自身所具有的時代特征來影響受眾的行為感知。當然它們之間也有一定的區別。文字的準確性較圖片而言更強，所反映的信息內容更加明確、精準。而圖片相對便于受眾閱讀。避免了文字信息閱讀過程中所產生的視覺層面上的倦怠感。圖片更重要的是對于形象對象的描繪和表達，從而以圖形化的特征來表達提供者所愿意被受眾感知到的信息內容。也就是說圖片對于信息的傳達速度更快，但是精準度稍遜色于文字信息。但是，經過一定的設計手段潤色，同樣可以肩負起對于信息準確表達的功能作用。

關鍵詞：界面;設計方法;視覺化

人們的生產生活離不開所存在的物質社會環境載體。日新月異的生活方式的變化使得我們對于事物的感知和評判標準都隨之改變。但是亙古不變的方式在于民眾對環境信息的接納。這種常見的生活方式也存在著多種形式的變通，比如，對于有形事物的觀察，并隨之進行自主判斷;再者，也有對于基本信息的閱讀，進而產生所對應的認知和行為。不論是哪種方式，民眾都是作為承受體而存在的。既然有了承受體，那么固然在形成信息感知過程中存在提供者。關于信息的提供也并不都是主動或直接的。有的信息是需要受眾去進行內容層面的閱讀，比如文本信息;而有的信息是需要通過外觀形式外加受眾本身的思考理解而形成出對于事物或信息的判斷感知，比如配圖。它們各有特征優勢。對于設計過程而言，字與圖作為基本的構成元素，在設計層面上分別需要適配不同的細節原理。

一、界面的設計原理

關于界面設計的原理步驟，其實蘊藏在界面構成元素中的方方面面。宏觀上講，組成界面的元素分區大致有以下幾個方面：第一，合理的信息架構內容層次;第二，合適的界面布局站位劃分;第三，美觀的視覺細節表現。這三者分別影響到界面呈現的合理性和美觀性，互為影響、互為補充、缺一不可。其中視覺美觀程度的范疇里關于設計的空間是最為明顯的。界面設計的視覺一般由界面圖標、控件按鈕、文案信息、配色原理、占位布局等方面構成。關于界面交互實現系統中圖標按鈕的重要性不言而喻。在意義上它能夠指代具體的功能性選擇;在形式上能夠便于受眾進行識別選擇，最終輔助交互過程的順利實現。所以說界面圖標本身是具有明確的指代性，審美層面上的美觀性以及設計技巧方面的識別性特征。

二、界面圖標的設計

圖標的視覺識別建立在它本身自帶的信息內容層面的基礎之上，伴隨其中的還有設計風格的確定。雖說設計風格是一個比較宏大的概念體系，每一件設計作品中都有風格建立的關鍵性步驟，但是在界面中由于圖標具有自身的獨立性，這種獨立性包括使用交互和美觀化表達。所以關于圖標與整個界面的風格匹配程度的要求更加具體。隨著近20年電商行業的發展，各類應用程序界面層出不窮，涵蓋在我們日常生活中的各種使用場景。同時對于消費者定位層面來講，界面設計納入在程序視覺呈現范圍，那么就要求每一款界面產品都應該有自己的針對性使用人群。也就是說，種類迥異的應用程序視覺界面風格化設計也不盡相同。尤其是界面設計發展以來，它的呈現形式風格出現了階段性的改變，從擬物化到扁平化到輕質感這三項不同的階段性風格，能夠反映出每個周期時下流行的趨勢特征。但是相對而言，設計風格的變化并不代。某種風格的正確或錯誤。在設計風格的概念中沒有對與錯，只是流行趨勢的不同造成差異化的表現。

三、界面視覺的設計

界面視覺的設計要遵從程序本身的訴求調性，要符合產品本身的品牌文化建立。由此才能產生出有效的、合適的視覺方案，同時誕生出情緒版和色彩匹配指導意見，以及用戶準確定位的方面。前面的視覺管理是設計后期階段的主力任務。它決定了應用程序本身釋放出來的質感和品牌定位，從中可以讓受眾感受到程序本身設計過程中表現出來的用心程度，以及設計團隊的專業性。這些特征都可以影響受眾的選擇認知。在此之前更重要的是對于界，視覺交互稿互生關系的確立，也就是界面主次層次的劃分，相當于應用程序產品本身架構的合理程度。視覺效果是建立在一定的合理性基礎之上的，如果沒有信息架構的合理存在，那么一切視覺層面上的美觀處理都是徒勞。視覺稿的互生關系合理化，需要從用戶感受、用戶體驗層面上進行分析，結合自身應用程序產品的功能特征進行換位思考，從而實現良好的用戶體驗過程。

參考文獻：

[1]張寶，劉俊霞，王小萌.基于視覺感知特性的人機交互界面評價[J].合肥工業大學學報（自然科學版），2019，42（12）：1592-1596.

作者簡介：吳倩（1990-），女，講師，碩士，四川工商學院專職教師，主要研究方向為視覺傳達設計。