畢業(yè)設(shè)計(論文)紅色旅游智能手機app界面ui設(shè)計的論文_第1頁
畢業(yè)設(shè)計(論文)紅色旅游智能手機app界面ui設(shè)計的論文_第2頁
畢業(yè)設(shè)計(論文)紅色旅游智能手機app界面ui設(shè)計的論文_第3頁
畢業(yè)設(shè)計(論文)紅色旅游智能手機app界面ui設(shè)計的論文_第4頁
畢業(yè)設(shè)計(論文)紅色旅游智能手機app界面ui設(shè)計的論文_第5頁
已閱讀5頁,還剩18頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

編號畢業(yè)論文(設(shè)計)(2016屆本科)論文題目:慶陽紅色文化數(shù)字化平臺智能APP的UI設(shè)計學(xué)院:專業(yè):班級:2012級(1)班作者姓名:指導(dǎo)教師:職稱:完成日期:20年月日

TOC\o"1-3"\h\u23685誠信聲明 415088論文題目 517771中文摘要 5154161緒論 616069 617713 6324822項目概述 717763 718387 827804 812330 927957 91696 920902 920462 91915 106232 104901 1024258 1015177 1019788 1112142 1121431 113390 1167043.4.2設(shè)計標準色 111863.4.3設(shè)計規(guī)格 1114125 1124329 12106304.1Logo的設(shè)計 1222735 1224553 132092 138538 1332732 141640 1527648 1528976 166820 168818 1712538 1715419 18153265設(shè)計切圖及標注 1818162 1832044 1813263 1894365.1.3ios與安卓切圖 1828676 1823567 1930233 1931084 1930544 19126716總結(jié) 1917678參考文獻 2127388英文摘要 228855致謝 23

隴東學(xué)院本科生畢業(yè)論文(設(shè)計)誠信聲明本人鄭重聲明:所呈交的本科畢業(yè)論文(設(shè)計),是本人在指導(dǎo)老師的指導(dǎo)下,獨立進行研究工作所取得的成果,成果不存在知識產(chǎn)權(quán)爭議,除文中已經(jīng)注明引用的內(nèi)容外,本論文不含任何其他個人或集體已經(jīng)發(fā)表或撰寫過的作品成果。對本文的研究做出重要貢獻的個人和集體均已在文中以明確方式標明。本人完全意識到本聲明的法律結(jié)果由本人承擔。作者簽名:二O一年月日

慶陽紅色文化數(shù)字化平臺智能APP的UI設(shè)計姓名(地址)摘要:隨著互聯(lián)網(wǎng)行業(yè)的迅猛發(fā)展,移動設(shè)備不斷普及,許多應(yīng)用軟件的研發(fā)能夠便捷、有效的為客戶提供各式各樣服務(wù)。在功能相似的基礎(chǔ)上,便捷的操作及優(yōu)秀的界面設(shè)計就成了這些軟件競爭的關(guān)鍵,APP的UI設(shè)計自然也就顯得尤為重要。那么,什么是UI設(shè)計呢?百科上的定義是:“UI即UserInterface(用戶界面)的簡稱。UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計?!北疚闹饕榻B的是一款關(guān)于慶陽紅色旅游的APP的UI設(shè)計。慶陽市是著名的革命老區(qū),境內(nèi)有南梁革命紀念館、山城堡戰(zhàn)役遺址、河連灣陜甘寧省政府舊址等豐富的紅色旅游景區(qū)。通過對慶陽紅色旅游資源的整體情況調(diào)查,現(xiàn)階段還沒有一款系統(tǒng)化的關(guān)于慶陽紅色旅游的APP,大多數(shù)為包含關(guān)系,并且都是界面粗糙,缺少生氣,設(shè)計呆板,內(nèi)容匱乏,不能吸引用戶的眼球,無法實現(xiàn)設(shè)計的目的。因此,慶陽紅色旅游的APP的UI設(shè)計是值得研究的課題。本文主要通過對慶陽紅色旅游景區(qū)的了解,設(shè)計“慶陽紅色旅游”的APP界面,展示出紅色旅游景區(qū)、本土資源、紀念品、紅色劇本等具有慶陽紅色文化的數(shù)字化平臺,滿足客戶的審美需求,實現(xiàn)設(shè)計的目的。關(guān)鍵字:APP;UI設(shè)計;慶陽紅色旅游

1緒論如今,隨著互聯(lián)網(wǎng)行業(yè)的的飛速發(fā)展,早先的應(yīng)用軟件已經(jīng)不能滿足用戶的需求。強大的功能在激烈的市場競爭中不在是制約用戶的關(guān)鍵,也不足以戰(zhàn)勝強有力的對手。幸運的是,一些舉目千里的民族企業(yè)家意識到了UI設(shè)計能夠給應(yīng)用軟件帶來的新的市場天地,例如我們熟知的金山公司,因為重視UI的設(shè)計在開發(fā)中的地位,才使得金山產(chǎn)品在同類軟件產(chǎn)品中獨占鰲頭。實踐證明,界面美觀和易用設(shè)計相結(jié)合的產(chǎn)品才會更加受到用戶的歡迎,能夠給產(chǎn)品帶來巨大的效益,達到事半功倍的效果。因此,UI設(shè)計將會更加受到人們的重視。那么什么是UI設(shè)計呢?在百科上是這樣解釋的:“UI的本意是UserInterface也就是用戶與界面的關(guān)系。他包括交互設(shè)計,用戶研究,與界面設(shè)計三個部分。好的UI設(shè)計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由,充分體現(xiàn)軟件的定位和特點?!?015年可以說是界面設(shè)計的一個小浪潮,許多美工、平面設(shè)計師也開始轉(zhuǎn)行像UI設(shè)計師進發(fā)。但是目前還有很多的商家他們認為軟件產(chǎn)品的核心是技術(shù),所做的應(yīng)用軟件最終都是面向用戶的,而用戶的需求很簡單,那就是實現(xiàn)功能,功能實現(xiàn)了,問題也就解決了,所以這些商家在招聘時,幾乎沒有UI設(shè)計師這個職位,都是編寫代碼的開發(fā)人員,而大部分編程師都自以為是藝術(shù)家,界面設(shè)計簡單無趣,只要實現(xiàn)功能就能得到用戶的滿意,所以他們不去遵循用戶界面的設(shè)計標準也不花心思讓產(chǎn)品好用,相反地,他們錯誤地認為編寫更加方便簡潔的代碼或者是找一套自認為美觀的顏色才是最重要的事,而UI設(shè)計只是起到輔助的作用。但隨著軟件種類的增多,相似的應(yīng)用軟件更是層出不窮,技術(shù)完全可以達到用戶的需求,這時,一個新的突破就有待開發(fā),UI設(shè)計就成了軟件的創(chuàng)新點,為了提高商品的賣點,商家們都非常重視界面的美觀與交互。這就使UI設(shè)計走向了時代的小高潮,隨之UI設(shè)計師也開始不斷地擴大了規(guī)模。但是,中國的UI設(shè)計和西方發(fā)達國家的還是有很大的差距的,很大部分的軟件界面都是臨摹西方國家的軟件界面,沒有一點新穎與創(chuàng)新。那么如何趕超西方設(shè)計的使命也就肩負在了現(xiàn)代人的基礎(chǔ)上。提高UI設(shè)計師個人水平是中國UI發(fā)展中首要的問題。現(xiàn)階段,在國內(nèi)的高校還沒有創(chuàng)建一個相對健全的UI課程,而提高UI設(shè)計師的關(guān)鍵在于有一個良好的學(xué)習(xí)氛圍和交流平臺。國內(nèi)也有很多設(shè)計的交流平臺,但是這對于培養(yǎng)優(yōu)秀的UI設(shè)計師還是遠遠不夠的,我們必須要有多個資源豐富、設(shè)計優(yōu)秀、檢索方便、專業(yè)性強的UI設(shè)計學(xué)習(xí)與交流的平臺,才能滿足UI設(shè)計師們的需求,才能培養(yǎng)出優(yōu)秀的UI設(shè)計師。2項目概述慶陽紅色旅游這款應(yīng)用軟件的設(shè)計目的不僅是為了宣傳慶陽紅色旅游景點、紀念品、紅色皮影劇等具有慶陽特色的紅色旅游產(chǎn)品,它的設(shè)計還要滿足旅游者的需求,便利旅游者的出行,促進紅色旅游業(yè)的發(fā)展,增強愛國主義的精神,開拓更加龐大的紅色旅游市場等。慶陽紅色旅游APP的界面可以吸引用戶的眼球,美觀的照片加上旅游地的詳細介紹,讓用戶有種想要旅行的沖動,可以增加慶陽本地的經(jīng)濟收入,并且?guī)又苓叺貐^(qū)的經(jīng)濟發(fā)展??梢哉f,作為一款專業(yè)地方性的旅游APP,他帶來的將是廣泛的經(jīng)濟效益、社會效益以及深遠的政治影響。我的作品是一款擁有關(guān)于慶陽紅色旅游的APP的UI設(shè)計。作品內(nèi)容包括有:首頁、旅游攻略、慶陽美食、最新資訊、慶陽簡介、慶陽酒店、慶陽賓館、慶陽特產(chǎn)、租車公司、景區(qū)概況、關(guān)于我們等界面的設(shè)計,首頁界面的設(shè)計是整套APP界面設(shè)計的關(guān)鍵所在,我將底部菜單欄分為5個模塊,分別為:首頁、旅游攻略、慶陽美食、最新資訊、我的,這幾部分內(nèi)容為此APP著重設(shè)計的內(nèi)容。由于搭建框架時,APP的內(nèi)容較多,并且不存在包含關(guān)系,所以我采用首頁模塊劃分的方式,將APP的主要功能用八種不同顏色的色塊加上8個精致的icon構(gòu)成了8個模塊的內(nèi)容,在首頁中顯示的列表還包含推薦景點和推薦酒店,這兩項內(nèi)容也是用戶最關(guān)心的內(nèi)容,所以我將它放在了首頁上,可以讓用戶一目了然,當然,在相應(yīng)的內(nèi)頁也包含這部分的內(nèi)容。內(nèi)頁的設(shè)計大部分采用列表的形式進行展示,這樣可以將重要的內(nèi)容全部展示出來,給用戶帶來清新的體驗,我的作品具有很高的體驗效果,用戶不用看引導(dǎo)頁就可以清晰的找到自己想要的內(nèi)容。此款A(yù)PP的UI設(shè)計主題突出、明確,界面色彩雖運用鮮艷的紅色但并不顯得單調(diào),界面風格整體統(tǒng)一,作品在設(shè)計時精確到每一個像素,給用戶一種悅目娛心的感覺。自從移動互聯(lián)網(wǎng)走進了人們的生活,五花八門的旅游類APP也隨之到來,這是一次旅游業(yè)上的革命,抓住這次商機,就能開括旅游市場。所以,很多公互聯(lián)網(wǎng)司爭先恐后的涌入了這次爭奪戰(zhàn)中。在這次爭奪戰(zhàn)中,攜程旅行、去哪兒還有同程旅游占得先機,百度、阿里巴巴、騰訊互聯(lián)網(wǎng)這三巨頭更是不會錯過這次契機,創(chuàng)業(yè)型的小公司在旅游類市場上也發(fā)了下力,擠進來分一小杯羹。目前,旅游類的APP基本上都是由酒店、餐飲、機票、門票、路線等模塊組成的有查詢預(yù)訂功能的綜合性服務(wù)平臺,攜程旅行可以作為首個代表。并且,一些區(qū)域性的旅游類APP也抓住機遇。截至2016年3月15日,通過對部分商店的調(diào)查,它們包含旅游類的APP的數(shù)據(jù)分別為:豌豆莢132個、應(yīng)用寶有410個、安卓市場430個、360助手640個、百度助手310個、安智市場972個。統(tǒng)計得出,在單個商店上線的區(qū)域性旅游類APP510個,總下載次數(shù)卻達到了20759343次。近年來,作為一種新型旅游形式的紅色旅游廣泛地在神州大地上崛起。隨著人們生活水平的提高,越來越多的人涌入到紅色旅游中來,來緬懷革命先烈。國家也十分注重紅色旅游的發(fā)展,并安排專項資金來建設(shè)一些重點的革命老區(qū)和革命紀念地,將紅色旅游與自然景觀進行了密切的結(jié)合,讓游客全身心的體會到革命的來之不易。從移動端旅游類APP的下載量中可以看出,關(guān)于旅游類APP軟件應(yīng)用的一些趨勢,攜程旅行、去哪網(wǎng)、同城旅游穩(wěn)穩(wěn)的位居了前三位,他們的月下載量都在10萬次以上,這就說明移動端用戶對旅游APP軟件有很強的依賴性,通過對旅游APP用戶好評率來看,用戶的總體評價并不佳,經(jīng)過分析,這種情況是因為這些APP雖然做的規(guī)模龐大,但是針對某些景點的介紹并不清楚。比如慶陽紅色旅游的景點,在這三款A(yù)PP的查詢中更是鳳毛麟角,所以為了讓客戶滿意,有針對性的地方旅游類APP的設(shè)計是很重要的,慶陽紅色旅游APP既是針對地方特色的一款A(yù)PP。用戶人群:針對于16-70歲熱愛歷史、熱愛紅色旅游、追尋品質(zhì)生活的人群。APP分析相比同類型APP的設(shè)計,我設(shè)計的APP既有缺點也有優(yōu)點。缺點是,界面的顏色相對單一,界面上的照片有的不夠清晰,原因是慶陽紅色旅游剛剛被開發(fā),他在網(wǎng)上的素材特別的少,而且大部分的素材并不清晰,隨著慶陽紅色旅游的進一步發(fā)展,我想在互聯(lián)網(wǎng)上的素材也會越來越多,那樣界面在照片的美觀上就得到了解決。優(yōu)點是,界面統(tǒng)一,條理清晰,小圖標的風格一致,并且在設(shè)計時采用一像素不差的原則,讓用戶在使用時感覺非常的舒適,可以讓90%用戶達到相當滿意的程度,內(nèi)容涵蓋詳盡,包含用戶出行所想不到的一些貼心服務(wù),讓用戶使用時更便捷更貼心。我也下載了一很多地方性的旅游APP,大部分都是界面粗糙,為了實現(xiàn)功能而去制作,完全不顧慮界面的美觀程度,并且界面不能達到統(tǒng)一的效果,用戶在使用時更是摸不到頭腦。目前,慶陽紅色旅游剛剛處于起步階段,很多相關(guān)慶陽紅色旅游的APP中資料不完整,一般都是一些大型的APP將慶陽紅色旅游景點提到一些,很多內(nèi)容嚴重丟失,甚至有的紅色旅游景點都沒有攝入,不能將慶陽紅色旅游及本土資源全部展現(xiàn)給用戶。有關(guān)慶陽紅色旅游的APP在UI方面的設(shè)計更是不盡人意,很多圖片和景區(qū)內(nèi)容不相符,大量的景點圖片沒有經(jīng)過修理,網(wǎng)上找到后直接安放在了APP上,設(shè)計的界面粗糙不說,在顏色的搭配以及icon的使用上也不協(xié)調(diào)。更有甚者文字排版都錯亂不堪,讓用戶無法進行閱讀,更無法進行操作。所以推出一款操作簡單、界面合理、內(nèi)容完整的慶陽紅色旅游的APP已是當務(wù)之急。選擇慶陽紅色旅游APP的UI設(shè)計這個主題作為畢業(yè)論文,是因為本身自己本身就很喜歡革命先烈的的故事,再加上慶陽市是著名的革命老區(qū),而我在這里上了四年的大學(xué),對慶陽的紅色旅游景點以及地方特色都做了詳細的了解,所以想到了這個主題。因為做的是紅色旅游,所以在選擇顏色的時候首先選擇的就是紅色作為APP界面的主要顏色,并紅色可以給人帶來清新和時尚的感覺,也能帶來喜悅的心情。讓人們在忙碌的生活中放松身心,閱覽革命先烈的英雄事跡。設(shè)計主題明確后,開始展開無窮的聯(lián)想,然后查閱大量的資料和同類的應(yīng)用軟件,再根據(jù)自己想要設(shè)計的內(nèi)容進行整理分析,先做一個大致的流程圖,將我們需要展示的功能一一列舉,然后將確立的大模塊逐步細分,形成幾個小模塊,再根據(jù)產(chǎn)品的一特征做創(chuàng)新。我們的APP最終是面向用戶的,所以不管什么設(shè)計都需要想到用戶再用這個APP的時候是否方便,怎么樣的交互界面即可得到用戶的滿意,又有亮點。遵循界面設(shè)計的一致性是交互設(shè)計的基本規(guī)范。除了在元素、數(shù)值、鏈接和其他數(shù)據(jù)的展現(xiàn)形式上都要保持著統(tǒng)一,還要在場景和含義上保持一致。界面設(shè)計擁有了一致性之后,用戶可以輕松學(xué)會操作,不需要相關(guān)人員去費力寫操作文檔。用戶在使用時,就會建立一個標準的界面框架模型,在熟練了一個界面后,切換到另一個界面便可隨心所欲的進行操作,并且?guī)淼囊曈X效果也很贊,給用戶一種高度統(tǒng)一的感覺,體驗度得到上升。對于留白這個概念有時也叫它負空間。可能我們看見這個名詞時,認為它是流出來一部分白色的空間來,其實不然,留白指的是一部分區(qū)域,這部分區(qū)域不一定就是白的,它只是頁面布局中環(huán)繞各元素的空白空間。留白的作用主要是將內(nèi)容進行區(qū)分,形成鮮明的對比。針對于繁雜的頁面布局,適當?shù)牧舭啄茏岉撁婵雌饋碚麧?,并且重點突出。因為它留下了許多空間,讓設(shè)計不同的部分形成鮮明的對比,那么屏幕的焦點就會自然而然的顯現(xiàn)出來。如果界面上的文字過多,它就會顯得十分擁擠,影響閱讀興趣。留白則會提升用戶的閱讀體驗,也便于理解。留白還可以突顯界面中其他的色彩,這對于吸引用戶有很大的作用。用戶體驗的原則指的是我們在設(shè)計界面時要從用戶的角度出發(fā),而不是從一名設(shè)計師的角度思考問題。我們的應(yīng)用最終的使用者是用戶,所以我們在設(shè)計的過程中要以用戶為中心,以人為本,這樣才能得到更好的用戶體驗。。設(shè)計過程中時,要考慮大腦處理信息的范圍。根據(jù)遺忘曲線的研究發(fā)現(xiàn),人類大腦對新事物遺忘的規(guī)律,短期記憶很不穩(wěn)定,在24小時內(nèi)就存在25%的遺忘率。所以一個界面上的信息量不宜過多,否則影響會用戶的體驗效果。設(shè)計界面時,要保證界面的協(xié)調(diào)性??丶臄[放位置要保證協(xié)調(diào)均衡,讓界面看上去和諧美麗。將重要的控件放在明顯的位置,讓用戶便于瀏覽和操作。另外,設(shè)計的界面要符合人們的操作習(xí)慣。用AdobeIllustratorCS6設(shè)計Logo的矢量圖。用AdobePhotoshopCS6處理圖片,做為設(shè)計的主要軟件;利用智能參考線的輔助,在軟件中做出效果圖。3.4.2設(shè)計標準色主要顏色:#F7253E;#FFF9D00;#F9F9F9;#DDDDDD。3.4.3設(shè)計規(guī)格設(shè)計的尺寸采用市場上常見的iphone6的尺寸750px1334px;分辨率最佳顯示為72ppi;色彩模式則采用RGB模式。APP框架結(jié)構(gòu)圖在確定了需要設(shè)計的模塊以后,我們要根據(jù)模塊建立一個框架結(jié)構(gòu)圖,讓我們在設(shè)計的時候可以按部就班有思路的去設(shè)計。圖STYLEREF1\s3.5APP框架結(jié)構(gòu)圖4.1Logo的設(shè)計Logo的設(shè)計采用慶陽紅色旅游中“紅色”二字的首字母“H”和“S”組合而成,為了突出紅色旅游的特色,Logo的顏色采用了最具有代表性的中國紅,象征著革命的勝利;鮮艷的紅色與中國國旗的顏色相互照應(yīng)。Logo的形狀采取上下、左右均對稱,角度為27°,是最合適的角度,給人一種對稱的美感。如下圖4.1所示。圖STYLEREF1\s4.1logo圖形原型圖是根據(jù)我們確定的流程圖而設(shè)計的界面基本框架圖,主要利用的是黑白灰三種顏色搭建界面的輪廓,更快的為客戶展示視覺效果。部分原型圖如圖4.2所示。圖STYLEREF1\s原型圖引導(dǎo)頁采用的是目前市場上比較流行的扁平化界面進行設(shè)計,用一個小人的形象來統(tǒng)一界面的規(guī)劃,介紹了軟件的主要功能,如圖4.3.1所示。圖STYLEREF1\s.1引導(dǎo)頁界面啟動頁也采用扁平的設(shè)計風格,底色采用徑向漸變的紅色,放上設(shè)計好的logo,并在下方放上一個具有革命歷史性的小車,整個界面看起來協(xié)調(diào)、輕快,讓用戶每次打開APP都有愉悅的心情。如圖4.3.2所示。圖STYLEREF1\s.3啟動頁界面注冊界面是采取注冊的方式進行注冊,界面應(yīng)用紅色的小icon,讓界面充滿活力。如圖4.3.3所示。圖STYLEREF1\s.3注冊界面登錄界面有用戶和密碼兩部分內(nèi)容,輸入后點擊登錄進入界面。如圖4.3.4所示。圖STYLEREF1\s.4登錄界面首頁將慶陽紅色旅游APP的模塊全部展現(xiàn),其中包含:慶陽簡介、旅游酒店、慶陽賓館、慶陽特產(chǎn)、租車公司、一步導(dǎo)航、關(guān)于我們的模塊,用戶可以通過首頁了解整套APP的規(guī)劃。如圖4.3.5所示。圖STYLEREF1\s.5首頁界面旅游攻略界面采用了列表的排列方式,怎樣游慶陽的攻略全部進行了陳列,點進去一個模塊可以得到詳細的介紹。如圖4.3.6所示。圖STYLEREF1\s.6旅游攻略界面旅游美食界面將慶陽的美食全部陳列,采用飽和度較高的圖片來吸引用戶,勾起用戶的食欲。如圖4.3.7所示。圖STYLEREF1\s.7旅游美食界面最新資訊界面也采用的是列表的展示形式,時刻更新慶陽市紅色旅游景點的情況和一些旅游類文章。如圖4.3.8所示。圖STYLEREF1\s.8最新資訊界面我的界面采用一些小icon,讓頁面看起來更加精致,不至于枯燥乏味。界面包含我的資料、軟件反饋、分享給好友、軟件設(shè)置和版本升級5大模塊。如圖4.3.9所示。圖STYLEREF1\s.9我的界面GUI就是圖形用戶界面的簡稱,是指采用圖形方式顯示的計算機操作用戶界面。我所做的僅僅是GUI的一個展示界面,將設(shè)計的過程從上到下依次進行排列,對logo、原型圖、界面及展示效果進行了排版。5設(shè)計切圖及標注切圖是指將設(shè)計稿切成便于制作成頁面的圖片,并完成html+css布局的靜態(tài)頁面,通俗來講,把一張設(shè)計圖利用到切片工具把自己所需的切成一張張小圖,然后用DIV+CSS完成靜態(tài)頁面書寫,完成CSS布局。在APP中切圖,與在web中切圖大致是一樣的。開發(fā)同學(xué)在實現(xiàn)過程中,需要計算好每一個元素(包括文字,圖片等)的位置,然后在調(diào)用我們切好的圖進行填充。一般切圖的格式在ps中存儲成web格式時,選擇的是PNG24,而啟動頁和引導(dǎo)頁的切圖采用的是PNG8的格式進行存儲。5.1.3ios與安卓切圖ios的屏幕精度分成retina與非retina2種,而Android的屏幕精度只要分成:mdpi(橫向屏幕360px左右);hdpi(橫向屏幕480px左右);xhdpi(橫向屏幕720px左右)3種。慶陽紅色旅游APP在設(shè)計時,是按照retina進行的切圖。APP的切圖可分為背景、按鈕、圖片、TabBar、icon等幾大類。為了讓切圖的命名整齊規(guī)范,我們會按照它的特性命名。比如背景圖我們會命名為bg_xxx.png、按鈕圖命名為btn_xxx.png、圖片為img_xxx.png等等,取它們的英文縮寫作為頭部,在界面上的位置用xxx表示。如果在設(shè)計時需要成倍數(shù)關(guān)系的話,可以在后綴名前加上@2x,表示二倍的關(guān)系;@3x則表示三倍的關(guān)系。如iPadmini、iphone6和iPhone6Plus在切圖命名時分別用bg_xxx.png、bg_xxx@2x.png和bg_xxx@3x.png。慶陽紅色旅游APP是按照iphone6的尺寸進行設(shè)計的,所以切圖命名時采用的都是@2x的命名方式。APP標注顏色我在標注慶陽紅色旅游APP時應(yīng)用的軟件是馬克鰻,當然其他軟件也可以辦到。在標注顏色時采用的是16進制標注法。如果采取16進制和RGB兩種色值表達的方法可能會更加的清晰。APP標注內(nèi)容在標注內(nèi)容的時候,我們需要標注字體大小和字體顏色,字體大小采用的是以像素單位;在頂部標題欄標注背景色值,如果有透明度的話也需要進行標注;標注banner時我們只需要標注它的高度,因為寬度是屏幕的寬度;標注菜單圖標時,不一定非要標圖標本身寬度和高度,我們可以根據(jù)情況擴大它的點擊范圍,使每個圖標的標注大小一樣。標注圖文信息時,圖片要標注寬高,文字要標注大小,顏色和行高,有特殊字體的也要進行標注。APP標注位置所有元素統(tǒng)一距離屏幕最左24px和最右24px。這一部分我們也叫做安全區(qū)域,內(nèi)容部分不能跨過這個具體,否則用戶在使用時會感到頁面狹窄,影響美觀程度。這一部分也是需要我們進行標注的部分。在頁面標注的過程中,我們要保持統(tǒng)一的標注方法,每個頁面標注相同元素時位置要統(tǒng)一,這樣程序員在看到標注時就會很清晰。

所有的頁面標注總結(jié)起來就是:標文字,標圖片,標間距,標區(qū)域;這些全部掌握了,我們就可以將做好的APP標注出來了。6總結(jié)本論文主要講述了一款關(guān)于慶陽紅色文化數(shù)字化平臺智能APP的UI設(shè)計。首先論文介紹了UI設(shè)計的含義,以及UI設(shè)計面臨的問題,國內(nèi)與國外存在的差距,總結(jié)出在國內(nèi)UI設(shè)計的發(fā)展途徑。其次,提出了慶陽紅色旅游APP界面在UI方面的現(xiàn)狀,并闡述了項目目的以及項目內(nèi)容,同時對項目的行業(yè)背景、典型用戶及同類APP進行了分析。隨后,介紹了項目的創(chuàng)意來源,敘述了軟件界面的前期準備工作、軟件界面設(shè)計的原則,并對界面色彩和APP的流程圖進行了展示。然后對慶陽紅色旅游APPLogo的設(shè)計進行介紹,對部分原型圖進行展示。選擇設(shè)計中具有代表性的界面進行列舉。最后對設(shè)計的切圖以及標注做了詳細的解釋。課題針對慶陽紅色旅游APP的UI設(shè)計,是從理論研究的基礎(chǔ)上由流程圖到原型圖再到最后的完成界面,是一個系統(tǒng)化的過程,開發(fā)慶陽紅色旅游APP也具有著重要的價值和深遠的影響。

參考文獻[1]毛陳誠.旅游類移動應(yīng)用的用戶需求分析研究[J].武漢理工大學(xué),2013[2]彭佳.\t"://cdmdki/Article/_blank"基于用戶體驗的老年智能APP界面交互設(shè)計研究[D].華東理工大學(xué),2014[3]汪海波,薛澄岐,佘醒.\t"://cdmdki/Article/_blank"圖形用戶界面的隱喻設(shè)計研究[J].安徽建筑工業(yè)學(xué)院學(xué)報(自然科學(xué)版),2011年[4]林立藩.\t"://cdmdki/Article/_blank"視覺傳達設(shè)計師與UI設(shè)計[D].福建師范大學(xué),2009[5]祝瑜,王毅,黃海燕.\t"://cdmdki/Article/_blank"界面設(shè)計的視覺語言分析及其風格化設(shè)計藝術(shù)研究[J].包裝工程,2007年12期[6]柳冠中.\t"://cdmdki/Article/_blank"設(shè)計:人類未來不被毀滅的“第三種智慧”[J].設(shè)計藝術(shù)研究,2011[7]\t"://wwwki/Article/_blank"何超,\t"://wwwki/Article/_blank"宋永永,\t"://wwwki/Article/_blank"薛方.慶陽市紅色旅游SWOT分析[F].\t"://wwwki/Article/_blank"隴東學(xué)院學(xué)報,2013[8]尹曉穎,朱竑,甘萌雨.\t"://wwwki/Article/_blank"紅色旅游產(chǎn)品特點和發(fā)展模式研究[J].人文地理,2005[9]霍學(xué)喜,譚文楓,牛軍讓.慶陽香包民俗文化產(chǎn)業(yè)化項目組織管理淺析[J].陜西農(nóng)業(yè)科學(xué)院,2006[10]宋麗娟.\t"://wwwki/Article/_blank"紅色旅游動力機制研究[D].南昌大學(xué),2010年

QingyangredculturedigitalplatformsmartphoneAPPUIdesignAbstract:WiththedevelopmentoftheInternetindustryrapidlyandtheuniversalofmobilephones,manyAPPlicationsdevelopedprovideawiderangeofservicesforcustomersinaconvenientandeffectiveway.Basedonsimilarfunction,convenientoperationandexcellentinterfacedesignwillbecomethekeytocompetitionofthosesoftware.SotheUIdesignofmobileAPPisveryimportantnaturally.But,whatistheUIdesign?ItisshortforUserInterfaceonWikipedia.AndUIdesignreferstothesoftware’swholedesign

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論