金婷

（武漢理工大學(xué)藝術(shù)與設(shè)計(jì)學(xué)院，湖北武漢，430070）

引言

物質(zhì)生活的豐富促進(jìn)人們生活方式的改變，身處于快節(jié)奏時(shí)代的當(dāng)代人們，每天如陀螺般不停轉(zhuǎn)動(dòng)，無時(shí)無刻被亞健康問題所困擾，表現(xiàn)出精神萎靡、免疫下降、注意力無法集中等癥狀。被工作和生活瑣事占據(jù)了幾乎所有時(shí)間的當(dāng)代人們根本無法抽出整段時(shí)間進(jìn)行戶外鍛煉，生活質(zhì)量與身體狀況因此而達(dá)不到理想水平，此時(shí)許多人便將擁有健康體魄和舒適生活的愿望寄托于運(yùn)動(dòng)健身類APP來實(shí)現(xiàn)。

1 簡(jiǎn)介

通過對(duì)運(yùn)動(dòng)類APP發(fā)展的現(xiàn)狀以及未來的趨勢(shì)做的調(diào)查，發(fā)現(xiàn)隨著APP的不斷發(fā)展，各種運(yùn)動(dòng)類APP的功能界面模板幾乎大同小異，缺乏競(jìng)爭(zhēng)性和獨(dú)特性。以現(xiàn)有的游泳類APP界面為例，大多都千篇一律。為了吸引更多的用戶，在現(xiàn)有功能界面的基礎(chǔ)上分析其優(yōu)缺點(diǎn)，進(jìn)行界面上的優(yōu)化以滿足用戶的需求并吸引用戶。在現(xiàn)有界面的功能基礎(chǔ)上，去除多余的部分，使界面看起來更加簡(jiǎn)潔；增加數(shù)據(jù)分析等部分，讓數(shù)據(jù)更清晰了解，完善鼓勵(lì)機(jī)制解決用戶堅(jiān)持不下來等問題。

2 分析界面設(shè)計(jì)中美學(xué)原理的運(yùn)用

現(xiàn)在，不管哪款A(yù)PP，它們的界面看似只是用幾個(gè)簡(jiǎn)單明了的元素組合一起，所有元素的繪制也看著比較簡(jiǎn)單，然而當(dāng)一個(gè)產(chǎn)品出來后，我們?nèi)绻丛瓉淼倪M(jìn)行設(shè)計(jì)而不考慮一系列規(guī)則，那么會(huì)在使用的時(shí)候出現(xiàn)一系列不協(xié)調(diào)的現(xiàn)象。

2.1 具體游泳APP界面分析

首先分析“一起學(xué)游泳”APP的界面圖，從界面上分析分為5塊區(qū)域，分別為游泳知識(shí)、動(dòng)畫圖解、視頻教學(xué)、游泳論壇和關(guān)于我們。初學(xué)者學(xué)習(xí)游泳的方式就是利用這款A(yù)PP所提供的視頻，學(xué)習(xí)自己想要學(xué)習(xí)的泳種。當(dāng)然，這款A(yù)PP也提供讓游泳運(yùn)動(dòng)者進(jìn)行交流的平臺(tái)，為游泳者提供更加便利的服務(wù)。從整體上來看色彩過于單調(diào)，純度偏高。排版樣式過于簡(jiǎn)單，觀賞度不夠。視頻部分只有文字?jǐn)⑹?，不能讓用戶充分了解視頻所演示的內(nèi)容。

接下來分析“趣游泳”APP的界面圖，這款A(yù)PP通過視頻、圖片、文字等形式幫助游泳者可以快速學(xué)習(xí)游泳姿勢(shì)，選擇自己喜歡的方式。最重要的是用戶可以在“游泳日記”記錄自己學(xué)習(xí)游泳的進(jìn)程和心得與他人分享。這款A(yù)PP功能界面主要分為三部分，它的版式比上一個(gè)APP界面排版要豐富一些，整體色調(diào)也顯得純度不高，有一定的觀賞性。在視頻版塊中帶有圖片，可以幫助用戶分辨自己想要看的內(nèi)容。

它們的共同點(diǎn)都是首頁面展示從游泳入門開始教授，為初學(xué)者提供便利。在界面中都有教學(xué)視頻分布，可以通過利用圖片、動(dòng)畫等方式學(xué)習(xí)。將不同的泳姿表現(xiàn)出來供用戶選擇，色彩幾乎都選擇藍(lán)色系，以淺灰色為輔。在排版中大都使用矩形顯得板正規(guī)矩。

2.2 現(xiàn)有游泳類APP界面改進(jìn)的方向

（1）在排版方面，不要過于單調(diào)，要具有欣賞性來增加吸引用戶的籌碼。

（2）部分?jǐn)?shù)據(jù)過于模糊，不能讓用戶明確知曉自己進(jìn)步的速度，沒有合理的鼓勵(lì)機(jī)制來激勵(lì)用戶繼續(xù)運(yùn)動(dòng)不放棄。

（3）畢竟業(yè)余游泳者占大多數(shù)，對(duì)于專業(yè)的動(dòng)作要領(lǐng)掌握的不是太熟悉。就算看視頻圖片還是不太那么的了解自己已經(jīng)覺察出來的問題，更不用說那些自己還沒有發(fā)現(xiàn)的問題，所以需要增加新的功能界面達(dá)到幫助用戶解決這個(gè)問題的目的。

2.3 界面改進(jìn)后的優(yōu)點(diǎn)

在界面的版式設(shè)計(jì)上多采用純度較低的色彩，并且色彩顏色較為豐富一點(diǎn)，不會(huì)過于單調(diào)。通過對(duì)數(shù)據(jù)的重新排版設(shè)計(jì)使具體數(shù)據(jù)可視化，可以捕捉使用者的泳姿并分析，將出錯(cuò)誤的位置、次數(shù)明確的顯示出來，準(zhǔn)確糾正錯(cuò)誤姿勢(shì)加以改正。簡(jiǎn)潔的界面可以讓用戶及時(shí)了解有關(guān)自己的數(shù)據(jù)分析，通過數(shù)據(jù)可視化游泳者清楚的看到自己出錯(cuò)的次數(shù)在不斷的變少，這極大鼓勵(lì)了游泳者繼續(xù)堅(jiān)持下來的信心，解決因?yàn)橐庵颈∪醵艞壗∩磉@個(gè)問題。

2.4 設(shè)計(jì)中運(yùn)用的美學(xué)原理

在進(jìn)行APP界面設(shè)計(jì)時(shí)，首先要進(jìn)行界面信息的排布。首先必須要掌握的是對(duì)稱、平衡這兩大原則。對(duì)稱除了能建立一種清晰的視圖，還能使開發(fā)得到實(shí)現(xiàn)。另一方面基于現(xiàn)代人從左上到右下的閱讀習(xí)慣，在界面中內(nèi)容的排布通常使用的是左對(duì)齊和居中對(duì)齊方式，用戶填寫時(shí)的輸入項(xiàng)使用右對(duì)齊方式。

在APP界面中展示的內(nèi)容也有輕重之分。為了讓用戶可以直接地看到重要的信息，利用反復(fù)和條理兩大原則，使整個(gè)設(shè)計(jì)中重復(fù)出現(xiàn)既能增加條理性也可以加強(qiáng)統(tǒng)一性，同時(shí)也要降低用戶認(rèn)知的難度。

同時(shí)在界面設(shè)計(jì)結(jié)構(gòu)的框架上避免使用復(fù)雜的視覺結(jié)構(gòu)，盡量符合現(xiàn)代人對(duì)規(guī)則瀏覽的習(xí)慣，因此在圖像的選擇上避免使用復(fù)雜、容易分散用戶注意力的圖像。適當(dāng)使用圖形可以增加易讀性和設(shè)計(jì)感，而且圖形的理解比文字更高效，可視化的圖形可以將內(nèi)容以被人接受的方式呈現(xiàn)出來。

在APP的界面設(shè)計(jì)的結(jié)構(gòu)和文本確定之后，就要開始安排圖標(biāo)、按鈕、圖片的位置了。利用節(jié)奏、韻律這兩大原則，界面中元素排列會(huì)影響界面整體的效果及用戶的閱讀興趣，一般情況下降低圖版率會(huì)給人高級(jí)的感覺，提升圖版率會(huì)有充滿活力。在設(shè)計(jì)中可以采用一些色塊、物體等，使界面更友好也降低空洞的感覺。

此外在APP界面設(shè)計(jì)上來說，留白可以減輕界面帶給用戶的負(fù)擔(dān)。用戶等入界面對(duì)一個(gè)應(yīng)用來說是十分重要的，界面中包含的內(nèi)容太多時(shí)，會(huì)給人一種界面狹窄的感覺，同時(shí)給用戶帶來壓迫感，留白能夠給界面帶來更強(qiáng)的空間感，因此通過留白來減輕元素太多帶來的壓迫感，使用戶進(jìn)入一種輕松的氛圍。

最后應(yīng)注意APP界面自身的結(jié)構(gòu)要清晰明了，背景不能過于復(fù)雜。在考慮背景的色彩時(shí)應(yīng)盡量選用同一色系的顏色，盡量避免使用色相環(huán)中大面積同一顏色，避免顏色明度過高，要采用明度較低的高級(jí)灰色。當(dāng)然有時(shí)候雖然決定了畫面風(fēng)格的色彩，但有時(shí)候不會(huì)全篇的運(yùn)用這個(gè)顏色，只要主色調(diào)一致就能讓用戶找到歸屬感。

3 結(jié)束語

隨著網(wǎng)絡(luò)的不斷發(fā)展，用戶對(duì)界面設(shè)計(jì)的要求也越來越高。要想達(dá)到科學(xué)的界面設(shè)計(jì)，不僅要在排版中遵循一定的美學(xué)原理，更要結(jié)合現(xiàn)代人的發(fā)展需求，現(xiàn)代人的追求在不斷的變化，審美也在不斷地發(fā)生變化。在這樣的前提之下添加新功能，創(chuàng)設(shè)趣味界面，同時(shí)在界面設(shè)計(jì)時(shí)運(yùn)用美學(xué)原理來吸引用戶，并幫助現(xiàn)代人建立健康的生活方式。