基于移動互聯網軟件產品的UI設計要素與要點探究

甄 珍

（武漢商貿職業學院，湖北 武漢 430012）

信息化時代背景下，移動通信技術、網絡技術得到了飛速發展，并廣泛應用在許多行業領域中，逐漸成為了世界科技領域中發展勢頭迅猛的產業。移動互聯網發揮了移動通信輕便性特征以及互聯網快捷性特征，實現了兩者的完美結合，為使用者構建了速度更快、效率更高的信息交流平臺。相關數據顯示，在2013年我國手機用戶規模達到了9.6億人，到2019年上升到了10.9億人，平均每年的增長率為2.3%，而截止至2019年12月，我國移動互聯網用戶總量已經達到了10.3億人，可見我國大部分智能手機用戶習慣依托于移動互聯網軟件來完成各項功能，開展信息交流活動，顯著提升了信息傳輸的速度。但是，從現階段發展現狀來看，在進行移動互聯網軟件產品的UI設計中，往往還是通過傳統的組織結構與界面規劃來實現，并沒有構建完善的、特有的設計系統，制約了移動互聯網軟件產品的進一步發展。為此，本文分析了基于移動互聯網軟件產品的UI設計要素與要點，為促進移動互聯網軟件產品獲得更好發展提供幫助。

1 移動互聯網技術概述

移動互聯網技術是依托于互聯網技術、平臺、模式等的應用和移動通信技術緊密聯系，集合為整體的一種新型通信技術。隨著現代4G網絡的全面普及以及5G網絡的快速發展，推動了移動互聯網的快速發展，為新技術的深入應用和發展提供了很好的契機?？萍嫉牟粩鄤撔屡c發展，對人們的生活、工作等產生了深遠的影響。移動互聯網技術，不單單是互聯網技術的延伸，更是為了滿足當代人們生活與工作需要進行的創新，必然會加快各個行業領域的改革與創新。

2 基于移動互聯網軟件產品的UI設計要素

2.1 色彩設計

色彩設計是移動互聯網軟件產品開發中非常重要的一個環節，完美的色彩搭配能夠為使用者帶來良好的視覺體驗。通過色彩心理學可以得知，不一樣的色彩呈現出的情感也是各不相同的，由紅橙黃等色彩組成的暖色調可以制造出輕松、愉悅的氛圍，讓人們體驗到歡快和熱情，在進行UI設計過程中，能夠利用這樣的色彩來抓住消費者眼球或者提高商業活動的氛圍等[1]，比如說京東商城宣傳的“618狂歡購”頁面就是采用這種色彩搭配。由青藍紫等色彩組成的冷色系能夠體現出端莊、大氣以及莊嚴的情感，在進行UI界面設計過程中，一般使用在不以商業盈利為目的的學生軟件客戶端或者信息通信客戶端等，比如說像中國知網手機客戶端登陸界面。

現階段，正常的智能手機平面能夠組成的色彩種類多達2000萬中，總體規模十分龐大，但是人類眼睛的生理構造是恒定不變的，并不能夠對各種色彩產生良好的適應性，像純度比較高的色彩會給人眼睛帶來較強的不適，所以在進行UI設計時，要選取適宜的色彩純度、亮度與比例，同時在其中輔以白色、灰色等較為柔和的色彩，改善色彩對比度閾值，確保產生良好的視覺體驗。

2.2 編排設計

在開展移動互聯網軟件產品的UI設計過程中，文字發揮了非常重要的作用，通過文字的利用能夠實現對相關內容的補充說明、對內容分門別類、提升畫面整體感等。眾所周知，字體有著非常多的樣式，在UI設計中常用的字體形式有宋體以及黑體。從字體結構上來看，宋體優雅莊嚴、剛柔并濟，一方面可以清晰明了的呈現出相關內容，另一方面也有效避免了文字閱讀顯得過于沉悶，通常使用在不同的說明性文字中；黑體鏗鏘有力、端莊醒目，主要應用在智能手機軟件產品的標題以及需要特別注意的地方，比如說支付寶軟件的功能菜單。隨著新理念、新技術在UI設計中的應用，一些當代字體、手繪字也逐漸應用到UI設計中，比如說手機微博客戶端上顯示的“隨時隨地分享新鮮事”，就是一種鋼筆手寫字體。

在進行文字組合與編排過程中，設計人員需要結合界面尺寸大小、使用者的閱讀特征等來完成，要保證設計出的界面簡潔明了，同時操作方便，具有良好的創意。一般來說，軟件開啟界面的字體一般居中排列，并且字體橫向規劃應用較為頻繁，豎向規劃則相對較少。設計人員必須要結合實際需求進行取舍，此外還需要特別重視字體間距，確保界面字體疏密適宜，從而避免由于文字規劃太疏松或者太緊湊產生閱讀疲勞感。在進行色彩設計時，還需要注重人際交互。

2.3 圖形元素設計

任何圖形都是通過點、線、面組合而成的，將某一物體無限縮小就變成了一個點，點依照某種規律向前移動所經過的路徑就是線，多種不同的線進行排列和組合就變成了圖形，對整個圖形進行移動所途經的軌跡就是面。在進行移動互聯網軟件產品UI設計時，其最基本的設計要求是符合使用者的生理與心理需求，加強與使用者的信息交互，所以，將動態圖形應用到UI設計中具有非常重要的作用。UI設計中動態圖形的產生，通常是建立在運動、相交以及發射等有規律的運動基礎上，使得最終形成的畫面具有較強的視覺沖擊力。比如說UI設計中一個飛速傳來的球會讓使用者本能的進行躲閃，這樣的設計方式可以讓使用者理解融入到動態場景中，同時出現豐富的聯想。通常情況下，要想充分展現圖像運動元素，可以通過以下三個層面開展，首先，不斷增加數量使之產生質變，即讓畫面不停的重復與相交；其次，提取并分析運動軌跡，依托于遠小近大的視覺感受，使得畫面具有良好的真實感和立體感；最后，通過不確定因素，創建出充滿活力的氣氛。

2.4 版式設計

版式是移動互聯網軟件產品UI設計中至關重要的一部分，合理的版面設計與規劃，一方面能夠有效提高軟件產品界面的美觀度，另一方面也有助于改善信息的傳輸速度。通常情況下，移動智能終端設備的屏幕大小各式各樣，種類非常多，在設計不同屏幕尺寸的版式時，所采用的方法有著一定的區別，但是整體設計思路大體相當。

3 基于移動互聯網軟件產品的UI設計要點

3.1 UI界面語言系統要健全

語言是使用者和軟件產品進行信息交流的重要載體和工具，設計人員需要依照軟件界面構造特征，構建健全的語言系統，最大可能實現UI界面語言覆蓋范圍大、系統內存占用少。通常情況下，我國市面上的智能手機客戶端語言為簡體中文、繁體中文以及英語等。

3.2 設計風格和內容相吻合

在進行移動互聯網軟件產品開發時，要充分考慮到智能設備廠商的品牌形象，確保設計出的UI界面風格能夠與公司形象、產品形象相匹配。盡管現代智能設備的主要用戶群體為年輕人，但是設計人員也不能夠單單追求UI界面設計的新穎與創新，也需要充分考慮到軟件的綜合商業效果，最大可能讓使用者在簡單的線下了解以后，就可以很好的在視覺上認可線上終端服務。

3.3 界面顯示要高清

隨著現代科學技術水平的不斷發展，智能手機整體配置越來越高，手機屏幕的分辨率以及像素等逐漸增高，在這種環境下，設計人員在進行移動互聯網軟件產品UI界面設計時，需要保證軟件界面的顯示質量。開發人員要選取一些像素比較高的圖片作為設計素材，確保完成的軟件界面具有高清晰度，改善軟件產品品質，提高使用者的應用感受。

4 結束語

隨著現代科學技術水平的不斷發展，移動互聯網軟件產品UI設計朝向了多樣化方向發展，不再受限于傳統的互聯網，能夠為使用者開發出具有新意、操作性好的應用環境。然而，我國UI設計水平與發達國家依舊有著較大的距離，表現出了較強的同質化特征，必須要加大研發力度，推動移動互聯網軟件產品獲得更好的發展。