【正文】 。本論文從選題、構(gòu)思、結(jié)構(gòu)以及實(shí)證研究方法等方面經(jīng)過反復(fù)修改和最后的完稿，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。 Qingyang red tourism 23 致謝 本論文是在導(dǎo)師 XXX 教授的悉心指導(dǎo)下完成的，導(dǎo)師淵博的專業(yè)知識，精益求精的工作作風(fēng)，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度，誨人不倦的高尚師德，嚴(yán)以律己、寬于待人的崇高風(fēng)范，樸實(shí)無華、平易近人的人格魅力對我有著深 遠(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。課題針對慶陽紅色旅游 APP 的UI 設(shè)計，是從理論研究的基礎(chǔ)上由流程圖到原型圖再到最后的完成界面，是一個系統(tǒng)化的過程，開發(fā)慶陽紅色旅游 APP 也具有著重要的價值和深遠(yuǎn)的影響。選擇設(shè)計中具有代表性的界面進(jìn) 20 行列舉。隨后，介紹了項(xiàng)目的創(chuàng)意來源，敘述了軟件界面的前期準(zhǔn)備工作、軟件界面設(shè)計的原則，并對 界面色彩和 APP 的流程圖進(jìn)行了展示。首先論文介紹了 UI 設(shè)計的含義，以及 UI 設(shè)計面臨的問題，國內(nèi)與國外存在的差距，總結(jié)出在國內(nèi) UI 設(shè)計的發(fā)展途徑。 所有的頁面 標(biāo)注總結(jié)起來就是：標(biāo)文字，標(biāo)圖片，標(biāo)間距，標(biāo)區(qū)域； 這些全部掌握了，我們就可以將做好的 APP 標(biāo)注出來了。這一部分也是需要我們進(jìn)行標(biāo)注的部分。 標(biāo)注位置 所有元素統(tǒng)一距離屏幕最左 24px 和最右 24px。 標(biāo)注內(nèi)容 在標(biāo)注內(nèi)容的時候，我們需要標(biāo)注字體大小和字體顏色，字體大小采用的是以像素單位；在頂部標(biāo)題欄標(biāo)注背景色值，如果有透明度的話也需要進(jìn)行標(biāo)注；標(biāo)注 banner時我們只需要標(biāo)注它的高度，因?yàn)閷挾仁瞧聊坏膶挾?；?biāo)注菜單圖標(biāo)時，不一 定非要標(biāo)圖標(biāo)本身寬度和高度，我們可以根據(jù)情況擴(kuò)大它的點(diǎn)擊范圍，使每個圖標(biāo)的標(biāo)注大小一樣。在標(biāo)注顏色時采用的是 16 進(jìn)制標(biāo)注法。慶陽紅色旅游APP 是按照 iphone 6 的尺寸進(jìn)行 設(shè)計的，所以切圖命名時采用的都是 2x的命名方式。如果在設(shè)計時需要成倍數(shù)關(guān)系的話，可以在后綴名前加上2x，表示二倍的關(guān)系； 3x 則表示三倍的關(guān)系。為了讓切圖的命名 整齊規(guī)范，我們會按照它的特性命名。慶陽紅色旅游 APP 在設(shè)計時，是按照 retina 進(jìn)行的切圖。 切圖的格式 一般切圖 的格式在 ps 中存儲成 web 格式時，選擇的是 PNG24，而啟動頁和引導(dǎo)頁的切圖采用的是 PNG8 的格式進(jìn)行存儲。在 APP 中切圖，與在 web 中切圖大致是一樣的。我所做的僅僅是 GUI 的一個展示界面， 將設(shè) 計的過程從上到下依次進(jìn)行排列，對 logo、原型圖、界面及展示效果進(jìn)行了排版 。 圖 錯誤 !文檔中沒有指定樣式的文字。界面包含我的資料、軟件反饋、分享給好友、軟件設(shè)置和版本升級 5 大模塊。 圖 錯誤 !文檔中沒有指定樣式的文字。 .7 旅游美食界面 17 最新資訊界面 最新資訊界面也采用的是列表的展示形式，時刻更新 慶陽市紅色旅游景點(diǎn)的情況和一些旅游類文章。如圖 所示。 圖 錯誤 !文檔中沒有指定樣式的文字。 .5 首頁界面 16 旅游攻略界面 旅游攻略界面采用了列表的排列方式，怎樣游慶陽的攻略全部進(jìn)行了陳列，點(diǎn)進(jìn)去一個模塊可以得到詳細(xì)的介紹。 如圖 所示。 圖 錯誤 !文檔中沒有指定樣式的文字。 .3 注冊界面 15 登錄界面 登錄界面有用戶和密碼兩部分內(nèi)容，輸入后點(diǎn)擊登錄進(jìn)入界面。如圖 所示。 圖 錯誤 !文檔中沒有指定樣式的文字。 .1 引導(dǎo)頁界面 啟動頁界面 14 啟動頁也采用扁平的設(shè)計風(fēng)格， 底色采用徑向漸變的紅色，放上設(shè)計好的 logo，并在下方放上一個具有革命歷史性的小車，整個界面看起來協(xié)調(diào)、輕快，讓用戶每次打開 APP 都有愉悅的心情 。 原型圖 主要界面設(shè)計 引導(dǎo)頁界面 引導(dǎo)頁采用的是目前市場上比較流行的扁平化界面進(jìn)行設(shè)計， 用一 個小人的形象來統(tǒng)一界面的規(guī)劃， 介紹了軟件的主要功能，如圖 所示。部分原型圖如圖 所示。 圖 錯誤 !文檔中沒有指定樣式的文字。是最合適的角度，給人一種對稱的美感。 手機(jī) APP 框架結(jié)構(gòu)圖 Logo 的設(shè)計 Logo 的設(shè)計采用慶陽紅色旅游中“紅色”二字的首字母“ H”和“ S”組合而成，為了突出紅色旅游的特色， Logo 的顏色采用了最具有代表性的中國紅，象征著革命的勝利；鮮艷的紅色與中國國旗的 顏色相互照應(yīng)。 手機(jī) APP 框架結(jié)構(gòu)圖 在確定了需要設(shè)計的模塊以后，我們要根據(jù)模塊建立一個框架結(jié)構(gòu)圖，讓我們在設(shè)計的時候可以按部就班有思路的去設(shè)計。 設(shè)計標(biāo)準(zhǔn)色 主要顏色： F7253E； FFF9D00； F9F9F9； DDDDDD。 基本要素設(shè)計 設(shè)計軟件 用 Adobe Illustrator CS6 設(shè)計 Logo 的矢量圖。將重要的控件放在明顯的位置，讓用戶便于瀏覽和操作。 協(xié)調(diào)性原則 設(shè)計界面時，要保證界面的協(xié)調(diào)性。根據(jù)遺忘曲線的研究發(fā)現(xiàn)，人類大腦對新事物遺忘的規(guī)律，短期記憶很不穩(wěn)定，在 24 小時內(nèi)就存在 25%的遺忘率。我們的應(yīng)用最終的使用者是用戶，所以我們在設(shè)計的過程中要 11 以用戶為中心，以人為本，這樣才能得到更好的用戶體驗(yàn)。留白還可以突顯界面中其他的色彩，這對于吸引用戶有很大的作用。如果界面上的文字過多，它就會顯得十分擁擠，影響閱讀興趣。針對于繁雜的頁面布局，適當(dāng)?shù)牧舭啄茏岉撁婵雌饋碚麧崳⑶抑攸c(diǎn)突出?？赡芪覀兛匆娺@個名詞時，認(rèn) 為它是流出來一部分白色的空間來，其實(shí)不然，留白指的是一部分區(qū)域，這部分區(qū)域不一定就是白的，它只是頁面布局中環(huán)繞各元素的空白空間。用戶在使用時，就會建立一個標(biāo)準(zhǔn)的界面框架模型，在熟練了一個界面后，切換到另一個界面便可隨心所欲的進(jìn)行操作，并且?guī)淼囊曈X效果也很贊，給用戶一種高度統(tǒng)一的感覺，體驗(yàn)度得到上升。除了在元素、數(shù)值、鏈接和其他數(shù)據(jù)的展現(xiàn)形式上都要保持著統(tǒng)一，還要在場景和含義上保持一致。我們的 APP 最終是面向用戶的，所以不管什么設(shè)計都需要想到用戶再用這個 APP 的時候是否方便，怎么樣的交互界面即可得到用戶的滿意，又有亮點(diǎn)。讓人們在忙碌的生活中放松身心，閱覽革命先烈的英雄事跡。 創(chuàng)意來源 選擇慶陽紅色旅游 APP 的 UI 設(shè)計這個主題作為畢業(yè)論文，是因?yàn)楸旧碜约罕旧砭秃芟矚g革命先烈的的故事，再加上慶陽市是著名的革命老區(qū)，而我在這里上了四年的大學(xué)，對慶陽的紅色旅游景點(diǎn)以及地方特色都做了詳細(xì)的了解，所以想到了這個主題。更有甚者文字排版都錯亂不堪，讓用戶無法進(jìn)行閱讀，更無法進(jìn)行操作。 慶陽紅色旅游軟件開發(fā)在 UI 方面的現(xiàn)狀 目前， 慶陽紅色旅游剛剛處于起步階段，很多相關(guān)慶陽紅色旅游的 APP 中資料不完整 ，一般都是一些大型的 APP 將慶陽紅色旅游景點(diǎn)提到一些，很多內(nèi)容嚴(yán)重丟失，甚至有的紅色旅游景點(diǎn)都沒有攝入，不能將慶陽紅色旅游及本土資源全部展現(xiàn)給用戶 。優(yōu)點(diǎn)是，界面統(tǒng)一，條理清晰，小圖標(biāo)的風(fēng)格一致，并且在設(shè)計時采用一像素不差的原則，讓用戶在使用時感覺非常的舒適， 可以讓 90%用戶達(dá)到相當(dāng) 滿意的程度，內(nèi)容涵蓋詳盡，包含用戶出行所想不到的一些貼心服務(wù)，讓 用戶使用 時 更便捷更貼心。 同類 APP 分析 相比同類型 APP 的設(shè)計，我設(shè)計的 APP 既有缺點(diǎn)也有優(yōu)點(diǎn)。比如慶陽紅色旅游的景點(diǎn)，在這三款 APP 的查詢中更是鳳毛麟角，所以為了讓客戶滿意，有針對性的地方旅游類 APP 的設(shè)計是很重要的，慶陽紅色旅游 APP 既是針對地方特色的一款 APP。國家也十分注重紅色旅游的發(fā)展，并安排專項(xiàng)資金來建設(shè)一些重點(diǎn)的革命老區(qū)和革命紀(jì)念地，將紅色旅游與自然景觀進(jìn)行了密切的結(jié)合，讓游客全身心的體會到革命的來之不易。 近年來，作為一種新型旅游形式的紅色旅游廣泛地在神州大地上崛起。截至 2021 年 3 月 15 日，通過對部分手機(jī)商店的調(diào)查，它們包含旅游類的 APP 的數(shù)據(jù)分別為：豌豆莢 132 個、應(yīng)用寶有 410 個、安卓市場 430個、 360 手機(jī)助手 640 個、百度手機(jī)助手 310 個、安智市場 972 個。 目前，旅游類的 APP 基本上都是由酒店、餐飲、機(jī)票、門票、路線等模塊組成的有查詢預(yù)訂功能的綜合性服務(wù)平臺，攜程旅行可以作為首個代表。所以，很多公互聯(lián)網(wǎng)司爭先恐后的涌入了這次爭奪戰(zhàn)中。 8 此款手機(jī) APP 的 UI 設(shè)計主題突出、明確，界面色彩雖運(yùn)用鮮艷的紅色但并不顯得單調(diào)，界面風(fēng)格整體統(tǒng)一，作品在設(shè)計時精確到每一個像素，給用戶一種悅目娛心的感覺。由于搭建框架時， APP 的內(nèi)容較多，并且不存在包含關(guān)系，所以我采用首頁 模塊劃分 的方式， 將 APP 的主要功能 用八種不同顏色的色塊加上 8 個精致的 icon 構(gòu)