畢業(yè)論文范文-交互設(shè)計(jì)技術(shù)的分析

1隨著互聯(lián)網(wǎng)不斷地發(fā)展，對(duì)人們的生產(chǎn)生活都產(chǎn)生了深遠(yuǎn)的影響。特別是移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，人們?cè)絹?lái)越依賴移動(dòng)手機(jī)端對(duì)生活帶來(lái)的便捷。人們?cè)絹?lái)越習(xí)慣于用手機(jī)購(gòu)物，查詢路線，尋找美食等。其中影響范圍最廣的就是社交類(lèi)軟件。這類(lèi)軟件的“用戶粘度”最高，用戶忠誠(chéng)度最強(qiáng)。良好的交互設(shè)計(jì)必將帶來(lái)更高的用戶粘性。因此，交互設(shè)計(jì)在軟件中的重要性不言而喻，各類(lèi)軟件應(yīng)更加注重交互設(shè)計(jì)。缺乏交互性的產(chǎn)品是沒(méi)有生命力的。讓軟件除了美觀更具可用性，讓用戶有更好的體驗(yàn)，是用戶更滿意，從而提高軟件的商業(yè)價(jià)值，是交互設(shè)計(jì)的目標(biāo)?，F(xiàn)在大街小巷幾乎人手一部觸屏手機(jī)，而觸屏手機(jī)本身就是交互性產(chǎn)品，交互的本質(zhì)就是“響應(yīng)”,當(dāng)用戶使用產(chǎn)品的時(shí)候往往希望可以第一時(shí)間得到反饋。而市面上很多設(shè)計(jì)精美的產(chǎn)品卻缺少好的交互體驗(yàn)，這類(lèi)產(chǎn)品往往會(huì)很快被用戶淘汰。還有不少軟件重技術(shù)忽略交互的，這類(lèi)軟件通常有強(qiáng)大的功能能滿足用戶多方面的需求，但是沒(méi)有好的交互體驗(yàn)，其實(shí)這同樣是留不住用戶的。論文通過(guò)對(duì)交互設(shè)計(jì)技術(shù)的分析，結(jié)合實(shí)際需求，對(duì)軟件進(jìn)行原型設(shè)計(jì)，建模等方式改進(jìn)軟件的界面的交互性。此過(guò)程中結(jié)合了對(duì)幾個(gè)社區(qū)類(lèi)APP的體驗(yàn)，去糙取精、最后整合優(yōu)秀的交互方式到自己設(shè)計(jì)中。論文的成果著重提出產(chǎn)品不應(yīng)只注重界面精美，更重要的是交互行為。而這一行為始終要以用戶為中心，要對(duì)用戶有深入的理解，及時(shí)了解用戶需求。 WiththedevelopmentoftheInternetconstantly,bothproductionanpeopleproducedprofoundinfluence.Especiallytherapiddevelopmeshopping,queryroute,lookingforfood,etc.Theinfluencescopeisshouldpaymoreattentiontointeractiondesiphoneitselfisproductofinteractivity,thenatureoftheinteractionisa"responskindofproductwilloftenqumeetthevariousneedsofusers,buttowndesign.Resultsofth浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)摘要 I Ⅱ Ⅲ 1 11.2研究?jī)?nèi)容及擬解決問(wèn)題 1第2章工具軟件與交互設(shè)計(jì)發(fā)展 52.1開(kāi)發(fā)環(huán)境和工具 52.2交互設(shè)計(jì)概念與發(fā)展 52.2.1交互設(shè)計(jì)的概念 52.2.2交互設(shè)計(jì)的發(fā)展 6 83.1同類(lèi)競(jìng)爭(zhēng)產(chǎn)品分析 83.2交互設(shè)計(jì)流程 3.2.1確定場(chǎng)景 3.2.2定義功能 3.3.3交互界面設(shè)計(jì)時(shí)應(yīng)注意的點(diǎn) 3.3手繪草圖 3.4軟件流程圖 3.5低保真 第4章交互設(shè)計(jì)相關(guān)技術(shù) 4.1軟件相關(guān)界面 4.2涉及到的部分交互設(shè)計(jì)技術(shù) 4.2.1搜索框 4.2.2圖片輪換 4.2.3滑動(dòng)列表 28 第5章課題總結(jié) 致謝 浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)參考文獻(xiàn)…………… 隨著移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái)，這場(chǎng)數(shù)字化革命給人類(lèi)社會(huì)帶來(lái)了很多變化。從當(dāng)年蘋(píng)果公司推出Iphone,又在次年推出ipad,這兩種可以算革命性的移動(dòng)數(shù)碼產(chǎn)品在很大程度上改變了人們過(guò)去與互聯(lián)網(wǎng)溝通方式，真正實(shí)現(xiàn)了隨時(shí)隨地現(xiàn)在，人們對(duì)于智能手機(jī)的功能要求越來(lái)越高，已經(jīng)演變的無(wú)法滿足以前單單通話、查找、上網(wǎng)、社交的這些基本功能，人們?cè)絹?lái)越想可以在這些移動(dòng)設(shè)備上可以做更多的事。近幾年來(lái)，由于移動(dòng)互聯(lián)網(wǎng)服務(wù)的發(fā)展，以及消費(fèi)者對(duì)手機(jī)產(chǎn)品的體驗(yàn)越來(lái)越追求完美，使得手機(jī)軟件界面交互設(shè)計(jì)顯得更加重要。各大企業(yè)在推出一個(gè)新的APP的時(shí)候也越來(lái)越多的把交互作為軟件是否會(huì)受歡迎的一個(gè)重要考量。但是很多國(guó)內(nèi)的企業(yè)才剛剛明白到人機(jī)交互體驗(yàn)的重要性，而很多由于不看重而導(dǎo)致的用戶體驗(yàn)問(wèn)題已經(jīng)接二連三的出現(xiàn)了，例如交互界面布局混亂繁雜，用戶無(wú)從下手操作：界面圖形與色彩的搭配及其不當(dāng)，造成用戶眼花繚亂找不到需要的目標(biāo)信息等，隨著手機(jī)界面交互方面的需求和設(shè)計(jì)的飛速發(fā)展，我們研究怎么樣將交互設(shè)計(jì)的理念應(yīng)用于手機(jī)產(chǎn)品設(shè)計(jì)中，分析各項(xiàng)交互元素，研究手機(jī)產(chǎn)品的界面交互設(shè)計(jì)方法，就顯得尤為重要和迫切。從用戶角度來(lái)說(shuō)，交互設(shè)計(jì)是一種可以讓產(chǎn)品好用并且有效的技術(shù)，它的目標(biāo)是為了理解用戶的愿望，了解用戶在使用產(chǎn)品交互時(shí)對(duì)方的行為，了解使用者本身的心理和行為，同時(shí)，還包括掌握各種有效的交互方式，并對(duì)它們進(jìn)行加強(qiáng)和擴(kuò)大。交互設(shè)計(jì)還包含到很多學(xué)科，以及和各領(lǐng)域各背景人員的溝通交流。交互設(shè)計(jì)的目的包括，有用性，易用性和吸引性的設(shè)計(jì)和改善。交互設(shè)計(jì)就是要提供豐富，全面，自然的信號(hào)，這是針對(duì)目前新型交互界面?zhèn)鬟f重要緊急的信息。通過(guò)對(duì)產(chǎn)品的界面和各種行為的交互設(shè)計(jì)，在產(chǎn)品和它的使用者之間建立一種良好的關(guān)系，從而有效達(dá)到使用者的目的。2本課題研究的基本內(nèi)容是社交類(lèi)app交互設(shè)計(jì)。該App采用photoshop和axture作為開(kāi)發(fā)工具。在研究過(guò)程中著重與界面的視覺(jué)的效果，與用戶體驗(yàn)。交互設(shè)計(jì)以用戶為中心的理念會(huì)貫穿整個(gè)產(chǎn)品。該APP的功能是希望生活在社區(qū)中的居民在這個(gè)APP上進(jìn)行社交活動(dòng)，從而可以結(jié)識(shí)到本社區(qū)的居民。因?yàn)樯钤谕瑐€(gè)小區(qū)，生活環(huán)境相同，自然可以衍生出很多共同語(yǔ)言，進(jìn)而及時(shí)是在網(wǎng)上認(rèn)識(shí)，但在線下見(jiàn)面時(shí)也不會(huì)尷尬反而更加親近。在設(shè)計(jì)師設(shè)計(jì)界面的時(shí)候，更多的考慮用戶的心理使用習(xí)慣，是設(shè)計(jì)師的設(shè)計(jì)符合用戶的期望。所以交互設(shè)計(jì)不同于以往的傳統(tǒng)設(shè)計(jì)，設(shè)計(jì)師既要考慮現(xiàn)在的設(shè)計(jì)流行趨勢(shì)又要滿足用戶的需求。所以我們的設(shè)計(jì)模式應(yīng)該更加多元化。正因?yàn)榻换ピO(shè)計(jì)更多考慮用戶，所以我們?cè)谠O(shè)計(jì)產(chǎn)品的時(shí)候，首先要調(diào)查用戶對(duì)產(chǎn)品交互的需求，盡可能的對(duì)一些潛在用戶做充足的調(diào)查，以此來(lái)增加產(chǎn)品的易用性和可用性。二任務(wù)分析，從產(chǎn)品和用戶這兩方面入手，進(jìn)行系統(tǒng)交互任務(wù)分析，之后進(jìn)行各部分的功能分析，詳細(xì)繪制數(shù)據(jù)流程圖，并勾畫(huà)出任務(wù)流程圖和任務(wù)列表。三使用環(huán)境分析，判斷用戶在什么環(huán)境下會(huì)使用你的軟件，設(shè)計(jì)出最合適那種環(huán)境的交互方式，預(yù)計(jì)交互的復(fù)雜程度。四繪制草圖，根據(jù)以上判斷設(shè)計(jì)初步草圖，在繪制草圖的時(shí)候，考慮屏幕布局與顯示設(shè)計(jì)，在設(shè)計(jì)界面顯示元素的時(shí)候應(yīng)該按照一下不走：1、按系統(tǒng)分析的結(jié)果，確定信息輸入和輸出的要求和內(nèi)容等。2、進(jìn)行屏幕和窗口的層級(jí)結(jié)構(gòu)設(shè)計(jì)。3、根據(jù)用戶的特征，確定界面上各交互元素顯示的位置和層次。4、充分考慮提示，出錯(cuò)和幫助等信息。5、進(jìn)行多次測(cè)試，如果發(fā)現(xiàn)什么不合適之處或者出錯(cuò)的地方，進(jìn)行重新設(shè)計(jì)和修改。五完成草圖后進(jìn)行原型設(shè)計(jì)，原型設(shè)計(jì)是交互設(shè)計(jì)中最重要的一步，在設(shè)計(jì)的過(guò)程中運(yùn)用原型被稱為原型設(shè)計(jì)。在整個(gè)前期的交互設(shè)計(jì)流程圖之后，就是原型的開(kāi)發(fā)設(shè)計(jì)階段，簡(jiǎn)單來(lái)說(shuō)就是將頁(yè)面元素、布局模塊、人機(jī)交互的模式， 3利用簡(jiǎn)單的線框語(yǔ)言，將產(chǎn)品在脫離實(shí)際生活的狀態(tài)下可以用一種更加具體跟生動(dòng)的方式進(jìn)行表達(dá)。產(chǎn)品的原型概括起來(lái)可以說(shuō)是整個(gè)產(chǎn)品在面市之前的一個(gè)框架設(shè)計(jì)。原型設(shè)計(jì)能夠幫助設(shè)計(jì)師更加深入的理解用戶需求，并通過(guò)設(shè)計(jì)交互設(shè)計(jì)中的不足從而可以進(jìn)一步改正。我們可以從以下方面來(lái)評(píng)估交互設(shè)計(jì)2、產(chǎn)品流程的清晰度，表現(xiàn)層級(jí)簡(jiǎn)單，明確，無(wú)不必要的分流，其流程;用戶可以隨時(shí)取消正在進(jìn)行的操作；對(duì)用戶的所有操作要有明確的消息反饋;用戶可以快速返回上一級(jí)；要有好的交互引導(dǎo)和幫助。3、正確的使用控件，產(chǎn)品會(huì)涉及到很多控件，比如一級(jí)標(biāo)簽欄，二級(jí)標(biāo)簽欄，對(duì)話框，按鈕，提示框，警告框等等，這些控件是否使用到位，對(duì)于控件使用是否精準(zhǔn)有以下這些評(píng)估標(biāo)準(zhǔn)：使用控件的精準(zhǔn)性(比如混淆了復(fù)選框和單選框)控件的重復(fù)使用(比如兩個(gè)列表框都用到了table,就不用設(shè)計(jì)兩個(gè))控件的狀態(tài)(比如是否可點(diǎn)，可選狀態(tài)是否有顯示)4、準(zhǔn)確的信息轉(zhuǎn)達(dá)，信息的轉(zhuǎn)達(dá)包括文字提醒設(shè)計(jì)等。提示文字需要內(nèi)容精準(zhǔn)，信息傳要達(dá)的有效，這些都是衡量交互當(dāng)人們?cè)诔醮螢g覽到社交APP時(shí)，可以感受到APP界面想要傳達(dá)給用戶的所有豐富情感，進(jìn)而引起用戶的共鳴。在使用過(guò)程中同樣會(huì)產(chǎn)生如好玩，實(shí)用，創(chuàng)新的使用感受。在APP界面的整體情境氛圍中，它情感的延伸可以維系到現(xiàn)在，不再僅僅停留在是功能上的完善，已經(jīng)逐漸擺脫一些陳舊的設(shè)計(jì)理念，力求從整體上帶給用戶更加輕松的社交氛圍以及更1、這個(gè)APP面向的用戶群是怎樣的，這些用戶的共同點(diǎn)是什么。這個(gè)APP 4主要是滿足怎樣的需求的。2、用戶在什么情況下下載了這個(gè)APP,在使用之前的預(yù)期是怎樣的，我希望通過(guò)它得到什么。3、第一次使用，用戶會(huì)對(duì)這個(gè)APP的印象是什么,為什么覺(jué)得它好。并且可以梳理一下用例、界面設(shè)計(jì)規(guī)范、體驗(yàn)設(shè)計(jì)規(guī)范等等。5第2章工具軟件與交互設(shè)計(jì)發(fā)展2.1開(kāi)發(fā)環(huán)境和工具M(jìn)icrosoftVisio2010:是一款便于IT人士和商務(wù)專業(yè)人員就復(fù)雜信息、系統(tǒng)和流程進(jìn)行可視化處理、分析和交流的軟件。BalsamiqMockups是一種軟件工程中快速原型的建立軟件，可以做為與用戶交互的一個(gè)界面草圖。BalsamiqMockups是美國(guó)加利福利亞的Balsamiq工作室(2008年3月創(chuàng)建)推出的原型圖繪制軟件。于2008年6月發(fā)行了第一個(gè)版本。它的使命是幫助人們更好、更容易的設(shè)計(jì)軟件產(chǎn)品。AxureRP是一個(gè)專業(yè)的快速設(shè)計(jì)原型工具。讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說(shuō)明文檔。作為專業(yè)的原型設(shè)計(jì)工具，它能快速、高效的創(chuàng)建原型，同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理2.2交互設(shè)計(jì)概念與發(fā)展對(duì)于交互設(shè)計(jì)AlanCooper有個(gè)經(jīng)典定義：簡(jiǎn)單來(lái)說(shuō)，交互設(shè)計(jì)就是人工作品、環(huán)境和系統(tǒng)的一種互動(dòng)行為，以及傳達(dá)這種行為的外觀因素的設(shè)計(jì)和定義。其實(shí)所謂的交互設(shè)計(jì)，指的是設(shè)計(jì)師對(duì)產(chǎn)品和產(chǎn)品的使用者之間的互動(dòng)機(jī)制進(jìn)行的預(yù)測(cè)、描述、規(guī)劃、定義、分析和探索的一個(gè)過(guò)程。其實(shí)就是說(shuō)，設(shè)計(jì)和定義使用者如何使用同一產(chǎn)品達(dá)到他們各自的目標(biāo)，完成某一項(xiàng)任務(wù)的過(guò)程。交互設(shè)計(jì)是指設(shè)計(jì)人和產(chǎn)品以及服務(wù)互動(dòng)的一種機(jī)制，它是以用戶體驗(yàn)為基礎(chǔ)而進(jìn)行的人機(jī)交互設(shè)計(jì)，要具體衡量使用者的背景、使用經(jīng)驗(yàn)以及在操作的過(guò)程中的各種感受，這樣才可以設(shè)計(jì)出符合用戶的最終產(chǎn)品，使得最終用戶在使用產(chǎn)品時(shí)能感受到愉悅、符合自己的邏輯、并且對(duì)他們而言是高效的產(chǎn)品。交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡(jiǎn)單使用。 6它是一種以目標(biāo)為導(dǎo)向的設(shè)計(jì)，所有的工作內(nèi)容都是在圍繞著用戶行為去設(shè)計(jì)的。交互設(shè)計(jì)師通過(guò)設(shè)計(jì)用戶的行為，讓用戶更方便更有效率的去完成自JenniferPreece,HelenSharp,YvonneRogers在他們的《交互設(shè)計(jì)一超越人機(jī)交互》這本書(shū)中將交互設(shè)計(jì)定義為：設(shè)計(jì)是支持人們正常工作與生活的交互式產(chǎn)產(chǎn)品。Winograd把交互設(shè)計(jì)描述為“是人類(lèi)交流和交互空間的設(shè)計(jì)”。交互設(shè)計(jì)作為一門(mén)關(guān)注交互體驗(yàn)項(xiàng)目的新學(xué)科產(chǎn)生于二十世紀(jì)八十年代，它由IDEO的一位創(chuàng)始人比爾·摩格理吉(BillMoggridge)在1984年一次設(shè)計(jì)會(huì)議上提出，他一開(kāi)始把它命名為“軟面(SoftFace)”,由于這個(gè)名字容易讓人想起和當(dāng)時(shí)流行的玩具“椰菜娃娃(CabbagePatchdoll)”的名字，后來(lái)把它更名為“InteractionDesign”,即交互設(shè)計(jì)。初創(chuàng)期(1929年-1970年),提出基礎(chǔ)理念與定義。奠基期(1970年-1979年)從1970年到1973年出版了四本與計(jì)算機(jī)相關(guān)的人機(jī)工程學(xué)專著。1970年成立了兩個(gè)HCI研究中心：一個(gè)是英國(guó)的Lough另一個(gè)是美國(guó)公司的研究中心。1996年之后交互設(shè)計(jì)進(jìn)入了提高期，人機(jī)交互的研究重點(diǎn)放到了智能化交互，多模態(tài)(多通道)-多媒體交互上面，人機(jī)協(xié)同交互以及虛擬交互等方面，而近十年來(lái)國(guó)內(nèi)許多公司在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)也開(kāi)始越來(lái)越注重界面交互設(shè)計(jì)，像中國(guó)移動(dòng)公司，投入了兩年多時(shí)間創(chuàng)建了一支包括交互設(shè)計(jì)、圖形設(shè)計(jì)、可用性測(cè)試等30多人的隊(duì)伍。那個(gè)時(shí)候用戶體驗(yàn)這件事還沒(méi)有興起，很多公司甚至都還沒(méi)有交互設(shè)計(jì)師這樣的一個(gè)崗位，交互設(shè)計(jì)師的事情基本上是由產(chǎn)品經(jīng)理或者視覺(jué)設(shè)計(jì)師在做，但是也就從那個(gè)時(shí)候開(kāi)始，交互設(shè)計(jì)師開(kāi)始漸漸走上了舞臺(tái)。本來(lái)按這個(gè)趨勢(shì)發(fā)展在08年~09年就應(yīng)該進(jìn)入爆發(fā)階段，但是由于受到了一些外界因素的影響，導(dǎo)致它真正地爆發(fā)是在2010年，那個(gè)時(shí)候用戶體驗(yàn)這個(gè)概念已經(jīng)吹有點(diǎn)被言過(guò)其實(shí)了，但是當(dāng)然這個(gè)是一個(gè)新興行業(yè)發(fā)展的必然階段。這個(gè)時(shí)期一直持續(xù)到了2011年，甚至到2012年的上半年這個(gè)形勢(shì)仍然是比較7浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)8第3章產(chǎn)品設(shè)計(jì)過(guò)程二、微信吸引客戶的一個(gè)最大的特點(diǎn)應(yīng)該就是它是免費(fèi)的。微信完全免費(fèi)，QQ已存在的通訊錄網(wǎng)絡(luò)，可以免去自己在培養(yǎng)用戶的同時(shí)，再去發(fā)展一張用戶的智能手機(jī)普及率已達(dá)35%。所以，微信前景廣闊。浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)9迫使發(fā)布者需要以非常精煉的方式表達(dá)自己的觀點(diǎn)，這在信息泛濫、工作繁忙、注他，注意他的觀點(diǎn)。讓自己的觀點(diǎn)擁有忠實(shí)的聽(tīng)眾，會(huì)使用戶心情非常愉悅。心理?聯(lián)網(wǎng)上出現(xiàn)了越來(lái)越多風(fēng)格、內(nèi)容、營(yíng)銷(xiāo)手段等都十分相似的微博網(wǎng)站。而且，(移動(dòng)運(yùn)營(yíng)商付費(fèi)，而不是向微博網(wǎng)站),使得大部分商家仍在觀望。浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)明回到家覺(jué)得很無(wú)聊，就打開(kāi)軟件看看小區(qū)其他居民今天在干什么,正在看著發(fā)去吃，又不知道吃什么,吃完飯想去做美容理發(fā)，然后去運(yùn)動(dòng)健身，于是打開(kāi)軟浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)主頁(yè)發(fā)帖周邊商束2用戶需要查看大圖片，所以默認(rèn)展示縮略圖，點(diǎn)擊縮略圖可以查看大圖t寫(xiě)元極y四加是建體例通取k圖3-2草圖1首頁(yè)的草圖，四個(gè)基本功能模塊的界面。浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)和和邊L第碎而u網(wǎng)生的w8-*議能確我的社區(qū)，以及設(shè)置頁(yè)面的草圖設(shè)計(jì)。在正式設(shè)計(jì)時(shí)需要一個(gè)規(guī)范的流程需求分析任務(wù)分析視覺(jué)改進(jìn)浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)低保真原型是在設(shè)計(jì)初期幫助我們驗(yàn)證想法的粗略表述不同于高保真原型，低保真原型的目的是要讓用戶清楚明白我們的i型昂發(fā)。這種方法在于幫助浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)圖△△圖△△D名學(xué)國(guó)評(píng)論容評(píng)論容夏長(zhǎng)四A夏>0Ω圖3-6低保真簡(jiǎn)單設(shè)計(jì)圖浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)第4章交互設(shè)計(jì)相關(guān)技術(shù)周邊商家搜索二手市場(chǎng)發(fā)帖的副本辦事流程4問(wèn)題咨詢免打擾關(guān)于黑名單分享發(fā)帖社區(qū)資訊我的社區(qū)我的發(fā)布我的回復(fù)消息中心通知登錄我的社區(qū)未登錄浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)圖4-2便民服務(wù)頁(yè)面這個(gè)界面包含了周邊商家、檢查維修、社區(qū)號(hào)碼、問(wèn)題咨詢、辦事流程、二手市場(chǎng)六個(gè)功能模塊。底部導(dǎo)航欄的四個(gè)板塊便民服務(wù)、社區(qū)論壇、社區(qū)資訊以及我的社區(qū)可以看出這個(gè)App的大致功能。浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)地址2000米支學(xué)院東門(mén)小米餐廳如圖4-3這個(gè)界面主要展示小區(qū)附近一些商家的信息，方便小區(qū)居民生活。居民可以通過(guò)這個(gè)頁(yè)面通過(guò)距離選擇來(lái)選擇自己喜歡的商家，減少很多不必要的搜素豪大大雞排搜索頁(yè)面用戶可以搜索自己想要的信息。檢查維修物業(yè)電話填寫(xiě)維修信息聯(lián)系方式檢查維修頁(yè)面是居民和物業(yè)聯(lián)系的重要功能，用戶可以在這里寫(xiě)下自己的維浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)小區(qū)名圖4-6二手市場(chǎng)浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)西亮社區(qū)有自乙的手加APP了第”等你加入!5個(gè)幼兒急救知識(shí)回這個(gè)頁(yè)面主要展示一些發(fā)生在社區(qū)的實(shí)時(shí)新聞，可以讓居民及時(shí)了解社區(qū)發(fā)生的事。圖4-8我的社區(qū)浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)十十圖4-9社區(qū)論壇4.2涉及到的部分交互設(shè)計(jì)技術(shù)浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)置。Case:設(shè)置文字值的值為空值，并顯示search-tip。If:search-box的文字值不為空值。添加失去焦點(diǎn)事件：Case:隱藏search-tip,并設(shè)置文字值的值為[請(qǐng)輸入關(guān)鍵詞]。2、輸入超過(guò)7個(gè)字符時(shí)隱藏列表。3、對(duì)列表中的關(guān)鍵詞添加鼠標(biāo)移入背景高亮的效果，同時(shí)用高亮效果的關(guān)鍵詞用一個(gè)動(dòng)態(tài)面板來(lái)做一個(gè)輸入聯(lián)想的列表，命名為search-list,設(shè)為隱藏，并在其中添加10個(gè)文字面板并依次命名為list-1～list-10。Case:顯示search-list,將焦點(diǎn)上的文字的值賦值給變量searchbar,并逐個(gè)設(shè)置將list-1～list-10的文字部件替換為該變量，格式改為類(lèi)[[searchbar]]小米×,浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)號(hào)設(shè)置文字于list-7=“[lsearchbar]小米5”號(hào)設(shè)置文字于list-9=Tlsearchbar]小米7”設(shè)置文字于list-10=“[[searchIf:search-box的指長(zhǎng)度值>7Case:隱藏search-liIf:search-box的文字部件為空值。Case:隱藏search-list。添加失去焦點(diǎn)事件：If:search-box的文字部件為空值。Case:隱藏search-list。浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)recover_tp號(hào)障微search-lst下方添加10個(gè)動(dòng)態(tài)面板來(lái)做為高亮的背景，狀態(tài)設(shè)置為對(duì)list-1～list-10添加鼠標(biāo)輸入事件：Case:隱藏listbg-1～listbg-10。用Rectangle控件長(zhǎng)寬設(shè)置與search-box一致，邊框改為綠色，背景色調(diào)為透明，放置在一個(gè)動(dòng)態(tài)面板中,命名為search-none,設(shè)為隱藏，并將位置微調(diào)至與search-box重合。閃爍效果可以利用展示面板事件的Animate屬性來(lái)If:search-box的文字部件為空值or為請(qǐng)輸Case:顯示search-none,隱藏search-none,再顯示search-none,再隱藏search-none,并將每一次的動(dòng)畫(huà)屬性淡入淡出時(shí)間設(shè)為500ms。浙江科技學(xué)院信息與電子工程學(xué)院本科畢業(yè)設(shè)計(jì)(論文)1在組件庫(kù)中拖出Image組件，右鍵轉(zhuǎn)換為動(dòng)態(tài)面板，然后添加輪播的三個(gè)狀態(tài)在這三個(gè)狀態(tài)中添加輪播需要的圖片。3為ImagesFrame添加OnPanelSateChange的事件用例，然后添