手機APP設計畢業(yè)論文正稿

1、 I / 31經貿職業(yè)學院畢業(yè)論文手機手機 APPAPP 設計設計論文論文 任任 思思 縈縈 專專 業(yè)：業(yè)： 數字媒體數字媒體 學學 號：號：班班 級：級： 1212 數字媒體數字媒體 指導教師指導教師: : 麗萍麗萍 答辯委員會主席答辯委員會主席_ 評閱人評閱人_論文答辯日期論文答辯日期_ I / 31獨創(chuàng)性聲明本人聲明所呈交的畢業(yè)論文是我個人在導師指導下進行的研究工作與取得的成果。盡我所知，除文中已經標明引用的容外，本論文不包含任何其他個人或集體已經發(fā)表或撰寫過的研究成果。對本文的研究做出貢獻的個人和集體，均已在文中以明確方式標明。本人完全意識到本聲明的法律結果由本人承擔。論文作者簽名：

2、日期： 年 月 日畢業(yè)論文使用授權書 本畢業(yè)論文作者完全了解學校有關保留、使用畢業(yè)論文的規(guī)定，即：學校有權保留并向有關部門或機構送交論文的復印件和電子版，允許論文被查閱和借閱。本人授權經貿職業(yè)學院要以將本論文的全部或部分容編入有關數據庫進行檢索，可以采用影印、縮印或掃描等復制手段保存和匯編本論文。，在_年解密后適用本授權書. 本論文屬于 不。（請在以上方框打“”）畢業(yè)論文作者簽名： 指導教師簽名：日期： 年 月 日 日期： 年 月 日 I / 31摘 要手機移動設備不斷普與，對手機設備的軟件需求越來越多，界面視覺效果良好，且具有良好體驗的應用留在自己的手機上長期使用，因此，手機 ui 設計在當

3、今移動互聯(lián)網迅猛發(fā)展的時代中顯現的尤為重要。我的作品是一款擁有時尚前衛(wèi)的手機社交 APP 設計,把一些潮流的動感元素融入，轉化為有形的，可以看到的平面藝術中去，以平面化的表現方式進行美的表現，帶給人以此時無聲勝有聲的更高境界。時尚的紅色帶著少女的朝氣，視覺藝術的轉化基礎是人類基本的心靈感受，它使人們具有相似的或共同的審美體驗。界面在表現形式中也不同于常見的平面化界面，以平面設計中立體化的視覺表現形式為切入點進行創(chuàng)新，此款手機 APP 產品設計主題突出、明確，整體色彩雖運用單色系列卻不顯現單調，界面風格整體統(tǒng)一，是一款人們值得擁有社交類 APP，給予現在年輕人不同的社交體驗。作品獨特、具有視覺沖

4、擊感，創(chuàng)意設計靈魂體現在每一個界面，如：柔美的線條，構成少女美妙的身姿，仿佛在跟隨著音樂起舞，在交互操作中會帶給人意想不到的驚喜體驗；細節(jié)決定一切，人性化的細節(jié)設計如：定位時間、地點以與日期、精確到每一個像素等細節(jié)呈現著令人賞心悅目的視覺效果。我的 APP 旅游產品設計將以實用和獨特的想法呈現給用戶便捷、新穎、貼心的交互體驗。關鍵詞：創(chuàng)意設計，地點定位，時間定位，精細分類 II / 31目錄摘要摘要 I I1 1 項目概述項目概述 1 11.1 項目目的和容 11.2 項目分析 11.2.1 行業(yè)背景分析 11.2.2 典型用戶分析 11.2.3 同類型 APP 分析 11.3 基本要素 21

5、.3.1 設計風格定義 21.3.2 標準色定義 21.3.3 規(guī)格定義 22 2 概要設計概要設計 3 32.1 創(chuàng)意來源 32.2 產品的風格定義 42.3 手機 APP 流程圖 43 3 詳細設計詳細設計 5 53.1 開場界面 53.1.1 原型圖 53.1.2 效果圖 53.2 登錄界面 63.2.1 原型圖 63.2.2 效果圖 63.3 首頁界面 73.3.1 原型圖 7 III / 313.3.2 效果圖 73.4 注冊界面 83.4.1 原型圖 83.4.2 效果圖 83.5 個人中心界面 93.5.1 原型圖 93.6.2 效果圖 93.6 購物界面 1103.6.1 原型

6、圖 103.6.2 效果圖 103.7 購物界面 2113.7.1 原型圖 113.7.2 效果圖 113.8 分享界面 123.8.1 原型圖 123.8.2 效果圖 123.9 設置界面 133.9.1 原型圖 133.9.2 效果圖 134 4 設計中所遇困難和解決方案設計中所遇困難和解決方案 1 14 45 5 設計體會設計體會 1 15 5致致 1 16 6 1 / 311 項目概述1.1 項目目的和容手機 UI 設計 ：是手機軟件的人機交互、操作邏輯、界面美觀的整體設計。手機移動設備不斷普與，對手機設備的軟件需求越來越多，界面視覺效果良好，且具有良好體驗的應用留在自己的手機上長期使

7、用，因此，手機 ui 設計在當今移動互聯(lián)網迅猛發(fā)展的時代中顯現的尤為重要。我的作品是一款擁有時尚前衛(wèi)的手機社交 APP 設計，主要針對于 15-30 歲時尚簡約、熱愛旅游與生活、追尋高品質生活的人群。此款手機 APP 設計主題突出、明確，整體色彩雖運用熱烈的鮮紅卻不顯現單調，界面風格整體統(tǒng)一，是用平面化的表現方式為現實生活中忙碌的人們帶來一些不一樣的清新熱烈的體驗。我的作品具有高的體驗效果，創(chuàng)意設計把用戶所需要的體現在每一個界面，如：精確的分類，使用戶能找到自己所喜歡的分類，在交互操作中會帶給人意想不到的驚喜體驗；細節(jié)決定一切，人性化的細節(jié)設計如：時間定位、地點導航以與日歷指導、并且精確到每個

8、像素的細節(jié)呈現著令人賞心悅目的視覺效果。我的 APP 界面設計將以實用和獨特的想法呈現給用戶便捷、愉悅、貼心的交互體驗。作品容包括有：首頁（1）、登錄（1）、注冊（1）、設置（1）、分享（1）、個人中心（1）、購物分享（1）、購物（1）、開場頁（1）1.2 項目分析1.2.1 行業(yè)背景分析世界旅游業(yè)的快速發(fā)展已經成為現代世界經濟的一大特征。在過去的 16 年里，全球旅游業(yè)年平均增長率高達 9%，成為世界第一大產業(yè)。根據世界旅游組織公布的數字，2002 年全球旅游人次超過 7 億，較 2001 年增長了 3.1%。在各種旅游形式中，休閑度假開始成為旅游的一種主要形式，相關的旅游產品已逐漸成為當今

9、世界旅游產業(yè)中檔次最高的產品，并引領著當今世界旅游業(yè)的發(fā)展。 在今后相當長的一段時期，世界性的旅游消費需求將保持持續(xù)增長的勢頭。到 2020 年，全球僅國際旅游人數將達到 16 億人次，國際旅游收入將達 2 萬億美元。21 世紀既是旅游業(yè)發(fā)展的“黃金時代”，更是“亞太世紀”。我國旅游業(yè)發(fā)展迅速，現在已成為中國第三產業(yè)中最具活力的新興產業(yè)、 2 / 31國民經濟新的增長點，在第三產業(yè)優(yōu)先發(fā)展序列中位居第一，并已被各地列為當地經濟發(fā)展的支柱行業(yè)、先導產業(yè)和龍頭行業(yè)。再從移動端社交 App 下載量排行中可以看到近期，近期關于社交 App 軟件應用的一些趨勢，微信、手機 、新浪微博、 空間仍然穩(wěn)穩(wěn)的位

10、居了前四位，其中微信的周下載量為 7 萬次，是新浪微博下載量的 3 倍多，手機 的下載量為 58 萬次，是新浪微博的 2 倍多。因而騰訊在移動端社交 App 軟件將會穩(wěn)穩(wěn)的占據在前幾位，而且與其他社交軟件的差距將會進一步拉大。YY 語音、陌陌等移動社交 App 軟件在周下載量的排名，與總下載量的排名相比有所提升，這兩款軟件近期的下載人氣呈現上升趨勢。從移動端社交 App 用戶好評率曲線圖來看，社交 App 軟件的用戶好評率出現參次不齊的狀況，總體評價狀況并不佳，在騰訊的強大實力以與 天下里，YY 語音能借助語音服務而上市，并且在移動端社交 App 排行榜中占據一席之地，這就說明移動端用戶對社交

11、 App 軟件應用的一些需求并沒有被滿足，未來還有比較大的發(fā)展前景。1.2.2 典型用戶分析用戶人群：針對于 16-30 歲時尚潮流、熱愛旅游、愛好交友，追尋品質生活的人群。1.2.3 同類型 APP 分析相比同類型 APP，我的既有缺點也有也他自身的亮點之處。缺點是，他剛剛被開發(fā)，并沒有被很多人熟知，在知名度上就有了欠缺，而且，他并有有先有 APP 所具有的酒店，飛機一體化，APP 解決的缺陷。這可能會造成后期流量的流失，對于這個缺點，后期開發(fā)時也會進行修正，以便使用戶使用時更貼心。有點是，他具有現下 APP 所沒有的私人訂制功能和小景點，例如漫展、逛一些小型景點等，私人訂制可以為用戶貼心打

12、造一個合適用戶，并且可以達到90%用戶相當滿意的程度，容涵蓋詳盡，包含用戶出行所想不到的一些貼心服務，使用戶使用更便捷更貼心，至于小景點功能，就是可以發(fā)起一個組織，我們后臺可以為用戶尋找志趣相投的伙伴，去出行漫展等其他活動等，這也為二次元的小伙伴的活動提供了一個平臺。雖然有美中不足之處，但是和同類型相比，我的 APP 還是存在他本身的優(yōu)勢。 3 / 311.3 基本要素設計1.3.1 設計風格定義在 Photoshop CS5 中處理圖片的色階和飽和度，做主要的工作；輔助線的規(guī)劃，智能參考線的輔助，在軟件中做出效果圖，之前則是需要 Axure 的輔助做好原型圖等。1.3.2 標準色定義主要顏色

13、：#F44B50 #FFFFFF #F6C930 #140808 1.3.3 規(guī)格定義（1）設計尺寸：640px1136px; （2）最佳顯示分辨率：72ppi; （3）色彩模式：RGB; 4 / 312 概要設計2.1 創(chuàng)意來源在萬千人中遇到你，得之則幸，錯過就是一種無法掩飾的悲哀吧。這也是我的的創(chuàng)意來源，人生有無數個過客，但是誰又知道，那些過客中是否有你的知己好友，還是你的藍顏，亦或是一生不可或缺的哪一位呢？在當下這個來也匆匆，去也匆匆的時代，人們很少能交到除了工作圈，同學圈之外的朋友，就如我一樣，每天忙忙碌碌，想找到志同道合的好姐妹，但是去哪里找？想看漫展沒人陪，想去喜歡的地點沒朋友結隊

14、，想去唱歌，都在忙這樣的情況大多數人都擁有過吧，外表拒人千里，心其實熱烈如火，這也是為什么這次選擇使用嬌艷而不揚的西瓜紅的原因，紅色不僅能帶來與眾不同的清新和時尚感，也能給人帶來心理上的愉悅，這也正是現下人們所或缺的一種熱情吧。設計主題比較明確后，由此聯(lián)想便開始展開。創(chuàng)意是作品的靈魂，沒有靈魂的創(chuàng)意不可能成為一個好的創(chuàng)意，我的靈感來自與當下人際交往的淡漠，以平面化的創(chuàng)意界面來為人們打開一個新的世界這也是我所希望看到的，我非常希望他能帶給用戶愉悅新鮮的體驗效果，帶給他們更多人性化的設計，感受到來自所有用戶的愛意。在人際交往中，難免會產生一些不愉快的事情，甚至產生一些矛盾沖突。這時候我們就要學會寬

15、容別人，不斤斤計較，正所謂退一步海闊天空。人不犯我，我不犯人。人先犯我，禮讓三分。不要因為一些小事而陷入人際糾紛，這樣我們會浪費很多時間，同時也變得很自私自利變得很渺小。大家彼此喜歡和對方交往，并能從交往的過程中有所收獲，交往就得良性循環(huán)的進行下去。如果交往變成了負擔，變成了沒有意義的純粹是浪費時間的活動，那這樣的交往不會長久。感情愉悅往往作用于交往的前期。交往的過程中，彼此的價值觀相似，不僅可以得到支持和共鳴，而且可以預測對方的行為傾向，這樣，雙方就比較容易適應。價值觀相似到了交往的后期起很大的作用，很多人因為價值觀的分歧而最后分道揚鑣。以此，界面以平面設計中“和諧”、“對比”、“平衡”、表

16、現形式為切入點,突破平淡無趣的表現形式,是平面變的更有節(jié)奏感和空間延展,和傳統(tǒng)單一 5 / 31單調的設計有所不同，構建出更具表現力的新視覺語言,增強了視覺沖擊力；在平面化轉化基礎上增添打破傳統(tǒng)的設計理念使用戶可以得到更好的體驗。好的創(chuàng)意設計充滿靈性與美感,能夠表達出思想，擁有地點定位和時間定位的功能也極具獨特創(chuàng)新，讓體驗者產生美妙的愉悅感。界面根據整體風格進行定位設計，其中的線條柔美的女性形像呈現給人以簡約，有趣的視覺效果，并且 LOGO 也有采用折紙的效果，線條的勾勒出的每一筆都充滿了動感，人性化的設置不用設定，也可為每位用戶定位你所在的位置時間，給人以不同尋常的獨到的設計。2.2 產品的

17、風格定義主要風格：時尚、簡約的表現。2.4 手機 APP 流程圖 6 / 313 設計表現說明3.1 開場界面3.1.1 原型圖 7 / 313.1.2 效果圖 8 / 313.2 登錄界面3.2.1.原型圖 9 / 313.2.2 效果圖 10 / 313.3 首頁界面3.3.1.原型圖 11 / 313.3.2.效果圖 12 / 313.4 注冊界面3.4.1 原型圖 13 / 313.4.2 效果圖 14 / 313.5 個人中心界面3.5.1 原型圖 15 / 313.5.2 效果圖 16 / 313.6 購物界面 1 3.6.1 原型圖 17 / 313.6.2 效果圖 18 / 3

18、13.7 購物界面 23.7.1 原型圖 19 / 313.7.2 效果圖 20 / 313.8 分享界面3.8.1 原型圖 21 / 313.8.2 效果圖 22 / 313.9 設置界面 13.9.1 原型圖 23 / 313.9.2 效果圖 24 / 314 設計中所遇困難和解決方案在設計創(chuàng)作過程中遇到困難是在所難免的，而設計的整個過程本身就帶著種種困難，發(fā)現并解決困難是一個過程，人生也是如此，跌宕起伏，不是完美也不盡人意，或多或少都會遇到人生難題，好的或者解決，壞的則自暴自棄，半途而廢，不再理會。在這次的 APP 設計中，我遇到了不少的難題，開始就是困難，被批評過色彩不夠活潑，也被指責

19、過不夠用心，太過貪玩沒有盡心盡力去做好這個設計。就如，色彩的搭配與與實際應用的結合，圖形文字的識別性突出或不突出成為本次設計中的以難點，看似簡單，但是在設計創(chuàng)作當中，要想作品能夠呈現出和主題相符合并且和諧的感覺還是很難的，而且必須保證在整體主題色調格局統(tǒng)一的前提下又不單調，就需要花費心思去思考，如首頁的分類設定，起初是用圓滑圓形來表示分類，但是與下面的各個欄目結合起來時，就會變的很是不和諧，所以改了數遍之后，還是采用圓滑的圓角矩形，與整體主題的完整性將受到的影響也會有所減輕。我堅信任何的問題都會有解決的辦法，無法解決的事情是沒有的，與同學進行交流共同探究、請教老師幫助解決、上網查閱有相關問題的

20、資料，通過比較各種解決方案，最后終于得出一個最完美的解決方法。在字體的上面輕輕的覆蓋一層半透明的黑色矩形框，這樣，既不失其整體色調的統(tǒng)一性，又表現出了想要達到的視覺效果。這樣類似的問題還有很多，但是有問題就會有解決，不管是多么困難的事，只要有心人愿意去做，愿意去解決，就會有解決的一天，事情也會有圓滿的時候，求知的精神才是我們所需要也更要努力的。 25 / 315 設計體會本次設計作為我的大學畢業(yè)設計，重要性可想而知，我想每個同學都會無比重視，我也不例外，我只想把自己最好的一面表現出來，帶著熱愛設計，熱愛母校的心情。本次設計 APP 界面，我想了很多，但是也變了很多次，因為想得太多，就會有不同的想法開始迸發(fā)，想得越多思路就越發(fā)混亂，這也導致后面我的想法否決一次又一次之后才確定下來。之后把思維導圖畫出來，理清思路，知道該做什么，而不該做的就可以刪掉，思維導圖其實更好的幫我把思想整理清楚，之后的原型圖才能更好的做出來，沒有妨礙后續(xù)工作的進行。之后就要著手進行高保真的制作，俗話說：一口是無法吃個大胖子的；設計的過程是循序漸進的，我制作東西本來就比其他人要慢很多，并且喜歡摳細節(jié)，細節(jié)摳的越細致就導致做的越慢，而且有時做東西的時候也會想自己的想法是否正確，是否能夠使用戶有好的體驗，這就導致不斷的涂涂改改，就會降低工作效率。制作的過程中是包含了