略談智能手機App開發(fā)中的UI設(shè)計技巧

饒衛(wèi)民，林道貴（福建信息職業(yè)技術(shù)學(xué)院，福建福州，350001）

?

略談智能手機App開發(fā)中的UI設(shè)計技巧

饒衛(wèi)民，林道貴
（福建信息職業(yè)技術(shù)學(xué)院，福建福州，350001）

摘要：在移動“互聯(lián)網(wǎng)+”時代，手機的終端用戶在眾多的應(yīng)用使用中，最終會選擇界面設(shè)計合理，視覺效果良好，且具有良好體驗的應(yīng)用留在自己的手機上長期使用。針對這種情況，該文在智能手機APP客戶端UI設(shè)計技巧方面展開研究，從手機UI設(shè)計的重要性，手機UI設(shè)計的特征出發(fā)，對手機UI設(shè)計技巧分析和探討，實現(xiàn)自己設(shè)計手機UI滿足用戶要求，被用戶接受，達到良好效果。

關(guān)鍵詞：智能手機；APP；UI設(shè)計；技巧研究

隨著時代與技術(shù)的進步，人們對于信息的需求也就越大，對于移動性的要求也就越高。所以，手機app的快速發(fā)展是必然的發(fā)展趨勢，同時應(yīng)運而生的還有很多app商店，手機的終端用戶在眾多的應(yīng)用使用中，最終會選擇界面（UI）設(shè)計合理，視覺效果良好，且具有良好體驗的應(yīng)用留在自己的手機上長期使用。

1 手機app簡介

1.1由于iPhone、小米、華為等智能手機的廣泛普及，手機app這個詞語開始頻繁的出現(xiàn)在廣大手機網(wǎng)民的視線中。APP是英文Application的簡稱，是指智能手機的第三方應(yīng)用程序，統(tǒng)稱“移動應(yīng)用”，也稱“手機客戶端”。

1.2app的分類：目前市場上的app種類多種多樣，包括通訊類、游戲類、娛樂類、社交類、實用生活類等等。其中游戲類是目前市場上最后歡迎，其次是社交類APP，大家所熟知的社交類的app有微信、陌陌等。排在第三的娛樂類的app，她又可分為幾類：歌曲類、播放器類等。QVOD播放器和酷狗就是最類型app的人氣之作。

1.3移動App帶來的好處：第一、APP用戶增長速度快、經(jīng)濟能力強，思維活躍。第二、App可整合LBS、QR、AR等新技術(shù)，帶給用戶前所未有的用戶體驗。第三、App基于手機的隨時隨身性、互動性特點，容易通過微博、SNS等方式分享和傳播，實現(xiàn)裂變式增長。第四、APP的開發(fā)成本，相比傳統(tǒng)營銷手段成本更低。第五、通過新技術(shù)以及數(shù)據(jù)分析，APP可實現(xiàn)精準(zhǔn)定位企業(yè)目標(biāo)用戶，實現(xiàn)低成本快速增長成為可能。第六、用戶手機安裝APP以后，企業(yè)即埋下一顆種子，可持續(xù)與用戶保持聯(lián)系。

2 手機UI設(shè)計的重要性

UI設(shè)計即為用戶界面設(shè)計，全稱User Interface。手機UI設(shè)計一直被業(yè)界稱為產(chǎn)品的“臉面”，好的UI設(shè)計不僅讓手機變得有個性、有品味，還要讓手機的操作變得舒適、簡單、自由，充分體現(xiàn)手機的定位和特點。一款設(shè)計合理的界面能夠使用戶輕松完成各種操作，如果一款手機界面中的功能安排不合理，給用戶帶來畏懼感，那么它就是失敗的。總體來講，我們應(yīng)該遵循執(zhí)行效率、易學(xué)習(xí)性和易用性原則來設(shè)計手機界面。

3 手機UI設(shè)計的特征

與其他類型的軟件界面設(shè)計相比，手機UI設(shè)計有著更多的局限性和其獨有特征，這種局限性主要來自手機屏幕尺寸的局限。它要求設(shè)計師在著手設(shè)計制作之前，必須先對相應(yīng)的設(shè)備進充分的了解和分析。

3.1手機的顯示屏相對較小，能夠支持的色彩也較有限，可能無法正常顯示顏色過于豐富的圖像效果，這就要求界面中的元素要盡可能處理簡潔。

3.2手機界面交互過程不宜設(shè)計得太復(fù)雜，交互步驟不宜太多。這可以提高操作的便利性，進而提高操作效率。

3.3不同型號的手機支持的圖像格式、音頻格式和動畫格式不一樣，所以在設(shè)計之前要充分收集資料，選擇盡可能通用的格式，或者對不同型號進行配置選擇。通常來說，制作手機UI界面時會按照最常用、最大尺寸的屏幕進行制作，然后分別為不同尺寸的屏幕各切出一套圖，這樣就可以保證大部分的屏幕都可以正常顯示。

3.4 手機界面的色彩級別。手機屏幕色彩實質(zhì)上是指屏幕可以顯示的色彩數(shù)量。目前，市場上彩屏手機的色彩指數(shù)由低到高依次可分為：單色、256色、4096色、65536色、26萬色、1600萬色。其中256是2的8次方，即8位彩色，依此類推，65536是2的16次方，即通常所說的16真彩色。手機的顯示內(nèi)容主要可以分為3類：文字、簡單圖像和照片。不同色彩級別屏幕的顯示效果截然不同。文字通常只需要很少的顏色就可以正常表現(xiàn)，而色彩細膩豐富的圖像則需要色彩級別較高的屏幕才能完美的表現(xiàn)。在測試手機屏幕的色彩時，可以依據(jù)以下3個指標(biāo)：紅綠藍三原色的顯示效果、色彩過渡的表現(xiàn)和灰度等級的表現(xiàn)。

3.5手機界面設(shè)計圖標(biāo)的尺寸。圖標(biāo)是具有特殊指代意義的圖形，在手機UI界面中的地位非常重要。一枚精美絕倫的圖標(biāo)總是可以輕易地吸引用戶點擊，對于一款A(yù)PP來說，設(shè)計一枚漂亮的圖標(biāo)是絕對有必要的。

4 手機UI設(shè)計技巧

4.1界面效果講究整體性和一致性：手機軟件運行基于操作系統(tǒng)的軟件環(huán)境，界面設(shè)計基于這個應(yīng)用平臺的整體風(fēng)格，這樣有利于產(chǎn)品外觀的整合。軟件界面的總體色彩應(yīng)該接近和類似系統(tǒng)界面的總體色調(diào)。一款外觀與系統(tǒng)界面不統(tǒng)一的手機，會給用戶帶來不適感。手機用戶的操作習(xí)慣是基于系統(tǒng)的，所以在界面設(shè)計的操作流程上，也要遵循系統(tǒng)的規(guī)范性，讓用戶可以會用手機就會使用APP，簡化用戶操作流程。

4.2界面效果的個性化：設(shè)計時除了要注意界面的整體性和一致性，也要著重突出APP UI的個性化。整體性和一致性是基于手機系統(tǒng)視覺效果的和諧統(tǒng)一考慮的，個性化是基于軟件本身的特征和用途考慮的。

4.3特有的界面構(gòu)架：軟件的實用性是軟件應(yīng)用的根本。在設(shè)計界面時，應(yīng)該結(jié)合軟件的應(yīng)用范疇，合理地安排版式，以求達到美觀適用的目的。這一點不一定能與系統(tǒng)達成一致的標(biāo)準(zhǔn)，但它應(yīng)該有它的行業(yè)標(biāo)準(zhǔn)。界面構(gòu)架的功能操作區(qū)、內(nèi)容顯示區(qū)、導(dǎo)航控制區(qū)都應(yīng)該統(tǒng)一范疇，不同功能模塊的相同操作區(qū)域的元素風(fēng)格應(yīng)該一致，使用戶能迅速掌握對不同模塊的操作，從而使整個界面統(tǒng)一在一個特有的整體之中。

4.4專有的界面設(shè)計：軟件的圖標(biāo)按鍵是基于自身應(yīng)用的命令集，它的每一個圖形內(nèi)容映射的是一個目標(biāo)動作，因此作為體現(xiàn)目標(biāo)動作的圖標(biāo)，它應(yīng)該有強烈的表意性。制作過程中選擇具有典型行業(yè)特征的圖符，有助于用戶識別，方便操作。圖標(biāo)的圖形制作不能太繁瑣，要適應(yīng)手機顯示面積，在制作上應(yīng)盡量使用素圖，確保圖形清晰。如果針對立體化的界面，可考慮部分像素羽化，以增強圖標(biāo)的層次感。

4.5圖形圖像元素的質(zhì)量：盡量使用較少顏色表現(xiàn)色彩豐富的圖形圖像，即確保數(shù)據(jù)量小的同時確保圖形圖像的效果完好，提高程序的工作效率。界面上的線條與色塊后期都會用程序來實現(xiàn)，這就需要考慮程序部分和圖像部分的結(jié)合。自然結(jié)合才能協(xié)調(diào)界面效果的整體感，因此需要程序開發(fā)人員與界面設(shè)計人員密切溝通，達成一致。

5 結(jié)束語

APP創(chuàng)新性開發(fā)，始終是用戶的關(guān)注焦點，而商用APP客戶端的開發(fā)，更得到諸多網(wǎng)絡(luò)大亨們的一致關(guān)注與贊許，與趨于成熟的美國市場相對比，我國開發(fā)市場正處于高速生長階段。在智能手機APP設(shè)計者們完成其UI設(shè)計時，需要綜合考慮其潛在用戶的各種特征，只有這樣才能恰如其分地將內(nèi)容呈現(xiàn)在UI中。

參考文獻

［1］張枝，基于用戶體驗的高校手機教務(wù)平臺UI設(shè)計［J］，機電技術(shù)，2013（12）.

［2］貍雅人， photoshop智能手機APP界面設(shè)計［M］.北京：人民郵電出版社，2013.

［3］梁日升， 楊杰.網(wǎng)頁藝術(shù)設(shè)計［M］.北京：機械工業(yè)出版社，2013.

［4］百度百科，APP.http：// baike.baidu.com/ link？url=gBXk2gj1rucd.htm，2016.3.16

［5］張晨起， photoshop UI交互設(shè)計［M］.北京：人民郵電出版社，2016.

作者簡介

饒衛(wèi)民（1969-），女，副教授，主要研究方向為圖形設(shè)計、英文翻譯；

林道貴（1975-），男，碩士，副教授，主要研究方向為數(shù)字媒體設(shè)計、圖像研究、虛擬現(xiàn)實。

基金項目：福建省中青年教師教育科研項目資助（項目編號：JAS14401）

On intelligent mobile phone App UI in the development of design skills

Lin Daogui，Rao Weimin
（Fujian Polytechnic of Information Technology，F(xiàn)uzhou Fujian，350001）

Abstract：In the mobile "Internet plus" era， the use of mobile phone terminal users in many applications，the interface will eventually choose reasonable design，good visual effect，long-term use in application and good experience on your mobile phone.In view of this situation， the paper in the smartphone app client UI design skills launches the research，from the importance of UI design of mobile phone，mobile phone UI design characteristics of， the analysis and discussion of the of mobile phone UI design skills，to realize his own design mobile phone UI to meet user requirements，accepted to a user，achieve good results.

Keywords：intelligent mobile phone；APP；UI design；technique research