韶關在線游覽旅游網站的設計研究,網站設計論文

韶關在線游覽旅游網站的設計研究,網站設計論文本篇論文目錄導航：【】【】【】韶關在線游覽旅游網站的設計研究【】旅游網站畢業(yè)設計論文：韶關在線游覽旅游網站的設計研究內容摘要：隨著因特網的發(fā)展，旅游網站紛紛落戶，促進旅游這個行業(yè)的大力發(fā)展。這類網站多以提供旅游資訊為主，網站信息內容呈現(xiàn)方式單一，以圖文相結合的網頁形式為主。該文以中國優(yōu)秀旅游城市韶關為素材收集對象，設計一個包含資訊、美食、虛擬游覽景區(qū)等內容的韶關旅游網站，避免了信息內容呈現(xiàn)的單一。本文關鍵詞語：旅游網站;虛擬游覽;韶關;DesignandRealizationofShaoguanNaturalandHistoricalCulturalHeritageVirtualTourGUANMin-juanDENGJin-lianHUANGXian-bingDepartmentofInstructionalTechnology,ShaoguanUniversityAbstract：WiththedevelopmentoftheInternet,tourismwebsiteshavesettleddown,promotingthedevelopmentofthetourismindustry.Thiskindofwebsiteismainlytoprovidetourisminformation,theinformationcontentofthewebsiteissimple,mainlyintheformofthecombinationoftextandtext.Takingshaoguan,anexcellenttouristcityinChina,asthematerialcollectionobject,thispaperdesignsashaoguantouristwebsitecontaininginformation,food,virtualtouristattractionsandothercontents,avoidingthesingleinformationcontent.當下旅游網站諸多，途牛、同城、攜程等囊括大范圍的網站，還有很多地方性的旅游網站。我們國家大部分的地方性旅游網站在開發(fā)初期，由于缺少對旅游行業(yè)和網絡運營的了解，沒有能找準切入點，使旅游網站建成之后缺乏特色與賣點，往往照搬照抄其他旅游網站的現(xiàn)成形式，內容單一，景區(qū)介紹更是簡單枯燥，一律的景點圖片查看，景點歷史介紹，攻略等?？丛俣嗖煌穆糜尉W站皆是一樣的內容，索然無味。韶關擁有國家級風景區(qū)丹霞山、南宗禪法發(fā)祥地南華寺、悠久革命歷史的文化遺址雙峰寨等諸多出名景點，2021年接待旅游者人數(shù)4790萬人次，旅游總收入453億元。本網站獨特的虛擬游覽景區(qū)能夠使游客如同身臨其境般的游覽玩耍了特色景點，游客能夠通過本網站了解韶關各旅游景點，提早做好旅游準備工作，讓游客有目的性的游覽玩耍。1旅游網站現(xiàn)在狀況分析隨著旅游業(yè)的發(fā)展和繁榮，旅游信息的需求量也隨之增大，旅游網站則是成為人們獲取各種旅游信息的首要窗口。各大旅游網站從景點的選擇到旅行道路，從交通工具到酒店入住，從旅游攻略到當?shù)刭Y訊等人性化的服務為游客提供了比擬全面的旅游信息。但是單從網站內容分析各大旅游網站，內容具體表現(xiàn)出形式有各自的缺乏。網站首頁設計過于復雜，內容展覽太多，導致欄目增設過于模糊，版面混亂；網站信息呈現(xiàn)方式單一，以圖文相結合的網頁極度缺少動畫、音頻等多媒體方面的信息展示。為了使游客能夠具體地了解景區(qū)信息，同時又保持網站內容的簡潔明了，本網站設計時注重首頁清楚明晰簡單，欄目的設置沒有太多冗余。除此之外，顏色搭配造成的視覺效果也是網站建設的一個重重點。最為重要本網站獨有的虛擬旅游韶關自然與歷史文化遺產景區(qū)，以貼近真實的虛擬游覽為一個多媒體展示形式，避免信息內容呈現(xiàn)單一的缺乏。2韶關自然與歷史文化遺產虛擬游覽網站的設計與實現(xiàn)2.1設計思路此網站是專門提供韶關信息的一個網站，涵蓋了韶關特色美食、住宿、景區(qū)等人文信息。設計階段最重要的是用戶需求調研、網站功能設計及網站的整體風格與色彩搭配，不同功能的網站整體風格和色彩搭配是不同的。鑒于該網站是給用戶提供旅游出行信息的，因而，網站的風格和色彩較其他網站而言相對自由和明朗。詳細流程如此圖1所示。圖1設計流程2.1.1用戶需求層面分析此網站是給用戶提供旅游出行信息，讓用戶愈加了解韶關，因而，網站欄目也主要是圍繞著首頁、大概情況、資訊、美食、住宿、景區(qū)這六個模塊進行展開。華而不實，首頁模塊融合了其他模塊的部分內容，階段性地推薦相應的信息給用戶。大概情況模塊用來介紹韶關的整體信息，包括韶關的基本介紹、地理環(huán)境、自然資源以及人口民族等方面的信息，能夠讓用戶在短時間內最大化地了解韶關。資訊模塊會更新韶關近期的新聞事件，用戶能夠在這里了解韶關的最新動態(tài)。美食和住宿兩個模塊里面收集了評價比擬高的特色食物以及住宿信息。景區(qū)這一模塊包含了韶關各景區(qū)的相關介紹以及部分景區(qū)的遨游，用戶能夠在遨游區(qū)身臨其境地游覽景區(qū)。2.1.2用戶體驗層面分析用戶體驗是用戶在使用產品經過中建立起來的一種純主觀的感受，此網站愈加注重色彩和布局這兩方面給用戶帶來的感觀體驗?；谏蕩Ыo人們的心理錯覺，此網站通過橙色這個主色和青色、紫色等輔助色之間的比照調和來具體表現(xiàn)出亮堂的色彩風格。明度較高的給人輕感，橙色代表親切和陽光，因而用戶在閱讀頁面的時候也能體驗到放心與暖和的感覺。色彩多變的輔助色在一定程度上讓整個頁面愈加年輕化；與此同時，不同于兩邊的扎眼的白色，安全區(qū)域用了淺灰色來作為背景顏色，能夠在一定程度上減緩用戶的視覺疲憊，加強用戶體驗的友好性。在布局方面，遵循一切從簡的原則，盡可能減少頁面內容太多而引起的雜亂現(xiàn)象。盡量使用圖片和文字相結合，并且用不同色彩的變化以及文字與線條組合的方式進行區(qū)分不同模塊內容，同時設置鼠標事件，通過鼠標事件實現(xiàn)的交互動態(tài)效果可增加用戶體驗的趣味性。2.1.3制作步驟1〕網站定位基于壯大旅游產業(yè)的方針政策、社會觀念與旅游市場大環(huán)境的前提，確定網站的核心目的、使用場合、使用群體以及整體風格。2〕資料收集根據(jù)網站定位以及用戶需求進行相關內容的收集，再把收集到的信息按模塊進行分類。3〕草圖使用Pencil工具進行草圖的繪制。繪制經過中需要指明每個頁面的詳細功能，并根據(jù)用戶體驗最優(yōu)化的原則確定好每個模塊的詳細內容，同時進行合理化的編排。初稿完成之后，還要檢查導航的定位能否明確、模塊內容是不是用戶所需要的、二級欄目的分類合不合理以及欄目的內容能否與欄目的題相關。假如不符合上述要求，則需要再次進行調整。4〕效果圖使用AdobePhotoshop來實現(xiàn)效果圖。這個經過需要根據(jù)草圖的大致排版，并且根據(jù)設計規(guī)范來進行設計。對于頁面圖片的處理，需要根據(jù)排版來進行大小以及比例的調整，同時還要處理在這個經過中帶來的圖片失真的問題。5〕編程用Visualstudio來進行編程，首先進行頁面基本構造的編碼。完成之后，用AdobeDreamweaver來進行CSS樣式以及JavaScript腳本的編寫，然后引入到Visualstudio中，實現(xiàn)修飾網頁以及網頁的動態(tài)功能，為用戶提供更好的閱讀效果。6〕測試與檢查將編輯好的程序進行預覽測試，檢查能否會出現(xiàn)編譯錯誤、頁面跳轉錯誤、點擊按鈕有沒有反響、顯示頁面構造明顯與效果圖不同等情況,同時還需要將預覽的網頁保存成圖片，然后與效果圖進行測量比照，假如有出現(xiàn)不同的情況，則需要回到源程序找到錯誤源并進行修改。閱讀器的兼容性也是需要檢查的一項內容，有些閱讀器可能無法顯示部分圖片，需要在源程序設置當圖片無法顯示的時候出現(xiàn)文字提醒，告知用戶這是相關圖片。圖2網站主要欄目2.2欄目構造欄目設計首先要明確設計網站的目的性和受眾需求，其次欄目名稱須高度概括欄目內容。此網站為游客提供韶關旅游信息，當?shù)芈糜涡畔⒏爬橐率匙⌒小Ｊ醉?、大概情況、資訊、美食、住宿和景區(qū)這六個一級欄目簡潔明了地介紹了韶關衣食住行，能夠快速知足游客了解韶關的基本需求。一級欄目之下設計韶關風采、人口民族、特色美食、民宿、交通、遨游區(qū)等次級欄目，讓游客從不同方面了解了韶關。而遨游區(qū)中的虛擬游覽景點是本網站個性化的一個欄目，不僅有傳統(tǒng)的景點歷史介紹，還增加了一個遨游，豐富了網站多樣性。2.3技術難點UI設計階段一直在克制的問題是界面的整體風格。整體風格是用戶閱讀界面的第一印象，會直接影響到用戶的視覺體驗，因而在草圖階段確定好內容模塊的排版。設計草圖經過中需要解決的主要矛盾是美觀與用戶習慣之間的矛盾。全程根據(jù)藝術設計來進行模塊內容的排版往往出現(xiàn)違背用戶習慣的現(xiàn)象，進而導致用戶體驗感下降。好的排版在具體表現(xiàn)出視覺設計審美的同時還要能夠最大化遵循用戶習慣并優(yōu)化信息架構，讓用戶能夠以最優(yōu)的途徑到達目的地，進而降低網站的迷失度。效果圖設計經過最難的地方是色彩搭配的問題，色彩搭配也是影響整體風格的一個非常重要的因素。用什么顏色、如何搭配使用色彩才能使界面效果最大化，這個又要基于人對于色彩的感悟，所以在這個經過的設計中要密切注意人與色彩心理學。編程實現(xiàn)前階段的難點就是靜態(tài)布局和動態(tài)布局之間的衡量選擇。靜態(tài)布局使用的是絕對寬度和高度，能夠根據(jù)設置的布局來顯示在頁面中，通過使用滾動條來閱讀被遮掩的部分，同時不會出現(xiàn)兼容性的問題。而動態(tài)布局能夠克制靜態(tài)布局的弊端，實現(xiàn)網頁的自適應調整，但在閱讀器的兼容性上有一定的要求，且開發(fā)效率低下。當頁面布局改變較大時，在一定程度上增加了CSS樣式修改的難度。其次是頁面跳轉與同頁面不同內容的轉換之間的衡量選擇。前者能夠通過構造簡單的代碼實現(xiàn)頁面跳轉，但是對于多個頁面同樣框架的頁面來講，會造成代碼冗余。而后者能夠彌補前者的缺乏，通過JavaScript的顯示隱藏事件來實現(xiàn)同頁面不同內容之間的轉換，但是與前者相比，后者在引入樣式的經過中有時候會出現(xiàn)引入失敗問題。2.4網站測試結果網站漏洞在網站開發(fā)的經過中是無法避免的，只能不斷地通過網站測試來優(yōu)化網站。由此可見，網站測試是保證網站質量的必要環(huán)節(jié)。部分測試結果如此圖3、圖4所示。韶關自然與歷史文化遺產虛擬游覽網站從功能、兼容性以及易用性這三個方面進行了一系列相關測試。在功能測試階段，頁面內容測試和鏈接測試是網站測試的基礎。該網站內容表示出恰當，用戶不會引起歧義。同時，網站提供的信息是經過大量的資料收集比照，信息準確。鏈接測試的環(huán)節(jié)，整體內容鏈接跳轉正常，但在美食模塊中點擊部分美食的圖片，會出現(xiàn)跳轉到錯誤頁面的情況；大概情況模塊中點擊二級標題切換內容沒有反響，文章內容的隱藏與顯示也出現(xiàn)了問題。在兼容性測試階段，采用了當前市場的主流閱讀器，如IE、Firefox、Chrome等閱讀器進行了兼容性的測試，測試結果并未顯示異常。在易用性檢測階段，該網站從導航和界面進行了詳細的研究分析。韶關自然與歷史文化遺產虛擬游覽網站導航架構特別清楚明晰，用戶聚焦度較高，用戶能夠特別快速的通過導航定位到想要了解的信息點。同時，簡潔的界面降低了網站的操作難度，加強了用戶體驗的友好性。圖3網站首頁測試效果圖4景區(qū)虛擬遨游效果3總結本研究利用當前最流行的Windows平臺應用程序的集成開發(fā)環(huán)境VisualStudio、網頁代碼編輯器AdobeDreamweaver、圖片處理的輔助工具Photoshop和草圖工具Pencil來進行韶關旅游網站的設計與實現(xiàn)。該網站提供了大部分出行者比擬關注的信息，用戶能夠在里面集中閱讀韶關相關信息，不用再分別搜索不同方面的內容，讓用戶在短時間內愈加全面的了解韶關。以下為參考文獻[1]李時穎.UI設計中的色彩運用研究[J].電腦知識與技術,2021,12(31):193-194.[2]修德旭.論UI設計中的色彩心理學運用[J].藝術評鑒,2021(8