APP界面設計中美學原理的運用
——以智能交互游泳輔導APP為例

金婷

（武漢理工大學藝術與設計學院，湖北武漢，430070）

引言

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

1 簡介

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

2 分析界面設計中美學原理的運用

現在，不管哪款 APP，它們的界面看似只是用幾個簡單明了的元素組合一起，所有元素的繪制也看著比較簡單，然而當一個產品出來后，我們如果按原來的進行設計而不考慮一系列規則，那么會在使用的時候出現一系列不協調的現象。

2.1 具體游泳APP界面分析

首先分析“一起學游泳”APP的界面圖，從界面上分析分為5塊區域，分別為游泳知識、動畫圖解、視頻教學、游泳論壇和關于我們。初學者學習游泳的方式就是利用這款APP所提供的視頻，學習自己想要學習的泳種。當然，這款APP也提供讓游泳運動者進行交流的平臺，為游泳者提供更加便利的服務。從整體上來看色彩過于單調，純度偏高。排版樣式過于簡單，觀賞度不夠。視頻部分只有文字敘述，不能讓用戶充分了解視頻所演示的內容。

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

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

2.2 現有游泳類APP界面改進的方向

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

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

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

2.3 界面改進后的優點

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

2.4 設計中運用的美學原理

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

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

同時在界面設計結構的框架上避免使用復雜的視覺結構，盡量符合現代人對規則瀏覽的習慣，因此在圖像的選擇上避免使用復雜、容易分散用戶注意力的圖像。適當使用圖形可以增加易讀性和設計感，而且圖形的理解比文字更高效，可視化的圖形可以將內容以被人接受的方式呈現出來。

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

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

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

3 結束語

隨著網絡的不斷發展,用戶對界面設計的要求也越來越高。要想達到科學的界面設計，不僅要在排版中遵循一定的美學原理，更要結合現代人的發展需求，現代人的追求在不斷的變化，審美也在不斷地發生變化。在這樣的前提之下添加新功能，創設趣味界面，同時在界面設計時運用美學原理來吸引用戶，并幫助現代人建立健康的生活方式。

[1]陳志瑩, 劉美杰, 陳潔.運動類 APP界面設計的風格探析[J].藝術與設計(理論), 2017, (09): 96-98．

[2]丁永賢.高校移動校園APP的設計與分析[J].數字通信世界, 2017, (10):96.

[3]王斌, 袁新輝, 蔣新華, 等.高校新一代移動信息門戶的建設[J].華東師范大學學報: 自然科學版, 2015, (03): 40-45.

[4]廖冬莉.在視覺傳播基礎上的APP界面導航設計研究分析[J].數碼世界,2017, (11): 344.

[5]覃京燕.大數據時代的大交互設計[J].包裝工程, 2015, (08): 1-5.