【正文】 ，在軟件中做出效果圖。 設計規(guī)格 設計的尺寸采用市場上常見的 iphone6 的尺寸 750px 1334px；分辨率最佳顯示為72ppi；色彩模式則采用 RGB 模式。 12 圖 錯誤 !文檔中沒有指定樣式的文字。 Logo 的形狀采取上下、左右均對稱，角度為 27176。如下圖 所示。 ogo 圖形 原型圖設計 原型圖是根據(jù)我們確定的流程圖而設計的界面基本框架圖，主要利用的是黑白灰 13 三種顏色搭建界面的輪廓，更快的為客戶展示視覺效果。 圖 錯誤 !文檔中沒有指定樣式的文字。 圖 錯誤 !文檔中沒有指定樣式的文字。如圖 所示。 .3 啟動頁界面 注冊界面 注冊界面是采取手機注冊的方式進行注冊 ，界面應用紅色的小 icon， 讓界面充滿活力 。 圖 錯誤 !文檔中沒有指定樣式的文字。如圖 所示。 .4 登錄界面 首頁界面 首頁將慶陽紅色旅游 APP 的模塊全部展現(xiàn)，其中包含：慶陽簡介、旅游酒店、慶陽賓館、慶陽特產(chǎn)、租車公司、一步導航、關于我們的模塊，用戶可以通過首頁了解整套 APP 的規(guī)劃。 圖 錯誤 !文檔中沒有指定樣式的文字。如圖 所示。 .6 旅游攻略界面 慶陽美食界面 旅游美食界面將慶陽的美食全部陳列，采用飽和度較高的圖片來吸引用戶，勾起用戶的食欲。 圖 錯誤 !文檔中沒有指定樣式的文字。如圖 所示。 .8 最新資訊界面 我的界面 我的界面采用一些小 icon，讓頁面看起來更加精致，不至于枯燥乏味。如圖 所示。 .9 我的界面 18 的排版展示 GUI 就是圖形用戶界面的簡稱，是指采用圖形方式顯示的計算機操作用戶界面。 5 設計切圖及標注 設計切圖 切圖的含義 切圖是指將設計稿切成便于制作成頁面的圖片，并完成 html+css 布局的靜態(tài)頁面，通俗來講，把一張設計圖利用到切片工具把自己所需的切成一張張小圖，然后用DIV+CSS 完成靜態(tài)頁面書寫，完成 CSS 布局。開發(fā)同學在實現(xiàn)過程中，需要計算好每一個元素（包括文字，圖片等）的位置，然后在調(diào)用我們切好的圖進行填充。 ios 與安卓切圖 ios 的屏幕精度分成 retina 與非 retina2 種，而 Android 的屏幕精度只要分成： mdpi（橫向屏幕 360px 左右）； hdpi（橫向屏幕 480px 左右）； xhdpi（橫向屏幕 720px 左右） 3 種。 切圖命名格式 APP 的切圖可分為背景、按鈕、圖片、 TabBar、 icon 等幾大類。比如背景圖我們會命名為 、按鈕圖命名為 、圖片為 等等，取它們的英文縮寫作為頭部，在界面上的位置用 xxx 表示。如 iPad mini、 iphone 6 和 iPhone 6 Plus在切圖命名時分別用 、 和 。 19 設計標注 標注顏色 我在標注慶陽紅色旅游 APP 時應用的軟件是馬克鰻，當然其他軟件也可以辦到。 如果采取 16 進制和 RGB 兩種色值表達的方法可能會更加的清晰。標注圖文信息時，圖片要標注寬高，文字要標注大小，顏色和行高，有特殊字體的也要進行標注。這一部分我們也叫做安全區(qū)域，內(nèi)容部分不能跨過這個具體，否則用戶在使用時會感到頁面狹窄，影響美觀程度。在頁面標注的過程中，我們要保持統(tǒng)一的標注方法，每個頁面標注相同元素時位置要統(tǒng)一，這樣程序員在看到標注時就會很清晰。 6 總結(jié) 本論文主要講述了一款關于慶陽紅色文化數(shù)字化平臺智能手機 APP 的 UI 設計。其次，提出了慶陽紅色旅游 APP 界面在 UI 方面的現(xiàn)狀，并闡述了項目目的以及項目內(nèi)容，同時對項目的行業(yè)背景、典型用戶及同類 APP進行了分析。然后對慶陽紅色旅游APP Logo 的設計進行介紹，對部分原型圖進行展示。最后對設計的切圖以及標注做了詳細的解釋。 21 參考文獻 [1]毛陳誠 .旅游類移動應用的用戶需求分析研究 [J].武漢理工大學， 2021 [2]彭佳 .基于用戶體驗的老年智能手機 APP界面交互設計研究 [D].華東理工大學 ,2021 [3]汪海波 ,薛澄岐 ,佘醒 .圖形用戶界面的隱喻設計研究 [J].安徽建筑工業(yè)學院學報 (自然科學版 ),2021 年 [4]林立藩 .視覺傳達設計師與 UI設計 [D].福建師范大學 ,2021 [5]祝瑜 ,王毅 ,黃海燕 .手機界面設計的視覺語言分析及其風格化設計藝術研究 [J].包裝工程 ,2021 年 12 期 [6]柳冠中 .設計 :人類未來不被毀滅的 “第三種智慧” [J].設計藝術研究 ,2021 [7]何超 ， 宋永永 ， 薛方 .慶陽市紅色旅游 SWOT 分析 [F].隴東學院學報 ,2021 [8]尹曉穎 ,朱竑 ,甘萌雨 .紅色旅游產(chǎn)品特點和發(fā)展模式研究 [J].人文地理 ,2021 [9]霍學喜，譚文楓，牛軍讓 .慶陽香包民俗文化產(chǎn)業(yè)化項目組織管理淺析 [J].陜西農(nóng)業(yè)科學院 ， 2021 [10]宋麗娟 .紅色旅游動力機制研究 [D].南昌大學 ,2021 年 22 Qingyang red culture digital platform smartphone APP UI design Abstract:With the development of the Inter industry rapidly and the universal of mobile phones, many APPlications developed provide a wide range of services for customers in a convenient and effective way. Based on similar function, convenient operation and excellent interface design will bee the key to petition of those software. So the UI design of mobile APP is very important naturally . But , what is the UI design? It is short for User Interface on Wikipedia. And UI design refers to the software’ s whole design on humanputer interaction, operating logic and the beautiful interface. An UI design of APP about the revolutionary QingYang tour will be mainly introduced in this paper . The precious spirit contained in China revolutionary tourism, such as the Long March spirit, the national spirit, and national spirit, has broad influence beyond borders. Qingyang is a famous revolution repast with the territory of South beam Revolutionary Memorial Hall, the former site of Helianwan Shanganning provincial government, and the Castle Hill battle site etc. By doing a resources survey,there is not a systematic APP about Qingyang’ s red tourism now. It always subordinates others,furthermore, it is too rough interface , prim and stiff , lack of content to attract the users and attain the purpose of the design. Therefore,the UI design of APP around Qingyang red tourism is worthy of studying. In this paper, through understanding of science spots, the designing interface not only meets customers39。 UI design。不禁使我樹立了遠大的學術目標、掌握了基本的研究方法，還讓我明白了許多待人接物與為人處事的道理。在此，謹向 XXX 導師表示崇高的敬意和衷心的感謝 !同時，還要深深感謝 XXX 學院各位老師對我四年來的關懷與指導，正是由于你們的幫助和支持，我才能克服一個一個的困難和疑惑，直至本文的順