一款寵物類APP界面設計

郜林

摘 要：在APP界面的設計當中，要綜合考慮界面的排布、配色、文字與圖標的使用等問題。在解決這些事項上，要考慮針對目標用戶的性格特征、使用習慣、交互特征等，也要橫向對比現今市面中其他APP的界面與功能。因此，寵物類APP界面設計不僅僅停留于平面的排布，也需要像設計其他寵物產品一樣，對用戶和市場進行充分分析與貼合。

關鍵詞：UI設計;寵物;APP

1 用戶分析

隨著人口結構的變革，空巢青年和晚婚晚育人群增多，年輕人成為養寵人群的主體。與中老年人不同，相較于頁面的實用性，年輕人更在意頁面的美觀性，他們多喜歡現代化的圖片與字體以及新潮的元素。而由于“飼養寵物”這一特點，養寵群體多富有愛心、有耐心也更加體貼。因此，寵物APP針對用戶的關鍵詞為年輕化與愛心。

2 現有APP分析

目前市場中有關寵物的APP以寵物社交軟件為主，APP內主要內容集中在寵物的數據記錄與視頻、照片的分享。用戶可以通過APP分享自己與寵物在一起的文字、圖片與視頻，記錄寵物的衣食住行、健康情況等，以此留存寵物成長的數據，也可與他人一同分享養寵樂趣達到以寵會友的目的。

在視覺方面，大部分寵物APP的底部設有導航欄，以衣食住行、健康、購物等分為幾大特色功能類別。頁面的色彩設計以紅色、黃色、粉色等暖色調為主，與寵物帶給人“可愛”的意象與“家”的心理暗示。整個APP的logo多為寵物剪影，將寵物的主題直接在圖標中呈現，而內部的icon以扁平化為主，容易貼合各種風格的界面。

優點：

a.將購物、交友等多項寵物相關功能進行集成，滿足用戶各方面需求。

b.寵物社區的形式既利于用戶尋找伙伴又便于APP發展新用戶。

c.視頻、圖片等呈現形式多樣，有較強吸引力。

缺點：

a.功能過于繁雜，缺乏主次，用戶無法根據所需功能挑選針對APP。

b.Icon較為夸張，過于貼合寵物特征，缺乏現代感，不易吸引人。

c.字體過于古板或過于夸張，不適宜寵物主題或養寵人年輕、新潮的特點。

3 設計實踐

3.1 色彩

在顏色的設計上，筆者選擇了飽和度適中的橙色作為主色，顏色較為溫暖，在“熱情”的紅色和“溫柔”的黃色中取中，貼合了寵物帶給人“家”的感受。同時，橙色貼近很多寵物毛色，是“寵物”這一意象的代表色。在顏色的透明度方面，筆者選擇了100%、60%和30%三種不透明度的顏色組成色階，在不同場合下使用，以達到界面清晰、色彩調和的效果。

除了主色的橙色之外，筆者在界面中還運用了高明度的藍色作為輔助色。橙色與藍色本為對比色，但在高明度的調節下對比減弱，使整個畫面較為清新跳脫，在溫柔之中有一絲可愛。

3.2 文字

在字體的使用上，筆者選用了蘋方字體，字體為無襯線體，拐角較為圓潤，字體較為現代且溫柔雅致，不會為用戶帶來跳脫的感覺，和界面的主題風格相合，可以構成較為溫婉的界面。且蘋方字體可選擇的粗細種類較多，可以適應主標題、副標題、小標題、正文等多個場景使用。

3.3 Icon

在icon的設計中，筆者采用了較為扁平化的設計，整體造型較為圓潤大方，現代感強，較現有寵物APP更符合當下年輕人的審美。在未被點擊時，icon為空心灰色線條，點擊后則為實心橙色標記，可以很容易分清icon的點擊情況，主次清晰，美觀性強。

3.4 排布

在界面的排布上，筆者沿襲了現有APP在主界面下端設有導航欄的設計，這種設計可以既清晰又直觀地展示出APP的全部功能，又與先進大多數APP邏輯相似，減輕了使用者學習的困難。

在導航欄的中心有一個較大的主圖標，圖標周圍有不規則的橢圓形小圖標輔助使用，小圖標與大圖標聯合組成一個爪子的形狀，既有趣又與寵物主題相契合，可以吸引寵物主人使用。

4 小結

寵物APP在設計中要遵循用戶年輕、有愛心的特征，也要吸取現有APP利用視頻、圖片交流的優點，同時改進其不適宜的視覺表現，這樣才能設計出符合現今市場與用戶需求的APP界面。