《一個關于寵物護理App的界面設計——畢業(yè)論文》由會員分享，可在線閱讀，更多相關《一個關于寵物護理App的界面設計——畢業(yè)論文（23頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、淮南師范學院本科畢業(yè)論文畢業(yè)設計題 目： 一個關于寵物護理App的界面設計學生姓名 ： 學號 ： 所在院(系)： 文化創(chuàng)意與傳播學院專業(yè)名稱 ： 數(shù)字媒體技術屆別 ： 指導教師 ： 職稱(學位)： 淮南師范學院教務處印制目 錄1項目概述32項目分析32.1背景分析32.2用戶分析32.3競品分析43項目設計63.1設計思路63.2產(chǎn)品線框圖73.3設計要求84項目詳細設計94.1界面風格設計94.2圖標展示與說明94.3界面設計實現(xiàn)114.4整體效果設計145設計體會16參考文獻：17致謝18一個關于寵物護理App的界面設計學生： (指導老師： )淮南師范學院文化傳播與創(chuàng)意學院 摘 要:APP

2、的界面是用戶與機器之間進行信息交流的媒介，是人與系統(tǒng)互動過程 的一個支持層面。界面設計所涉及到的領域有計算機科學，心理學，美 學和人機系統(tǒng)工程，注重的是人機交互，界面元素之間邏輯合理，排版 美觀的整體設計。隨著社會的發(fā)展，人們對APP的使用率越來越高，從 而對界面的要求也越來越嚴格，為了滿足人們的需求和適應時代的發(fā)展， App界面設計也在不斷的加強創(chuàng)新性和時代性。我的作品是一款寵物護理 APP的界面設計,伴隨著社會經(jīng)濟的快速發(fā)展和人類生活觀念的改變，養(yǎng) 寵物的人越來越多而且變得越來越年輕化，寵物市場正在一步步的崛起。 因此設計一款煥然一新的寵物護理APP，是非常具有市場意義的。我的這 款手機A

3、PP界面在設計上主題明確，整體色彩豐富多樣，風格整體統(tǒng)一， 秉承著實用性強和服務功能全面的思路給用戶帶來便捷、貼心的交互體 驗。 關鍵詞：APP；界面設計；人機交互；寵物護理About a Pet Care APP Interface DesignStudent:Hao Zonghao (Adviser:Tan Lunrong )( Huainan normal university culture creativity &communication )Abstract:Userinterfaceisthemediumofexchangeofinformationbetweenuserandm

4、achine,peopleinteractwiththesystemisasupportlevel.Interfacedesigninvolvesthefieldofcomputerscience,psychology,aestheticsandtheman-machinesystemengineering,focusesonhuman-computerinteraction,interfaceelementsbetweenthelogicalandreasonable,theintegraldesignofthelayoutisbeautiful.Withthedevelop-mentoft

5、hesociety,peoplesutilizationrateishigherandhighertotheAPP,whichisbecomingmoreandmorestricttotherequirementoftheinterface,inordertosatisfypeoplesneedsandadapttothedevelopmentofTheTimes,theAPPinterfacedesignalsoconstantlystrengthentheinnovativeanddynamic.MyworkisapetcareAPPinterfacedesign,alongwiththe

6、rapiddevelopmentofsocialeconomyandthechangeofthehumanlifeconcept,moreandmorepetownersandbecomemoreandmoreyounger,petmarketisrisestepbystep.SodesignanewpetcareAPP,isverymarketsignificance.IthephoneAPPinterfaceindesignthemeisclear,theoverallcolorvariety,styleisunifiedwhole,withstrongpracticabilityands

7、ervicefunctioncomprehensivethinkingbringstotheuser,andintimateinteractionexperience. Keywords:APP;Interfacedesign;Human-computerinteraction;Petcare. 1項目概述 在社會經(jīng)濟和城市化建設的不斷發(fā)展過程中，人們在精神生活和物質生活方面也得到了很大的改變，隨著社會的老齡化現(xiàn)象突出，獨生子女和丁克家庭也越來越普及，人們在休閑方式上,消費觀念和情感寄托方面也變得越來越多樣化。我們發(fā)現(xiàn)養(yǎng)寵物的家庭在日益增多，一個新的產(chǎn)業(yè)，也就是寵物行業(yè)會有非?？捎^的發(fā)展。因為

8、養(yǎng)寵物的人越來越多而且變得越來越年輕化，所以寵物市場正在不斷的興起。而隨著人們對養(yǎng)寵物的熱度越來越高，不難發(fā)現(xiàn)寵物行業(yè)中的美容、醫(yī)療、保健、寄養(yǎng)、訓練、比賽、攝影等護理服務將會不斷地發(fā)展開。所以目前中國的寵物市場正處于持續(xù)發(fā)展的時期，而在這斷發(fā)展的過程中必然會有一些不可忽視的問題出現(xiàn)。因此，寵物健康、高效地發(fā)展需要線上與線下聯(lián)合調(diào)控。目前市面上的寵物類APP，從調(diào)查分析來看功能都很雜亂。而且寵物主的水平還處于初步期，對寵物了解還有所欠缺。所以目前對于用戶來說急需一款煥然一新的寵物護理類APP，能夠給用戶提供全面的養(yǎng)寵知識和護理服務。2項目分析2.1背景分析 從現(xiàn)在的寵物市場環(huán)境來分析，此行業(yè)還

9、是處在不斷發(fā)展的階段。自從2008年開始，就出現(xiàn)了許多的國際市場調(diào)研機構對中國的寵物行業(yè)發(fā)展進行了調(diào)查。根據(jù)有關的調(diào)查顯示，中國的寵物總數(shù)在2000到2008年的這八年時間中瘋狂增長，總數(shù)將近翻了五番。特別是寵物貓和狗的數(shù)量驚人，總量大約在兩億只以上。而到2015年，這個數(shù)字已達到五億。還有關于寵物行業(yè)的數(shù)據(jù)分析顯示，外國的寵物經(jīng)濟在該國的GDP總量中占比非常高，而中國的寵物經(jīng)濟占GDP總量比少于1%。還有就是比較受歡迎的寵物類APP大多出現(xiàn)在2014到2015年間，近來沒有此類APP上線。所以就目前中國經(jīng)濟的快速發(fā)展及人民消費理念的不斷改變來看，寵物服務行業(yè)也將會迎來高速的發(fā)展。 2.2用戶

10、分析 隨著移動互聯(lián)網(wǎng)的高速發(fā)展，寵物服務行業(yè)的也會迎來新的發(fā)展機會。從消費群體來看，主要是90后的新生代，他們已經(jīng)習慣于使用功能豐富，界面美觀的APP，就像目前非?；鸨拇蟊婞c評APP。而寵物行業(yè)也需要這樣的服務平臺，人們更愿意用簡單的方式來解決問題，而APP的出現(xiàn)更好的解決了寵物服務和產(chǎn)品價格不透明，消費者對寵物服務站點信任度低等等問題。 隨著互聯(lián)網(wǎng)+概念的提出，寵物服務行業(yè)線上與線下的合作也會得到巨大的發(fā)展。而移動APP隨下隨用的特點，很容易得到發(fā)展。所以根據(jù)用戶需求設計出口碑好的APP很容易在用戶間擴散，得到更多人的認可。因此用戶都愿意通過第三方服務平臺來解決自己遇到的問題，所以設計出功

11、能全面的，界面美觀的APP是用戶所需求的。2.3競品分析2.3.1戰(zhàn)略分析表1 戰(zhàn)略分析名稱Slogan產(chǎn)品定位商業(yè)模式溜溜一個讓養(yǎng)寵生活更加簡單有趣的新拍檔社交+閑置物品交換電商聞聞窩寵物家有寵物，上聞聞窩就夠了社交+o2o+電商電商樂寵有樂寵的地方就有愛社交+電商+上門服務電商+上門服務有寵你是我的好朋友社交+o2o+電商電商波奇寵物波奇全面關愛寵物生活社交+電商電商 根據(jù)上表所示可以看出:目前上線的這些app中基本功能以社交為主，從而來發(fā)展電商和少數(shù)的服務功能。2.3.2功能分析 基本需求分析，溜溜、聞聞窩寵物、樂寵、有寵這四款APP的社交方式類似于微博的分享，用戶可以分別看到最新的，推

12、薦的和附近的動態(tài)等；而波奇寵物采用的是類似于貼吧的分享方式，需要進入波奇劇場來看相應的消息。在動態(tài)分享方面，各有不同的特點，聞聞窩寵物使用的是從寵物的視角參與到互動中，分享動態(tài)。而有寵有所不同的是以用戶與寵物共同參與的方式進行分享，其他的APP都是以用戶的視角來互動的。在社交功能中，所有的APP都有用戶之間的關注，查看動態(tài)和私信的功能。波奇寵物和聞聞窩寵物都有類似于微信群聊的功能，可以讓用戶更好的分享共同感興趣的動態(tài)。期望需求分析，溜溜、聞聞窩寵物、樂寵和有寵發(fā)布消息時都會為圖片添加濾鏡、貼紙等效果，有一定的美化效果。以上所有的APP都會有活動的功能，有的是通過banner的形式展示，而有的是

13、通過用戶之間自己發(fā)起的。其他期望需求上，溜溜有造型，絕育等功能，聞聞窩寵物有專家問診，周邊服務等功能，波奇寵物有求助互動，有寵有專家在線問診，資訊等功能。興奮需求分析，樂寵、波奇寵物、聞聞窩寵物和有寵都有電商功能模塊，都以類似于淘寶的購物方式進行商品購買。而且除了溜溜外，這些APP消費都會有積分累計，根據(jù)累積的積分可以換取商品。上門服務的功能都有些，各有不同。配對，防走失等熱門功能都會出現(xiàn)在不同的APP中。在智能硬件方面，有寵的有寵貝貝具有定位功能，能有效的防止寵物走丟。樂寵則有防走失狗牌，通過二維碼記錄主人信息，寵物走丟時其他人只要掃描二維碼就可以看到信息來聯(lián)系主人。2.3.3分析總結溜溜，

14、是一款專注于社交玩法的APP，主要特別推送，溜溜日常，互幫互助，熱門標簽和好物分享等。各種功能都是純粹的利用寵物來社交，具備了很強的趣味性。其他的功能就只有商城了，服務類功能基本沒有。 聞聞窩寵物，應該是目前寵物app中用戶量最多的一個，功能較多，從功能的分布上看排版不統(tǒng)一，有些雜亂無章。首頁是社交玩法，用戶的分享質量較好，用戶之間的互動也很多，似乎以寵物為第一視角的互動方式發(fā)揮出了一定的獨特效果。而在電商模塊設計非常簡單，沒有商品分類，也沒有搜索欄，對用戶的使用有一定的局限性。 樂寵，有獨特的圈子功能，經(jīng)過對不同寵物的分類，組建了各種各樣的寵物圈，比如同一個圈子里可以邀請對方一同遛狗，這個功

15、能的開發(fā)，給用戶帶來了很好的社交互動。而這個產(chǎn)品的設計主要是針對寵物狗和貓的，在服務方面，只有關于這兩者的美容。商城的設計比較豐富多樣，能夠極大的滿足用戶需要。也有防走失平臺和活動功能，主要是針對的對象較少，所以可用性較差。有寵，社交功能上主要是分享動態(tài)，沒有特色之處。資訊非常多，但有很多不相關的內(nèi)容，使得趣味性不是很強。服務主要體現(xiàn)在為用戶提供較為豐富的養(yǎng)寵常識等。主要的兩個兩點：有寵公益和有寵智能，有寵公益對那些流浪動物多了一份關愛；而有寵智能則可以對寵物進行實時定位，并且可以對寵物健康數(shù)據(jù)監(jiān)測。 波奇寵物，以波奇劇場為主的寵物社交，增添了不少的趣味性，可玩性較好。但是和樂寵一樣針對的對象

16、只有狗狗和貓貓，服務功能主要是通過線下站點的上門服務，功能不夠全面。3項目設計3.1設計思路圖1 腦圖據(jù)競品分析和調(diào)查結果發(fā)現(xiàn)，目前上線的這些app中基本功能主要有社交，電商和服務功能。社交玩法是通過分享寵物的照片和狀態(tài)等，來找到有共同興趣點的用戶，進行養(yǎng)寵的樂趣和經(jīng)驗的溝通交流。電商主要體現(xiàn)在寵物的食，用和玩這些方面。而在服務功能方面，產(chǎn)品之間各有不同，功能都相對有所欠缺，主要是用戶與線下站點的合作進行寵物護理?？偟膩碚f，目前寵物app還是處在發(fā)展的階段，功能主要局限在：通過分享寵物狀態(tài)來進行社交，通過電商來盈利和不夠全面的護理服務。綜上所述，設計了一款新的寵物護理APP的頁面。如上圖所示，

17、是所設計的界面架構。架構的設計主要的作用是對所設計的產(chǎn)品信息進行了構建，它一般包括了兩點：界面的功能性設計和界面信息的排版設計，它可以使設計者清晰的設計各個功能和組織各個功能模塊的關系。此次所設計的這個APP頁面有四個主頁面，它們分別是首頁，商城，服務和我的。而圖中所示的上傳是在首頁里隱藏的一個功能，這也是此次設計的一個亮點。而此次APP界面設計的最大亮點是在服務功能模塊。在這個功能模塊有著非常全面的功能，總體上分為護理，醫(yī)療和線下站點這三個功能。而在這個模塊中會設計了一些創(chuàng)新性功能。 3.2產(chǎn)品線框圖圖2 線框圖如圖所示是根據(jù)草圖制作出來的產(chǎn)品線框圖，線框圖制作的重要性在界面設計中是不言而喻

18、的。它是整合框架層項目要素的方法：首先是通過排列信息和放置來安排界面的信息設計；然后是通過識別和定義核心功能來整合了界面的導航設計；最后線框圖安排并選擇了界面元素從而有了界面設計的整合。通過這三個整合方法，線框圖就基本確定界面了界面的功能架構，概念結構以及信息架構，同時也可以規(guī)劃視覺設計應該選擇的風格。看似一張簡單的線框圖，但是其中包含的信息內(nèi)容有文字，圖片和視頻等等。所以通常情況下，在設計的過程中會用些特殊占位符來表示這些元素，會用帶斜線的線框來替代圖片，用一些標識性的文字來替代文本的排版。根據(jù)用戶需求進行了功能的排版，信息架構的組建。在此過程中要考慮用戶體驗的可用性等等這些東西。最重要的是

19、線框圖可以使設計及時的改善，為后續(xù)設計減少了不必要的麻煩。3.3設計要求首先是顏色搭配，顏色在界面中除了美觀的作用外，也表達了產(chǎn)品或者說APP的情感和聯(lián)想。顏色的意義取決于產(chǎn)品的文化和用戶使用產(chǎn)品的環(huán)境。色彩也影響著人的感官，具有非常強的視覺沖擊力。在界面設計中起非常重要的作用，可以說僅次于功能。在本次的APP界面設計中我所使用的是多種配色，這些配色方式能夠突出表達我們APP的功能，并且表達了一種對寵物的情感。其中選取了橙黃色作為主色調(diào)，使整個界面的風格在極具視覺沖擊力的同時，又能夠突出大多數(shù)寵物的毛發(fā)色。然后是字體的設計，字體在界面設計中所占的部分不多，更多的是使用系統(tǒng)自帶的字體。所以在字體

20、這一塊只要按照基本的要求來做就行了。中文一般選擇與iOS比較接近的冬青黑體，英文也選用與之相近的Helvetica。在PS中使用字體時，最小的標準為24-32pt，基本把最小標準定為28pt，特殊情況下可以為24pt。由于手機屏幕的比例關系，前端工程師在使用數(shù)據(jù)時，會把所給的數(shù)據(jù)除以二，如文字字號為32pt，則告訴工程師16pt，實際顯示大小也是16pt。因此在字體方面，設計時盡量使字號的數(shù)據(jù)為偶數(shù)。字體的顏色一般不用純黑色。純黑的顏色在視覺上給人的感覺太深邃，會使用戶迷失。最后是設計規(guī)范，傳統(tǒng)的設計其實非常強調(diào)創(chuàng)新和個性，但界面設計對這一塊的關注卻不太需要的，甚至有點遏制的感覺在里面。而我的

21、觀點是只有適當?shù)卮蚱埔?guī)范，才能創(chuàng)造出讓人耳目一新、或者說有格調(diào)的產(chǎn)品。因為，界面設計的目的是為商業(yè)，為產(chǎn)品負責，為用戶負責。4項目詳細設計4.1界面風格設計此次設計的界面風格采用的是扁平化設計風格，這種設計風格的理念就是界面中的所有元素都不加入任何的陰影，浮雕，紋理，漸變，高光等等特效。在此次的設計過程中所涉及的色彩選擇，功能按鈕和信息組成都是采用的簡約化設計，并沒有較復雜的界面和交互，避免了認知功能障礙的產(chǎn)生，從而使得界面的設計更加的清晰，簡約，并且使得交互的流程更加注重于功能的本身。4.2圖標展示與說明 圖3 啟動圖標這是此次設計的啟動圖標，啟動圖標是界面設計中最重要的元素之一，在設計的時

22、候我們應該把圖標的傳達含義和功能放在首位，它是一個APP給用戶帶來的第一視覺體驗。如果對于用戶而言這個表達的意義不明確甚至使人感到厭惡，這樣那可能對于整個APP的界面設計都是失敗的。所以啟動圖標的作用是千萬不可忽視的。該款APP作為一款寵物護理類的APP，啟動圖標采用的是寵物的英文“pet”的首字母“P”與狗狗的卡通形象相結合，設計出的扁平化風格的桌面圖標。為了便于用戶識別，該圖標選擇了無色彩漸變的剪影式設計，其主色調(diào)選擇的是橙黃色，中心的logo采用的白色，設計簡約大方且寓意深刻。給用戶帶來一種親和感，非常清晰的表達了寵物的形象特征。圖4 導航欄圖標這是界面所涉及的四個主要圖標，也就是APP

23、界面中的導航欄。導航欄表示的是界面的名稱和具體的功能或者說是頁面之間的跳轉按鈕。它可以明確的告訴我們這里有什么，通過可視化的層次結構導航直觀的告訴我們頁面的內(nèi)容是什么；它可以引導我們?nèi)ナ褂肁PP，通過導航用戶可以對我們APP大體的結構和功能所處的位置有一個大致的判斷；一個清晰明確的導航會跟用戶留下一個美好的印象，而對于一個產(chǎn)品的第一印象是非常重要的。此次此次設計的這四個圖標表示了整個APP的主功能，它們分別是首頁，商城，服務，和我的，用戶可以清晰的了解到APP的大致功能，并且不需要過多思考的找到他所需要的功能。圖標的設計也形象的表達了其功能特點。 圖5 功能圖標這是界面中所涉及的小功能圖標，這

24、些看似嬌小的功能圖標可以給我們的設計工作增加一些亮點。它們?yōu)榻缑嫣砑恿艘曈X引導、用作按鈕、做整體修飾、使界面更顯專業(yè)、增強了交互性。據(jù)研究表明，大多數(shù)的訪客使用APP是會根據(jù)需要來確定哪些內(nèi)容要去瀏覽，這些小icon就會引領用戶進入感興趣的版塊。它讓你的界面布局不再生硬，把整體分割成眾多模塊，每一塊都內(nèi)容豐富而充滿魅力，吸引著訪客來點擊閱讀。 以上所設計圖標的依次用在商城，站點和護理模塊。這些圖標都是通過精心挑選的一些樣式和寓意都與內(nèi)容緊密相連設計出來的，設計的風格統(tǒng)一，表達的意思簡約明了。要注意的是這些Icon圖標不宜過于炫目，因為可能會分散訪客的注意力，不要讓它吸引了用戶的注意力而忽略了內(nèi)

25、容。這些圖標加強界面的內(nèi)容和設計，闡述了功能特點。它要跟界面的其他部分協(xié)調(diào)且風格一致。減少界面中太炫目的圖標設計，要多關注網(wǎng)站整體風格的一致性。 4.3界面設計實現(xiàn)4.3.1引導頁 圖6 引導頁 如上圖所示是設計的APP引導頁。當你打開一款APP應用的時候就會看到精美的引導頁，它們在你未使用產(chǎn)品之前提前帶你進入狀態(tài)，給用戶第一印象。第一印象的好壞會極大地影響到產(chǎn)品用戶體驗。因此每個APP都在努力將這幾個頁面設計好，從一開始就引人入勝有效的提升用戶體驗。根據(jù)引導頁的目的、出發(fā)點不同，我們可以將其分為四種類型：功能介紹類、使用說明類、推廣類和問題解決類，一定要注意的是一般引導頁不會超過5頁，設計過

26、多極有可能使其作用適得其反。 此次設計的是推廣類引導頁。界面使用簡潔的視覺元素整合形成，確保了界面的直觀，易于理解不需要做任何的引導。內(nèi)容更多是想傳達產(chǎn)品的情懷，并考慮與整個產(chǎn)品風格和形象相一致。這一類的引導頁如果做的不夠吸引人，用戶只會不耐煩地想快速劃過。而制作精美、有趣的引導頁，用戶會細細品味觀賞。而這三張引導頁設計了一個符合用戶情感的一個溫馨的故事，給用戶帶來一種全新的愛護寵物的情懷和產(chǎn)生情感的寄托。4.3.2首頁 圖7 首頁 這是首頁的設計，對于用戶來說使用APP的時候，特別是對于閱讀類的APP來說首頁尤為重要。優(yōu)秀的APP首頁設計，可以讓你的APP成功一半。因為APP首頁曝光率是整個

27、APP界面中最高的，當然也要排除一些特殊情況，可以肯定的是APP首頁卻是分享最好的頁面。APP首頁的作用在于引導客戶，迅速向用戶呈現(xiàn)內(nèi)容，而精彩的內(nèi)容本身和更精準的分類能激發(fā)用戶更多的分享，這對于擴大用戶群體是有價值的；內(nèi)容分類的價值就在于此。而此次設計的APP首頁的功能主要是分享動態(tài)，關于社交方面的應用。從競品分析的結果來看，每款此類的APP都會有社交類的功能。隨著使用群體的不斷年輕化，社交功能也越來越受歡迎，因此這一功能在設計的時候一定是必不可少的。在此模塊可以分享自家寵物的動態(tài)，我們會注意到標題欄有一個攝像機圖標，這個圖標的功能就是用來分享動態(tài)的。而在這個功能會涉及到一個隱藏功能，也就是

28、前面所敘述的上傳功能。在上傳分享動態(tài)過程中必須要經(jīng)過審核的內(nèi)容才能被別人瀏覽。因此提高了此版塊內(nèi)容的質量，也就避免了一些無關的，內(nèi)容低俗的動態(tài)。在這個模塊設計中，采用的是卡片化設計和延展性設計，通過上下的動效以及信息的延展讓用戶意識到整個界面的延展，獲取最新信息，新內(nèi)容上浮，舊內(nèi)容下沉。這種設計可以延長與用戶的交互時間，是服務更完善，更貼心?？ㄆ瘍?nèi)容呈現(xiàn)打破了原有的模式，內(nèi)容至上，去除一切干擾，在用戶需要瀏覽大量信息的場景下，提高了內(nèi)容的呈現(xiàn)效率，在信息展現(xiàn)上非常突出。4.3.3服務功能模塊 圖8 服務功能模塊 此功能模塊是此次設計的重點，也就是本次設計的主題模塊。在設計方面，整個界面設計為

29、扁平化設計風格，界面中的所有元素都沒有添加浮雕，漸變，高光，羽化等特效修飾。和擬物化設計風格有所不同，它是注重的質感光影;根據(jù)扁平化設計的原則，簡化了界面中功能圖標的設計，采用的是色彩明亮柔和的色塊，寓意明確的icon和文字信息結合來呈現(xiàn);并且使用較為簡單的視覺元素圓形，直線來區(qū)分界面，使得界面比較直觀，易于使用，不用做過多的引導。在色彩方面，采用的是多色彩的搭配設計，同一界面的用色達到了6-8種，使界面看起來整體上較協(xié)調(diào)，而各個部分又會對比鮮明。關于排版，是把簡單的圖形元素，圖片和文字三者進行合理的編排。根據(jù)用戶的需求，在適當?shù)牡胤揭院线m的元素呈現(xiàn)，設計出層次清晰的視覺效果，使用戶在使用時更

30、有效的理解設計；整個界面是簡約化設計，界面的所有元素都是功能性元素，從而使得易用性與交互性大大增強，有效的提高了用戶體驗。在功能方面，在這里會提供給用戶非常全面的護理服務功能，不僅包含了其他此類APP的護理功能，并且會開發(fā)出一些創(chuàng)新性功能。這里主要包含了三個主功能：站點，醫(yī)療和護理。在站點模塊中有寄養(yǎng)，領養(yǎng)，防走失，配對四個功能。在此我的設計放大了寄養(yǎng)和領養(yǎng)這兩大功能。經(jīng)過調(diào)查發(fā)現(xiàn)，一些愛寵人士在外出較長時間的情況下，對寵物的寄養(yǎng)感到煩惱，所以根據(jù)這種問題設計了寄養(yǎng)功能，這里的寄養(yǎng)功能不會局限于用戶和線下站點之間，還會提供用戶與用戶之間的溝通，為寵物找到更好的家庭寄養(yǎng)。領養(yǎng)則是根據(jù)那些即將想養(yǎng)

31、寵物的用戶設計的功能，在此用戶可以找到自己所想要養(yǎng)的寵物。這樣通過用戶與用戶，用戶與線下站點之間進行互動，極大的降低寵物被遺棄的可能性。在醫(yī)療模塊中提供了驅蟲，皮膚，疾病，預防和專家問診五個功能。而護理模塊則有美容，保健，訓練和預防功能，這里的預防與醫(yī)療中的有所不同，在此預防的是寵物受傷和走丟等，還有關于寵物的護理小知識，給用戶提供些護理小技巧和解決常識性問題。在這兩個模塊中設計幾個創(chuàng)新功能，他們是預防，保健和訓練功能。隨著人們對寵物越來越重視，對寵物的健康關注度也越來越高，因此預防和保健功能也就能得到愛寵人士的認可。而訓練功能則是針對那些初次接觸寵物的人群，在這里會提供給這些人士全面的訓練知

32、識，從而是寵物有著較好的生活習慣，而且還可以為寵物訓練些小技能等等，這樣既可以提高寵物的生活質量又可以為愛寵人士增添些養(yǎng)寵物的趣味性。在用戶體驗反面，扁平化的設計風格可以給用戶留下直接的體驗。重點功能設計聚焦在頁面頂部，突出內(nèi)容；各功能之間布局位置獨立，不會受到其他元素的局限。界面包含的信息一目了然，圖片文字之間空間分配合理，符合用戶的操作習慣，給用戶留下一種清晰的，舒適的總體印象。功能之間的切換可以通過左右滑動來實現(xiàn)，合理的交互步驟給用戶帶來很大的便利性。避免了使用時用戶產(chǎn)生焦慮感，極大的提升了用戶體驗效率。4.4整體效果設計 圖9 首頁-上傳界面 圖10 商城-商品分類界面 圖11 服務護

33、理界面 圖12 我的-個人主頁界面5設計體會本次的APP界面設計作為我的畢業(yè)設計，重要性是不言而喻的，所以每個人都會無比的關心和重視。只為能做出理想的作品，順利畢業(yè)。此次設計過程中遇到了許多的困難，從選題開始就想了很多，由于想法太多導致思路混亂，后來經(jīng)過老師的指導分析才把題目確定下來。接下來就是準備工作，從開題報告開始就遇到了許多問題，被老師指責過不夠用心，準備不足，沒有靜下心來認真的思考過設計過程。經(jīng)過老師的提醒，才真正的走入到此次的設計過程中，從開題報告開始做起。再然后投入到設計工作中來，去查閱資料了解界面設計；根據(jù)題目進行用戶調(diào)查分析和競品分析，一步步的理清設計思路，進行思維腦圖的制作，

34、進入到具體設計中來。之后就是進行原型圖，線框圖的繪制，再到詳細的界面設計。在此過程中遇到許多專業(yè)性的問題，如界面的風格設計，色彩的搭配，界面元素的排版都是設計中的難點。在此過程中我堅信自己能做好設計，從而通過查閱相關資料，請教老師幫忙，和同學探討學習解決了不少問題。設計本來就是一個循序漸進的過程，本身就充滿著困難，只要我們不自暴自棄，半途而廢，我想經(jīng)過不斷的努力什么樣的困難都能解決。人生就是這樣，充滿著各種挑戰(zhàn)，在這次畢業(yè)設計過程中我學到了很多，也懂得了許多。參考文獻：1 張軍.關于UI界面設計課程設置的構思與創(chuàng)想J.西安美術學院.2011：99-101.2 朱軒櫻.面向智能手機的UI界面設計

35、J.蘇州工業(yè)園區(qū)服務外包職業(yè)學院.2015：63-643 岳琳.智能手機UI界面設計分析探討 J.吉林藝術學院設計學院.2014：83-844 李翠.產(chǎn)品設計中的界面設計J.武昌首義學院.430064：256-2575 張美珍.淺析色彩在UI設計中的應用J.鄭州升達經(jīng)貿(mào)管理學院.2014：97-986 黃亞飛.UI設計與產(chǎn)品形象的關系探討J.揚州職業(yè)大學.2011（3）：1008-36937 屠秀棟.淺談UI設計J.安徽三聯(lián)學院.2010（7）：1706-10778 李紅玉.手機游戲UI圖形設計的符號化研究J.寧波教育學院學報.2015（3）：69-729 雷菁.淺析中國傳統(tǒng)元素在手機UI界面

36、設計中的應用J.通訊世界.2015（10）：20-2110 李黎.論手機UI設計中視覺藝術元素的構成J.現(xiàn)代裝飾.2015（7）：13311 聞剛.淺論視覺傳達效能在手機UI設計中的應用J.劍南文學.2013（2）：167-16812 顧炎輝.論手機UI設計發(fā)展趨勢J.淮陰工學院設計藝術學院.2009（33）：341-34213 尤勝.智能手機UI設計比較J.上海工藝藝術職業(yè)學院.2014（8）：33-3414 常麗.UI設計必須課M.北京：人民出版社，201515 王彥.手機游戲UI設計的一般性原則研究D.武漢：華中師范大學美術學院，2014致謝 時光荏苒，四年的大學時光即將結束。在這里，我

37、要向這四年中對我教育培養(yǎng)的老師們表示真誠地感謝。特別是我的論文指導老師老師。您認真負責的態(tài)度，值得我敬佩。這次畢業(yè)設計讓老師你傾注了無數(shù)的關心，幫我渡過了學習的難關，拓展了視野，從而使得論文順利的進行。通過此次畢業(yè)設計的制作，從中我學到了很多知識，彌補了以前學習過程中很多的不足。作為一個經(jīng)驗匱乏的我，難免會遇到種種困難，如果沒有指導老師的督促指導，順利完成是很難的。在此要感謝所有的老師，是您們?nèi)蝿谌卧沟母冻?，不辭辛苦的為我們改作業(yè)，為我們解答難題，為我打下專業(yè)的知識基礎。您們的這些精神深深地激勵著我們，幫助我們不斷的成長，成為我們?nèi)松闹嘎窡?。最后我要真摯的感謝我四年來的室友和同學們，從遙遠的家來到這個陌生的城市里，陪伴我走過那些風風雨雨的日子，那些瞬間無法忘懷，一切就好像昨天一樣，這份友誼和感情我會永遠銘記于心，再次表示對我的學校！敬愛的老師們！親愛的同學們表示深深地的感謝！19