金婷

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

引言

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

1 簡介

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

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

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

2.1 具體游泳APP界面分析

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

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

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

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

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

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

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

2.3 界面改進后的優(yōu)點

在界面的版式設(shè)計上多采用純度較低的色彩，并且色彩顏色較為豐富一點，不會過于單調(diào)。通過對數(shù)據(jù)的重新排版設(shè)計使具體數(shù)據(jù)可視化，可以捕捉使用者的泳姿并分析，將出錯誤的位置、次數(shù)明確的顯示出來，準(zhǔn)確糾正錯誤姿勢加以改正。簡潔的界面可以讓用戶及時了解有關(guān)自己的數(shù)據(jù)分析，通過數(shù)據(jù)可視化游泳者清楚的看到自己出錯的次數(shù)在不斷的變少，這極大鼓勵了游泳者繼續(xù)堅持下來的信心，解決因為意志薄弱而放棄健身這個問題。

2.4 設(shè)計中運用的美學(xué)原理

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

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

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

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

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

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

3 結(jié)束語

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