手機app設計畢業論文

1、<p><b>　　畢業論文</b></p><p><b>　　手機APP設計</b></p><p><b>　　摘 要</b></p><p>　　手機移動設備不斷普及，對手機設備的軟件需求越來越多，界面視覺效果良好，且具有良好體驗的應用留在自己的手機上長期使用，因此，手機ui設計在

2、當今移動互聯網迅猛發展的時代中顯現的尤為重要。我的作品是一款擁有時尚前衛的手機社交APP設計,把一些潮流的動感元素融入，轉化為有形的，可以看到的平面藝術中去，以平面化的表現方式進行美的表現，帶給人以此時無聲勝有聲的更高境界。時尚的紅色帶著少女的朝氣，視覺藝術的轉化基礎是人類基本的心靈感受，它使人們具有相似的或共同的審美體驗。界面在表現形式中也不同于常見的平面化界面，以平面設計中"立體化"的視覺表現形式為切入點進行創新

3、，此款手機APP產品設計主題突出、明確，整體色彩雖運用單色系列卻不顯現單調，界面風格整體統一，是一款人們值得擁有社交類APP，給予現在年輕人不同的社交體驗。作品獨特、具有視覺沖擊感，創意設計靈魂體現在每一個界面，如：柔美的線條，構成少女美妙的身姿，仿佛在跟隨著音樂起舞，在交互操作中會帶給人意想不到的驚喜體驗；細節決定一切，人性化的細節設計如：定位時間、地點以及日期、精確到每一個像素等細節呈現著令人賞心悅目的視覺效果。我的APP旅游產品設

4、計將</p><p>　　關鍵詞：創意設計，地點定位，時間定位，精細分類</p><p><b>　　目錄</b></p><p><b>　　摘 要I</b></p><p><b>　　1項目概述1</b></p><p>　　1.1項目目的和

5、內容1</p><p><b>　　1.2項目分析1</b></p><p>　　1.2.1行業背景分析1</p><p>　　1.2.2典型用戶分析1</p><p>　　1.2.3同類型APP分析1</p><p><b>　　1.3基本要素2</b><

6、/p><p>　　1.3.1設計風格定義2</p><p>　　1.3.2標準色定義2</p><p>　　1.3.3規格定義2</p><p><b>　　2概要設計3</b></p><p><b>　　2.1創意來源3</b></p><p&g

7、t;　　2.2產品的風格定義4</p><p>　　2.3手機APP流程圖4</p><p><b>　　3詳細設計5</b></p><p><b>　　3.1開場界面5</b></p><p>　　3.1.1原型圖5</p><p>　　3.1.2效果圖5&l

8、t;/p><p><b>　　3.2登錄界面6</b></p><p>　　3.2.1原型圖6</p><p>　　3.2.2效果圖6</p><p><b>　　3.3首頁界面7</b></p><p>　　3.3.1原型圖7</p><p>

9、　　3.3.2效果圖7</p><p><b>　　3.4注冊界面8</b></p><p>　　3.4.1原型圖8</p><p>　　3.4.2效果圖8</p><p>　　3.5個人中心界面9</p><p>　　3.5.1原型圖9</p><p>　　3

10、.6.2效果圖9</p><p>　　3.6購物界面1 10</p><p>　　3.6.1原型圖10</p><p>　　3.6.2效果圖10</p><p>　　3.7 購物界面211</p><p>　　3.7.1原型圖11</p><p>　　3.7.2效果圖11</

11、p><p>　　3.8分享界面12</p><p>　　3.8.1原型圖12</p><p>　　3.8.2效果圖12</p><p>　　3.9設置界面13</p><p>　　3.9.1原型圖13</p><p>　　3.9.2效果圖13</p><p>　　

12、4設計中所遇困難和解決方案14</p><p><b>　　5設計體會15</b></p><p><b>　　致謝16</b></p><p><b>　　1項目概述</b></p><p>　　1.1項目目的和內容</p><p>　　手機UI

13、設計 ：是手機軟件的人機交互、操作邏輯、界面美觀的整體設計。手機移動設備不斷普及，對手機設備的軟件需求越來越多，界面視覺效果良好，且具有良好體驗的應用留在自己的手機上長期使用，因此，手機ui設計在當今移動互聯網迅猛發展的時代中顯現的尤為重要。</p><p>　　我的作品是一款擁有時尚前衛的手機社交APP設計，主要針對于15-30歲時尚簡約、熱愛旅游與生活、追尋高品質生活的人群。此款手機APP設計主題突出、明確，

14、整體色彩雖運用熱烈的鮮紅卻不顯現單調，界面風格整體統一，是用平面化的表現方式為現實生活中忙碌的人們帶來一些不一樣的清新熱烈的體驗。我的作品具有高的體驗效果，創意設計把用戶所需要的體現在每一個界面，如：精確的分類，使用戶能找到自己所喜歡的分類，在交互操作中會帶給人意想不到的驚喜體驗；細節決定一切，人性化的細節設計如：時間定位、地點導航以及日歷指導、并且精確到每個像素的細節呈現著令人賞心悅目的視覺效果。我的APP界面設計將以實用和獨特的想法

15、呈現給用戶便捷、愉悅、貼心的交互體驗。</p><p>　　作品內容包括有：首頁（1）、、登錄（1張）、注冊（1張）、設置（1張）、分享（1張）、個人中心（1張）、購物分享（1張）、購物（1張）、開場頁（1張）</p><p><b>　　1.2項目分析</b></p><p>　　1.2.1行業背景分析</p><p>

16、;　　世界旅游業的快速發展已經成為現代世界經濟的一大特征。在過去的16年里，全球旅游業年平均增長率高達9%，成為世界第一大產業。根據世界旅游組織公布的數字，2002年全球旅游人次超過7億，較2001年增長了3.1%。在各種旅游形式中，休閑度假開始成為旅游的一種主要形式，相關的旅游產品已逐漸成為當今世界旅游產業中檔次最高的產品，并引領著當今世界旅游業的發展。 在今后相當長的一段時期內，世界性的旅游消費需求將保持持續增長的勢頭。到202

17、0年，全球僅國際旅游人數將達到16億人次，國際旅游收入將達2萬億美元。21世紀既是旅游業發展的“黃金時代”，更是“亞太世紀”。</p><p>　　我國旅游業發展迅速，現在已成為中國第三產業中最具活力的新興產業、國民經濟新的增長點，在第三產業優先發展序列中位居第一，并已被各地列為當地經濟發展的支柱行業、先導產業和龍頭行業。</p><p>　　再從移動端社交App下載量排行中可以看到近期，

18、近期關于社交App軟件應用的一些趨勢，微信、手機QQ、新浪微博、QQ空間仍然穩穩的位居了前四位，其中微信的周下載量為7萬次，是新浪微博下載量的3倍多，手機QQ的下載量為58萬次，是新浪微博的2倍多。因而騰訊在移動端社交App軟件將會穩穩的占據在前幾位，而且與其他社交軟件的差距將會進一步拉大。</p><p>　　YY語音、陌陌等移動社交App軟件在周下載量的排名，與總下載量的排名相比有所提升，這兩款軟件近期的下載

19、人氣呈現上升趨勢。</p><p>　　從移動端社交App用戶好評率曲線圖來看，社交App軟件的用戶好評率出現參次不齊的狀況，總體評價狀況并不佳，在騰訊的強大實力以及QQ天下里，YY語音能借助語音服務而上市，并且在移動端社交App排行榜中占據一席之地，這就說明移動端用戶對社交App軟件應用的一些需求并沒有被滿足，未來還有比較大的發展前景。</p><p>　　1.2.2典型用戶分析<

20、/p><p>　　用戶人群：針對于16-30歲時尚潮流、熱愛旅游、愛好交友，追尋品質生活的人群。</p><p>　　1.2.3同類型APP分析</p><p>　　相比同類型APP，我的既有缺點也有也他自身的亮點之處。缺點是，他剛剛被開發，并沒有被很多人熟知，在知名度上就有了欠缺，而且，他并有有先有APP所具有的酒店，飛機一體化，APP解決的缺陷。這可能會造成后期流量

21、的流失，對于這個缺點，后期開發時也會進行修正，以便使用戶使用時更貼心。</p><p>　　有點是，他具有現下APP所沒有的私人訂制功能和小景點，例如漫展、逛一些小型景點等，私人訂制可以為用戶貼心打造一個合適用戶，并且可以達到90%用戶相當滿意的程度，內容涵蓋詳盡，包含用戶出行所想不到的一些貼心服務，使用戶使用更便捷更貼心，至于小景點功能，就是可以發起一個組織，我們后臺可以為用戶尋找志趣相投的伙伴，去出行漫展等其

22、他活動等，這也為二次元的小伙伴的活動提供了一個平臺。雖然有美中不足之處，但是和同類型相比，我的APP還是存在他本身的優勢。</p><p><b>　　1.3基本要素設計</b></p><p>　　1.3.1設計風格定義</p><p>　　在Photoshop CS5中處理圖片的色階和飽和度，做主要的工作；輔助線的規劃，智能參考線的輔助，在

23、軟件中做出效果圖，之前則是需要Axure的輔助做好原型圖等。</p><p>　　1.3.2標準色定義</p><p><b>　　主要顏色：</b></p><p>　　# F44B50 #FFFFFF # F6C930 # 140808 </p><p>&l

24、t;b>　　1.3.3規格定義</b></p><p>　?。?）設計尺寸：640px 1136px;</p><p>　?。?）最佳顯示分辨率：72ppi;</p><p>　?。?）色彩模式：RGB;</p><p><b>　　2概要設計</b></p><p><

25、b>　　2.1創意來源 </b></p><p>　　在萬千人中遇到你，得之則幸，錯過就是一種無法掩飾的悲哀吧。這也是我的的創意來源，人生有無數個過客，但是誰又知道，那些過客中是否有你的知己好友，還是你的藍顏，亦或是一生不可或缺的哪一位呢？在當下這個來也匆匆，去也匆匆的時代，人們很少能交到除了工作圈，同學圈之外的朋友，就如我一樣，每天忙忙碌碌，想找到志同道合的好姐妹，但是去哪里找？想看漫展沒人陪

26、，想去喜歡的地點沒朋友結隊，想去唱歌，都在忙……這樣的情況大多數人都擁有過吧，外表拒人千里，內心其實熱烈如火，這也是為什么這次選擇使用嬌艷而不張揚的西瓜紅的原因，紅色不僅能帶來與眾不同的清新和時尚感，也能給人帶來心理上的愉悅，這也正是現下人們所或缺的一種熱情吧。</p><p>　　設計主題比較明確后，由此聯想便開始展開。創意是作品的靈魂，沒有靈魂的創意不可能成為一個好的創意，我的靈感來自與當下人際交往的淡漠，以

27、平面化的創意界面來為人們打開一個新的世界這也是我所希望看到的，我非常希望他能帶給用戶愉悅新鮮的體驗效果，帶給他們更多人性化的設計，感受到來自所有用戶的愛意。</p><p>　　在人際交往中，難免會產生一些不愉快的事情，甚至產生一些矛盾沖突。這時候我們就要學會寬容別人，不斤斤計較，正所謂退一步海闊天空。人不犯我，我不犯人。人先犯我，禮讓三分。不要因為一些小事而陷入人際糾紛，這樣我們會浪費很多時間，同時也變得很自私

28、自利變得很渺小。大家彼此喜歡和對方交往，并能從交往的過程中有所收獲，交往就得良性循環的進行下去。如果交往變成了負擔，變成了沒有意義的純粹是浪費時間的活動，那這樣的交往不會長久。感情愉悅往往作用于交往的前期。</p><p>　　交往的過程中，彼此的價值觀相似，不僅可以得到支持和共鳴，而且可以預測對方的行為傾向，這樣，雙方就比較容易適應。價值觀相似到了交往的后期起很大的作用，很多人因為價值觀的分歧而最后分道揚鑣。&

29、lt;/p><p>　　以此，界面以平面設計中“和諧”、“對比”、“平衡”、表現形式為切入點,突破平淡無趣的表現形式,是平面變的更有節奏感和空間延展,和傳統單一單調的設計有所不同，構建出更具表現力的新視覺語言,增強了視覺沖擊力；在平面化轉化基礎上增添打破傳統的設計理念使用戶可以得到更好的體驗。</p><p>　　好的創意設計充滿靈性與美感,能夠表達出思想，擁有地點定位和時間定位的功能也極具獨

30、特創新，讓體驗者產生美妙的愉悅感。</p><p>　　界面根據整體風格進行定位設計，其中的線條柔美的女性形像呈現給人以簡約，有趣的視覺效果，并且LOGO也有采用折紙的效果，線條的勾勒出的每一筆都充滿了動感，人性化的設置不用設定，也可為每位用戶定位你所在的位置時間，給人以不同尋常的獨到的設計。</p><p>　　2.2 產品的風格定義 </p

31、><p>　　主要風格：時尚、簡約的表現。</p><p>　　2.4手機APP流程圖</p><p><b>　　3設計表現說明</b></p><p><b>　　3.1開場界面</b></p><p><b>　　3.1.1原型圖</b></p&

32、gt;<p><b>　　3.1.2效果圖</b></p><p><b>　　3.2登錄界面</b></p><p><b>　　3.2.1.原型圖</b></p><p><b>　　3.2.2效果圖</b></p><p><b&

33、gt;　　3.3首頁界面</b></p><p><b>　　3.3.1.原型圖</b></p><p><b>　　3.3.2.效果圖</b></p><p><b>　　3.4注冊界面</b></p><p><b>　　3.4.1原型圖</b&

34、gt;</p><p><b>　　3.4.2效果圖</b></p><p><b>　　3.5個人中心界面</b></p><p><b>　　3.5.1原型圖</b></p><p><b>　　3.5.2效果圖</b></p><

35、p><b>　　3.6購物界面1 </b></p><p><b>　　3.6.1原型圖</b></p><p><b>　　3.6.2效果圖</b></p><p><b>　　3.7 購物界面2</b></p><p><b>　　3.

36、7.1原型圖</b></p><p><b>　　3.7.2效果圖</b></p><p><b>　　3.8分享界面</b></p><p><b>　　3.8.1原型圖</b></p><p><b>　　3.8.2效果圖</b></

37、p><p><b>　　3.9設置界面1</b></p><p><b>　　3.9.1原型圖</b></p><p><b>　　3.9.2效果圖</b></p><p>　　4設計中所遇困難和解決方案</p><p>　　在設計創作過程中遇到困難是在所難

38、免的，而設計的整個過程本身就帶著種種困難，發現并解決困難是一個過程，人生也是如此，跌宕起伏，不是完美也不盡人意，或多或少都會遇到人生難題，好的或者解決，壞的則自暴自棄，半途而廢，不再理會。在這次的APP設計中，我遇到了不少的難題，開始就是困難，被批評過色彩不夠活潑，也被指責過不夠用心，太過貪玩沒有盡心盡力去做好這個設計。就如，色彩的搭配及與實際應用的結合，圖形文字的識別性突出或不突出成為本次設計中的以難點，看似簡單，但是在設計創作當中，

39、要想作品能夠呈現出和主題相符合并且和諧的感覺還是很難的，而且必須保證在整體主題色調格局統一的前提下又不單調，就需要花費心思去思考，如首頁的分類設定，起初是用圓滑圓形來表示分類，但是與下面的各個欄目結合起來時，就會變的很是不和諧，所以改了數遍之后，還是采用圓滑的圓角矩形，與整體主題的完整性將受到的影響也會有所減輕。我堅信任何的問題都會有解決的辦法，無法解決的事情是沒有的，與同學進行交流共同探究、請教老師幫助解決、上網查閱有相關問題的資料，

40、通過比較各種解決方案，最后終于得出一個最完美的解決方法。在字體的上面輕輕的覆蓋一層半透明</p><p><b>　　5設計體會</b></p><p>　　本次設計作為我的大學畢業設計，重要性可想而知，我想每個同學都會無比重視，我也不例外，我只想把自己最好的一面表現出來，帶著熱愛設計，熱愛母校的心情。</p><p>　　本次設計APP界面，

41、我想了很多，但是也變了很多次，因為想得太多，就會有不同的想法開始迸發，想得越多思路就越發混亂，這也導致后面我的想法否決一次又一次之后才確定下來。之后把思維導圖畫出來，理清思路，知道該做什么，而不該做的就可以刪掉，思維導圖其實更好的幫我把思想整理清楚，之后的原型圖才能更好的做出來，沒有妨礙后續工作的進行。之后就要著手進行高保真的制作，俗話說：一口是無法吃個大胖子的；設計的過程是循序漸進的，我制作東西本來就比其他人要慢很多，并且喜歡摳細節，

42、細節摳的越細致就導致做的越慢，而且有時做東西的時候也會想自己的想法是否正確，是否能夠使用戶有好的體驗，這就導致不斷的涂涂改改，就會降低工作效率。</p><p>　　制作的過程中是包含了各種心酸體會，這里有很多困難，曾經也因此哭過笑過，但是想到是自己創造的，便有了動力，有了做下去的勇氣，雖然做東西比其他同學慢了點腳步，但是我最大的優點就是不到盡頭絕不后悔。因為APP涵蓋的方面太廣，其實也有很多地方沒有理清楚，上面

43、也說過，我的APP也存在他本身的確點，這些只能等后續才能得以完善，和現下流行的APP相比，他還是存在優勢。制作的再不易，也是會有收獲的，這次制作中，我對鋼筆摳圖，色階飽和度等又有了進一步的認識，也能夠熟練的使用鋼筆摳圖了。</p><p>　　這里畢業設計雖然結束了，但是我的設計之路還在延續，他或許很長，或許很苦很累，但是這是自己選擇的就絕不后悔，會一直走下去。</p><p><b

44、>　　致謝</b></p><p>　　此次設計感謝母校為我提供一個鍛煉自我、展示自我的平臺，感謝三年來對我的教育與培養，希望母校未來的發展會越來越好。感謝我摯愛并且尊敬的老師，是你們任勞任怨的付出才成就如今我的成長。在這里，請允許我向在我大學的學習與生活中起到具有不可代替性的老師，劉麗萍老師和劉凱老師深深的致敬，語言上的感激總是略顯蒼白無力，一聲感謝也太過淡薄，內心的感激之情根本無法言說，我尊

45、敬的老師給了我很多幫助，那些青蔥的歲月永遠印在我的腦海里，這也是最美好的回憶，我老師不辭辛苦的為我們改作業，為我們解答難題，有時候甚至忙到很晚，有時甚至深夜才能休息，這些精神深深的感動著我們，也激勵著我要努力成長，達到自己想要的高度。最后我要真摯的感謝我三年來的同窗好友，謝謝你們陪伴我走過風風雨雨，陪我熬夜參加比賽，那些瞬間，無法磨滅，我親愛的朋友謝謝你們在我最困難的時候陪著我走過，這份友誼和感情我會銘感于心，再次謝謝我親愛的母校！親愛