【正文】 .................. 16 慶陽美食界面 ................................................................................................................. 16 最新資訊界面 ................................................................................................................. 17 我的界面 ......................................................................................................................... 17 的排版展示 ................................................................................................................. 18 5 設(shè)計(jì)切圖及標(biāo)注 ................................................................................................................... 18 設(shè)計(jì)切圖 ............................................................................................................................ 18 切圖的含義 ..................................................................................................................... 18 切圖的格式 ..................................................................................................................... 18 ios 與安卓切圖 ................................................................................................................ 18 切圖命名格式 ................................................................................................................. 18 設(shè)計(jì)標(biāo)注 ............................................................................................................................ 19 標(biāo)注顏色 .................................................................................................................. 19 標(biāo)注內(nèi)容 .................................................................................................................. 19 標(biāo)注位置 .................................................................................................................. 19 6 總結(jié) ....................................................................................................................................... 19 參考文獻(xiàn) .................................................................................................................................. 21 英文摘要 .................................................................................................................................. 22 致謝 .......................................................................................................................................... 23 4 隴東學(xué)院本科生畢業(yè)論文（設(shè)計(jì)）誠信聲明 本人鄭重聲明：所呈交的 本科畢業(yè)論文（設(shè)計(jì)），是本人在指導(dǎo)老師的指導(dǎo)下，獨(dú)立進(jìn)行研究工作所取得的成果，成果不存在知識產(chǎn)權(quán)爭議，除文中已經(jīng)注明引用的內(nèi)容外，本論文不含任何其他個人或集體已經(jīng)發(fā)表或撰寫過的作品成果。在功能相似的基礎(chǔ)上，便捷的操作及優(yōu)秀的界面設(shè)計(jì)就成了這些軟件競爭的關(guān)鍵，手機(jī) APP 的 UI 設(shè)計(jì)自然也就顯得尤為重要。 慶陽市是著名的革命老區(qū)，境內(nèi) 有南梁革命紀(jì)念館、山城堡戰(zhàn)役遺址、河連灣陜甘寧省政府舊址等豐富的紅色旅游景區(qū)。 關(guān)鍵字： 手機(jī) APP； UI 設(shè)計(jì)；慶陽紅色旅游 6 1 緒論 簡介 如今，隨著互聯(lián)網(wǎng)行業(yè)的的飛速發(fā)展，早先的應(yīng)用軟件已經(jīng)不能滿足用戶的需求。 因此，UI 設(shè)計(jì) 將會更加 受 到 人們的重視。” 軟件開發(fā)的界面設(shè)計(jì)現(xiàn)狀 2021 年可以說是界面設(shè)計(jì)的一個小浪潮，許多美工、平面設(shè)計(jì)師也開始轉(zhuǎn)行像UI 設(shè)計(jì)師進(jìn)發(fā)。但是，中國的 UI 設(shè)計(jì)和西方發(fā)達(dá)國家的還是有很大的差距的，很大部分的軟件界面都是臨摹西方國家的軟件界面，沒有一點(diǎn)新穎與創(chuàng)新。國內(nèi)也有很多設(shè)計(jì)的交流平臺，但是 這對于培養(yǎng)優(yōu)秀的 UI 設(shè)計(jì)師還是遠(yuǎn)遠(yuǎn)不夠的，我們必須要有多個資源豐富、設(shè)計(jì)優(yōu)秀、檢索方便、專業(yè)性強(qiáng)的 UI 設(shè)計(jì)學(xué)習(xí)與交流的平臺，才能滿足 UI 設(shè)計(jì)師們的需求，才能培養(yǎng)出優(yōu)秀的 UI 設(shè)計(jì)師。 我的作品是一款擁有關(guān)于慶陽紅色旅游的 APP 的 UI 設(shè)計(jì)。 8 此款手機(jī) APP 的 UI 設(shè)計(jì)主題突出、明確，界面色彩雖運(yùn)用鮮艷的紅色但并不顯得單調(diào)，界面風(fēng)格整體統(tǒng)一，作品在設(shè)計(jì)時精確到每一個像素，給用戶一種悅目娛心的感覺。 目前，旅游類的 APP 基本上都是由酒店、餐飲、機(jī)票、門票、路線等模塊組成的有查詢預(yù)訂功能的綜合性服務(wù)平臺，攜程旅行可以作為首個代表。 近年來，作為一種新型旅游形式的紅色旅游廣泛地在神州大地上崛起。比如慶陽紅色旅游的景點(diǎn)，在這三款 APP 的查詢中更是鳳毛麟角，所以為了讓客戶滿意，有針對性的地方旅游類 APP 的設(shè)計(jì)是很重要的，慶陽紅色旅游 APP 既是針對地方特色的一款 APP。優(yōu)點(diǎn)是，界面統(tǒng)一，條理清晰，小圖標(biāo)的風(fēng)格一致，并且在設(shè)計(jì)時采用一像素不差的原則，讓用戶在使用時感覺非常的舒適， 可以讓 90%用戶達(dá)到相當(dāng) 滿意的程度，內(nèi)容涵蓋詳盡，包含用戶出行所想不到的一些貼心服務(wù)，讓 用戶使用 時 更便捷更貼心。更有甚者文字排版都錯亂不堪，讓用戶無法進(jìn)行閱讀，更無法進(jìn)行操作。讓人們在忙碌的生活中放松身心，閱覽革命先烈的英雄事跡。除了在元素、數(shù)值、鏈接和其他數(shù)據(jù)的展現(xiàn)形式上都要保持著統(tǒng)一，還要在場景和含義上保持一致?？赡芪覀兛匆娺@個名詞時，認(rèn) 為它是流出來一部分白色的空間來，其實(shí)不然，留白指的是一部分區(qū)域，這部分區(qū)域不一定就是白的，它只是頁面布局中環(huán)繞各元素的空白空間。如果界面上的文字過多，它就會顯得十分擁擠，影響閱讀興趣。我們的應(yīng)用最終的使用者是用戶，所以我們在設(shè)計(jì)的過程中要 11 以用戶為中心，以人為本，這樣才能得到更好的用戶體驗(yàn)。 協(xié)調(diào)性原則 設(shè)計(jì)界面時，要保證界面的協(xié)調(diào)性。 基本要素設(shè)計(jì) 設(shè)計(jì)軟件 用 Adobe Illustrator CS6 設(shè)計(jì) Logo 的矢量圖。 手機(jī) APP 框架結(jié)構(gòu)圖 在確定了需要設(shè)計(jì)的模塊以后，我們要根據(jù)模塊建立一個框架結(jié)構(gòu)圖，讓我們在設(shè)計(jì)的時候可以按部就班有思路的去設(shè)計(jì)。是最合適的角度，給人一種對稱的美感。部分原型圖如圖 所示。 .1 引導(dǎo)頁界面 啟動頁界面 14 啟動頁也采用扁平的設(shè)計(jì)風(fēng)格， 底色采用徑向漸變的紅色，放上設(shè)計(jì)好