【正文】 騰訊互聯(lián)網(wǎng)這三巨頭更是不會錯過這次契機(jī)，創(chuàng)業(yè)型的小公司在旅游類市場上也發(fā)了下力，擠進(jìn)來分一小杯羹。有關(guān)慶陽紅色旅游的 APP 在 UI 方面的設(shè)計更是不盡人意，很多圖片和景區(qū)內(nèi)容不相符，大量的景點圖片沒有經(jīng)過修理，網(wǎng)上找到后直接安放在了 APP 上，設(shè)計的界面粗糙不說，在顏色的 搭配以及 icon 的使用上也不協(xié)調(diào)。因為它留下了許多空間，讓設(shè)計不同的部分形成鮮明的對比，那么屏幕的焦點就會自然而然的顯現(xiàn)出來。 設(shè)計規(guī)格 設(shè)計的尺寸采用市場上常見的 iphone6 的尺寸 750px 1334px；分辨率最佳顯示為72ppi；色彩模式則采用 RGB 模式。 .3 啟動頁界面 注冊界面 注冊界面是采取手機(jī)注冊的方式進(jìn)行注冊 ，界面應(yīng)用紅色的小 icon， 讓界面充滿活力 。如圖 所示。比如背景圖我們會命名為 、按鈕圖命名為 、圖片為 等等，取它們的英文縮寫作為頭部，在界面上的位置用 xxx 表示。其次，提出了慶陽紅色旅游 APP 界面在 UI 方面的現(xiàn)狀，并闡述了項目目的以及項目內(nèi)容，同時對項目的行業(yè)背景、典型用戶及同類 APP進(jìn)行了分析。在此，謹(jǐn)向 XXX 導(dǎo)師表示崇高的敬意和衷心的感謝 !同時，還要深深感謝 XXX 學(xué)院各位老師對我四年來的關(guān)懷與指導(dǎo)，正是由于你們的幫助和支持，我才能克服一個一個的困難和疑惑，直至本文的順利完成。在頁面標(biāo)注的過程中，我們要保持統(tǒng)一的標(biāo)注方法，每個頁面標(biāo)注相同元素時位置要統(tǒng)一，這樣程序員在看到標(biāo)注時就會很清晰。 ios 與安卓切圖 ios 的屏幕精度分成 retina 與非 retina2 種，而 Android 的屏幕精度只要分成： mdpi（橫向屏幕 360px 左右）； hdpi（橫向屏幕 480px 左右）； xhdpi（橫向屏幕 720px 左右） 3 種。 .6 旅游攻略界面 慶陽美食界面 旅游美食界面將慶陽的美食全部陳列，采用飽和度較高的圖片來吸引用戶，勾起用戶的食欲。 圖 錯誤 !文檔中沒有指定樣式的文字。另外，設(shè)計的界面要符合人們的操作習(xí)慣。 留白原則 對于留白這個概念有時也叫它負(fù)空間。缺點是，界面的顏色相對單一，界 面上的照片有的不夠清晰，原因是慶陽紅色旅游剛剛被開發(fā)，他在網(wǎng)上的素材特別的少，而且大部分的素材并不清晰，隨著慶陽紅色旅游的進(jìn)一步發(fā)展，我想在互聯(lián)網(wǎng)上的素材也會越來越多，那樣界面在照片的美觀上就得到了解決。 內(nèi)頁的設(shè)計大部分采用列表的形式進(jìn)行展示， 這樣可以將重要的內(nèi)容全部展示出來，給用戶帶來清新的體驗，我的作品具有很高的體驗效果，用戶不 用 看引導(dǎo)頁就可以清晰的 找到自己想要的內(nèi)容 。好的 UI 設(shè)計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由 ， 充分體現(xiàn)軟件的定位和特點。 作者簽名： 二 O 一 年 月 日 5 慶陽紅色文化數(shù)字化平臺 智能手機(jī) APP 的 UI 設(shè)計 姓名 （ 地址 ） 摘要： 隨著互聯(lián)網(wǎng)行業(yè)的迅猛發(fā)展，手機(jī)移動設(shè)備不斷普及，許多應(yīng)用軟件的研發(fā)能夠便捷、有效的為客戶提供各式各樣服務(wù)。 關(guān)鍵字： 手機(jī) APP； UI 設(shè)計；慶陽紅色旅游 6 1 緒論 簡介 如今，隨著互聯(lián)網(wǎng)行業(yè)的的飛速發(fā)展，早先的應(yīng)用軟件已經(jīng)不能滿足用戶的需求。國內(nèi)也有很多設(shè)計的交流平臺，但是 這對于培養(yǎng)優(yōu)秀的 UI 設(shè)計師還是遠(yuǎn)遠(yuǎn)不夠的，我們必須要有多個資源豐富、設(shè)計優(yōu)秀、檢索方便、專業(yè)性強(qiáng)的 UI 設(shè)計學(xué)習(xí)與交流的平臺，才能滿足 UI 設(shè)計師們的需求，才能培養(yǎng)出優(yōu)秀的 UI 設(shè)計師。 近年來，作為一種新型旅游形式的紅色旅游廣泛地在神州大地上崛起。讓人們在忙碌的生活中放松身心，閱覽革命先烈的英雄事跡。我們的應(yīng)用最終的使用者是用戶，所以我們在設(shè)計的過程中要 11 以用戶為中心，以人為本，這樣才能得到更好的用戶體驗。是最合適的角度，給人一種對稱的美感。 圖 錯誤 !文檔中沒有指定樣式的文字。 圖 錯誤 !文檔中沒有指定樣式的文字。在標(biāo)注顏色時采用的是 16 進(jìn)制標(biāo)注法。課題針對慶陽紅色旅游 APP 的UI 設(shè)計，是從理論研究的基礎(chǔ)上由流程圖到原型圖再到最后的完成界面，是一個系統(tǒng)化的過程，開發(fā)慶陽紅色旅游 APP 也具有著重要的價值和深遠(yuǎn)的影響。 aesthetic demand but also achieves the purpose of the design, which shows the red tourist attractions, local resources, souvenirs,and red screenplay. Keywords: mobile phone APP。 標(biāo)注內(nèi)容 在標(biāo)注內(nèi)容的時候，我們需要標(biāo)注字體大小和字體顏色，字體大小采用的是以像素單位；在頂部標(biāo)題欄標(biāo)注背景色值，如果有透明度的話也需要進(jìn)行標(biāo)注；標(biāo)注 banner時我們只需要標(biāo)注它的高度，因為寬度是屏幕的寬度；標(biāo)注菜單圖標(biāo)時，不一 定非要標(biāo)圖標(biāo)本身寬度和高度，我們可以根據(jù)情況擴(kuò)大它的點擊范圍，使每個圖標(biāo)的標(biāo)注大小一樣。我所做的僅僅是 GUI 的一個展示界面， 將設(shè) 計的過程從上到下依次進(jìn)行排列，對 logo、原型圖、界面及展示效果進(jìn)行了排版 。 如圖 所示。 圖 錯誤 !文檔中沒有指定樣式的文字。根據(jù)遺忘曲線的研究發(fā)現(xiàn)，人類大腦對新事物遺忘的規(guī)律，短期記憶很不穩(wěn)定，在 24 小時內(nèi)就存在 25%的遺忘率。我們的 APP 最終是面向用戶的，所以不管什么設(shè)計都需要想到用戶再用這個 APP 的時候是否方便，怎么樣的交互界面即可得到用戶的滿意，又有亮點。國家也十分注重紅色旅游的發(fā)展，并安排專項資金來建設(shè)一些重點的革命老區(qū)和革命紀(jì)念地，將紅色旅游與自然景觀進(jìn)行了密切的結(jié)合，讓游客全身心的體會到革命的來之不易。慶陽紅色旅游 APP 的界面可以吸引用戶的眼球，美觀的照片加上 旅游地的詳細(xì)介紹，讓用戶有種想要旅行的沖動，可以增加慶陽本地的經(jīng)濟(jì)收入，并且?guī)又苓叺貐^(qū)的經(jīng)濟(jì)發(fā)展。幸運的是，一些舉目千里的民族企業(yè)家意識到了 UI 設(shè)計能夠給應(yīng)用軟件帶來的新的市場天地，例如我們熟知的金山公司，因為重視 UI 的設(shè)計在開發(fā)中的地位，才使得金山產(chǎn)品在同類軟件產(chǎn)品中獨占鰲頭。對本文的研究做出重要貢獻(xiàn)的個人和集體均已在文中以明確方式標(biāo)明。那么什么是 UI 設(shè)計呢？在百科上是這樣解釋的：“ UI 的本意是 UserInterface 也就是用戶與界面的關(guān)系。作品內(nèi)容包括有 :首頁、旅游攻略、慶陽美食、最新資訊、慶陽簡介、慶陽酒店、慶陽賓館、慶陽特產(chǎn)、租車公司、景區(qū)概況、關(guān)于我們等界面的設(shè)計 ，首頁界面的設(shè)計是整套 APP 界面設(shè)計的關(guān)鍵所在，我 將底部菜單欄分為 5 個模塊，分別為：首頁、旅游攻略、慶陽美食、最新資訊、我的，這 幾部分內(nèi)容為此 APP 著重設(shè)計的內(nèi)容。 9 典型用戶分析 用戶人群：針對于 1670 歲熱愛歷史、熱愛紅色旅游、追尋品質(zhì)生活的人群。界面設(shè)計擁有了一致性之后，用戶可以輕松學(xué)會操作，不需要相關(guān)人員去費力寫操作文檔。控件的擺放位置要保證協(xié)調(diào) 均衡，讓界面看上去和諧美麗。 圖 錯誤 !文檔中沒有指定樣式的文字。如圖 所示。開發(fā)同學(xué)在實現(xiàn)過程中，需要計算好每一個元素（包括文字，圖片等）的位置，然后在調(diào)用我們切好的圖進(jìn)行填充。這一部分我們也叫做安全區(qū)域，內(nèi)容部分不能跨過這個具體，否則用戶在使用時會感到頁面狹窄，影響美觀程度。不禁使我樹立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)、掌握了基本的研究方法，還讓我明白了許多待人接物與為人處事的道理。然后對慶陽紅色旅游APP Logo 的設(shè)計進(jìn)行介紹，對部分原型圖進(jìn)行展示。如 iPad mini、 iphone 6 和 iPhone 6 Plus在切圖命名時分別用 、 和 。 .8 最新資訊界面 我的界面 我的界面采用一些小 icon，讓頁面看起來更加精致，不至于枯燥乏味。 圖 錯誤 !文檔中沒有指定樣式的文字。 12 圖 錯誤 !文檔中沒有指定樣式的文字。留白則會提升用戶的閱讀體驗，也便于理解。 所以推出一款操作簡單、界面合理、內(nèi)容完整的慶陽紅色旅游的 APP 已是當(dāng)務(wù)之急。并且，一些區(qū)域性的旅游類 APP 也抓住機(jī)遇。那么如何趕超西方設(shè)計的使命也就肩負(fù)在了現(xiàn)代人的基礎(chǔ)上。通過對慶陽紅色旅游資源的整體 情況 調(diào)查，現(xiàn)階段還沒有一款系統(tǒng)化的關(guān)于慶陽紅色旅游的 APP，大多數(shù)為包含關(guān)系，并且都是界面粗糙，缺少生氣，設(shè)計呆板，內(nèi)容匱乏，不能吸引用戶的眼球，無法實現(xiàn)設(shè)計的目的。 UI 設(shè)計是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。 但隨著軟件種類的增多，相似的應(yīng)用軟件更是層出不窮，技術(shù)完全可以達(dá)到用戶的需求，這時，一個新的突破就有待開發(fā) ， UI 設(shè)計就成了 軟件的創(chuàng)新點，為了提高商品的賣點，商家們都非常重視界面的美觀與交互。所以，很多公互聯(lián)網(wǎng)司爭先恐后的涌入了這次爭奪戰(zhàn)中。