淺析手機(jī)App界面設(shè)計(jì)

李夢(mèng)悅

摘要：App 是英文Application的簡(jiǎn)稱，現(xiàn)在的APP多指智能手機(jī)的第三方應(yīng)用程序，隨著互聯(lián)網(wǎng)的開(kāi)放化，APP作為一種第三方應(yīng)用軟件被互聯(lián)網(wǎng)商家看重，如騰訊微信及各式各樣的社交軟件都是APP的產(chǎn)物。由于APP的應(yīng)用廣泛加之智能手機(jī)已完全進(jìn)入人們的生活，使得APP成為時(shí)尚新寵。

關(guān)鍵詞：手機(jī)APP；界面設(shè)計(jì)；第三方程序

一、手機(jī)APP概述

手機(jī)APP是指在所有智能手機(jī)上的運(yùn)行的第三方應(yīng)用程序，主要的代表有蘋果公司的iTunes，安卓公司的安卓市場(chǎng)，微軟公司的手機(jī)應(yīng)用商城。

手機(jī)APP不僅僅是一個(gè)應(yīng)用程序那么簡(jiǎn)單，在它嶄露頭角的時(shí)候，就注定了不可估量的發(fā)展前景?，F(xiàn)在的APP成為了互聯(lián)網(wǎng)企業(yè)在電商平臺(tái)上銷售的主要戰(zhàn)場(chǎng)之一。有數(shù)據(jù)顯示，手機(jī)APP用戶早已遠(yuǎn)遠(yuǎn)超越了PC用戶，成為世界上最大的用戶群。

二、手機(jī)APP界面設(shè)計(jì)

手機(jī)APP界面是應(yīng)用程式操作系統(tǒng)中的人機(jī)交互窗口，設(shè)計(jì)手機(jī)APP界面必須在手機(jī)硬件和軟件的基礎(chǔ)上進(jìn)行合理規(guī)劃設(shè)計(jì)，第一，要對(duì)手機(jī)的硬件功能有所了解，例如：手機(jī)所支持的最多色彩數(shù)量、手機(jī)所支持的圖像格式；第二，應(yīng)該對(duì)軟件的功能足夠了解，熟悉每個(gè)模塊的模式，從而做到最大程度的利用現(xiàn)有資源進(jìn)行手機(jī)APP界面設(shè)計(jì)。手機(jī)APP各部分草圖結(jié)構(gòu)包括桌面圖標(biāo)、開(kāi)機(jī)畫面、首頁(yè)、列表、地圖、出示頁(yè)、收藏、發(fā)布、更多、系統(tǒng)設(shè)置、登錄、分享、我的地盤、關(guān)于io。

（一）桌面圖標(biāo)

桌面圖標(biāo)是手機(jī)APP的基礎(chǔ)組成部分。它能傳達(dá)手機(jī)APP的基本定位，也是用戶第一感受的直接來(lái)源，同時(shí)也是一個(gè)非常重要的入口，能直接引導(dǎo)用戶下載并使用手機(jī)APP。一個(gè)好的桌面圖標(biāo)往往決定著用戶能否直接下載我們的手機(jī)APP。怎樣從視覺(jué)設(shè)計(jì)的層面來(lái)提升APP桌面圖標(biāo)的點(diǎn)擊率呢？在運(yùn)用較有視覺(jué)沖擊的方式的同時(shí)，必須保證桌面圖標(biāo)的可識(shí)別性。了解分析同類手機(jī)APP桌面圖標(biāo)，整理設(shè)計(jì)思路，重點(diǎn)是圖標(biāo)的創(chuàng)新，也可運(yùn)用軟件界面中的元素，更好地體現(xiàn)桌面圖標(biāo)設(shè)計(jì)的連續(xù)性。采用消費(fèi)者比較喜歡新奇元素的心理特點(diǎn)來(lái)設(shè)計(jì)也是理想的設(shè)計(jì)思路之一。最后一步非常關(guān)鍵，一定要突出自身的品牌。

開(kāi)機(jī)畫面：開(kāi)機(jī)畫面是手機(jī)APP通過(guò)圖標(biāo)下載過(guò)后展示的第一頁(yè)，這一頁(yè)是可以隨意變換的，每一期會(huì)設(shè)計(jì)自己的主題和風(fēng)格，根據(jù)不同的活動(dòng)內(nèi)容，展現(xiàn)出不同畫面。舉個(gè)例子：春節(jié)臨近，畫面可以改為以熱鬧喜慶的風(fēng)格；母親節(jié)就以溫馨關(guān)懷為主題，按照此類布置，開(kāi)機(jī)畫面呈現(xiàn)多變性，是手機(jī)APP的亮點(diǎn)所在。

IO無(wú)線手機(jī)APP屬于生活服務(wù)類，所以所展現(xiàn)的開(kāi)機(jī)畫面，基本上以生活、便捷、優(yōu)惠、時(shí)尚購(gòu)物為主題的風(fēng)格。

首頁(yè)：首頁(yè)的設(shè)計(jì)至關(guān)重要，是一個(gè)手機(jī)APP界面的核心所在，包含了很多的功能鍵，也有菜單欄、狀態(tài)欄、分類等一系列功能，有些是圖文并茂，甚至直接用圖片拼接。

列表：列表是點(diǎn)開(kāi)商家LOGO跳轉(zhuǎn)出來(lái)的頁(yè)面，主要以商品信息來(lái)排列，頁(yè)面上有三種排序方式，分別是：區(qū)域、優(yōu)惠、熱門。其實(shí)這也是增值服務(wù)，右上角的搜索可以搜索到任何一款入駐IO手機(jī)APP軟件的商家，一頁(yè)頁(yè)面列表分為八格可單擊點(diǎn)入，也可長(zhǎng)按收藏，右邊的小三角是查看詳細(xì)信息的功能鍵。

地圖搜索：點(diǎn)開(kāi)列表即可跳出地圖搜索頁(yè)，本頁(yè)主要是來(lái)查看商家注冊(cè)地址的方位，我們俗稱地圖功能，在地圖功能中你可以任意縮小和放大地圖。

出示優(yōu)惠頁(yè)：優(yōu)惠頁(yè)是這個(gè)軟件的重要元素，顧客可以憑借此頁(yè)，去商家獲得優(yōu)惠，只要出示此頁(yè)就可以享受IO獨(dú)有的優(yōu)惠價(jià)。優(yōu)惠頁(yè)主要以店名，地址，優(yōu)惠券有效期和對(duì)商家的介紹或者是優(yōu)惠產(chǎn)品的介紹，注明最終解釋權(quán)歸IO無(wú)線所有，文字下面是人均消費(fèi)和該券已被使用的次數(shù)。利用延伸圖標(biāo)，可以拓展用戶點(diǎn)評(píng)、服務(wù)、環(huán)境、口味、商家的宣傳照片等。

收藏：假設(shè)遇到了不錯(cuò)的店鋪，想要進(jìn)行下次消費(fèi)，可又覺(jué)得找起來(lái)太麻煩，有時(shí)還不一定會(huì)找得到，這時(shí)我們的收藏功能就發(fā)揮作用了。一鍵收藏，下次如果想要光顧喜歡的那家店鋪，直接在收藏中找出，還可查詢自己在那家店鋪中的消費(fèi)記錄，方便用戶管理自己的開(kāi)支。

發(fā)布：發(fā)布功能是加入IO無(wú)線手機(jī)APP的重要途徑，點(diǎn)擊發(fā)布或直接與工作人員聯(lián)系即可開(kāi)通您的發(fā)布功能，讓您的物品在IO無(wú)線手機(jī)APP上能給到大家的認(rèn)可，同時(shí)商家能獲得更多的利益，用戶能發(fā)現(xiàn)更多更好的商家。

更多：更多菜單欄中包括了系統(tǒng)設(shè)置、意見(jiàn)反饋、新版本檢測(cè)、發(fā)布優(yōu)惠券功能，IO無(wú)線的官方聯(lián)系電話。

系統(tǒng)設(shè)置：系統(tǒng)設(shè)置更多的子頁(yè)面，其中包含了分享設(shè)置、清除緩存、列表圖標(biāo)顯示/不顯示、清除過(guò)期優(yōu)惠券、推薦應(yīng)用。

登錄：每個(gè)手機(jī)APP都會(huì)有自己的賬號(hào)，IO無(wú)線手機(jī)APP也不例外，注冊(cè)過(guò)的用戶可以直接登錄，沒(méi)有注冊(cè)用戶在登錄頁(yè)面提供注冊(cè)的服務(wù)，注冊(cè)賬號(hào)主要以用戶名或手機(jī)或e-mail為主，密碼6至14位。也可以使用其他賬號(hào)登錄，比如騰訊QQ、新浪微博、人人網(wǎng)，多可以實(shí)現(xiàn)登錄IO無(wú)線手機(jī)APP。

分享：主要是分享商家，由于一些因素會(huì)使得你想把店鋪推薦給你的朋友們，可以使用分享功能來(lái)完成，主要分享的途徑有：騰訊QQ、新浪微博、人人網(wǎng)、微信、騰訊微博、開(kāi)心網(wǎng)。

我的地盤：我的地盤就是個(gè)人主頁(yè)，個(gè)人主頁(yè)主要由個(gè)人的頭像、名字、等級(jí)、等級(jí)顯示、積分加上六大塊內(nèi)容，分別是“喜歡”、“簽到”、“收藏”、“積分明細(xì)”、“省錢足跡”、“訂單查詢”。

關(guān)于IO：對(duì)于IO無(wú)線手機(jī)APP的簡(jiǎn)短介紹，LOGO標(biāo)語(yǔ)，及其版本。

通過(guò)以上整套手機(jī)APP界面元素的分析，可以得出結(jié)論，制作手機(jī)APP不一定要復(fù)雜繁瑣，但一定要美觀大方，注重用戶的操作性和視覺(jué)體驗(yàn)。一般的手機(jī)APP不會(huì)有太多復(fù)雜的功能，主要還是以簡(jiǎn)潔和實(shí)用為主。2013年的APP發(fā)展已經(jīng)越來(lái)越成熟。目前，手機(jī)APP行業(yè)有的的盈利模式有三種，游戲、廣告、增值服務(wù)收費(fèi)?？梢灶A(yù)見(jiàn)，手機(jī)APP行業(yè)的變現(xiàn)能力將與PC一樣前景廣闊。

【參考文獻(xiàn)】

[1]貍雅人.Photoshop智能手機(jī)APP界面設(shè)計(jì)[M].北京：人民郵電出版社，2013

[2][美]韋爾奇.iOS App界面設(shè)計(jì)創(chuàng)意與實(shí)踐[M].郭華豐譯.北京：人民郵電出版社，2013

[3][美]Jeff Johnson.認(rèn)知與設(shè)計(jì)理解UI設(shè)計(jì)準(zhǔn)則[M].張一寧譯.人民郵電出版社，2011

【作者單位：四川大學(xué)藝術(shù)學(xué)院】