基于移動互聯(lián)網(wǎng)軟件產(chǎn)品的UI設(shè)計要素與要點探究

甄 珍

（武漢商貿(mào)職業(yè)學院，湖北 武漢 430012）

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

1 移動互聯(lián)網(wǎng)技術(shù)概述

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

2 基于移動互聯(lián)網(wǎng)軟件產(chǎn)品的UI設(shè)計要素

2.1 色彩設(shè)計

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

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

2.2 編排設(shè)計

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

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

2.3 圖形元素設(shè)計

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

2.4 版式設(shè)計

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

3 基于移動互聯(lián)網(wǎng)軟件產(chǎn)品的UI設(shè)計要點

3.1 UI界面語言系統(tǒng)要健全

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

3.2 設(shè)計風格和內(nèi)容相吻合

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

3.3 界面顯示要高清

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

4 結(jié)束語

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