我國(guó)6個(gè)知名旅游網(wǎng)站的設(shè)計(jì)特點(diǎn)比較,網(wǎng)站設(shè)計(jì)論文

我們國(guó)家6個(gè)知名旅游網(wǎng)站的設(shè)計(jì)特點(diǎn)比較,網(wǎng)站設(shè)計(jì)論文本篇論文目錄導(dǎo)航：【】【】我們國(guó)家6個(gè)知名旅游網(wǎng)站的設(shè)計(jì)特點(diǎn)比擬【】旅游網(wǎng)站畢業(yè)設(shè)計(jì)論文：我們國(guó)家6個(gè)知名旅游網(wǎng)站的設(shè)計(jì)特點(diǎn)比擬內(nèi)容摘要：依托四通八達(dá)的網(wǎng)絡(luò)，很多多姿多彩的旅游網(wǎng)站落地生根，以其方便快速和信息分享等強(qiáng)大優(yōu)勢(shì)博得消費(fèi)者喜歡，為旅游行業(yè)帶來(lái)了新的經(jīng)濟(jì)增長(zhǎng)點(diǎn)。在這樣的背景下，怎樣建設(shè)受消費(fèi)者青睞的旅游網(wǎng)站成了旅游行業(yè)從業(yè)者不得不鉆研和考慮的問(wèn)題。根據(jù)當(dāng)下熱門的六大旅游網(wǎng)站〔攜程、同程、途牛、藝龍、馬蜂窩、去哪兒〕，筆者主要從界面設(shè)計(jì)、信息技術(shù)、內(nèi)容布局的角度解讀和分析旅游網(wǎng)站的建構(gòu)與設(shè)計(jì)。本文關(guān)鍵詞語(yǔ)：旅游網(wǎng)站;界面設(shè)計(jì);信息技術(shù);內(nèi)容布局;ConstructionandDesignofTourismWebsitesTakingSixDomesticTourismWebsitesasExamplesHuangJuanBaoZhengdeLiChenxiSchoolofComputerandSoftware,JinchengCollegeofSichuanUniversityAbstract：Relyingonthenetworkextendinginalldirections,thevarioustouristwebsiteshavetakenroot,andhavewontheconsumerslovewiththepowerfuladvantagessuchasconvenienceandinformationsharing,bringingneweconomicgrowthpointstothetourismindustry.Inthiscontext,howtobuildatouristwebsitefavoredbyconsumershasbecomeaproblemthatthetravelindustrypractitionershavetodelveintoandthinkabout.Thisarticlereliesonthecurrentsixmajortravelwebsites(Ctrip,Travelgo,Tuniu,Elong,Mafengwo,Qunar),mainlyfromtheperspectiveofinterfacedesign,informationtechnology,contentlayouttointerpretandanalyzetheconstructionanddesignoftravelwebsites.0引言據(jù)國(guó)家文化旅游部官方數(shù)據(jù)，2022年國(guó)慶假期前4天全國(guó)共接待國(guó)內(nèi)游客5.42億人次，同比增長(zhǎng)8.02%，顯示出我們國(guó)家旅游經(jīng)濟(jì)強(qiáng)大的生命力及活力。旅游行業(yè)生機(jī)勃勃，消費(fèi)升級(jí)要求旅游行業(yè)從傳統(tǒng)線下轉(zhuǎn)向線上線下聯(lián)縱并舉，以互聯(lián)網(wǎng)+旅游的全新態(tài)勢(shì)助力中國(guó)新經(jīng)濟(jì)。信息是旅游業(yè)發(fā)展的核心，旅游活動(dòng)會(huì)牽涉諸多的旅游設(shè)施(旅游交通、飯店等)、旅游服務(wù)部門(旅行社、保險(xiǎn)等)[1]。如今，產(chǎn)品多樣化的綜合性在線旅游平臺(tái)越來(lái)越遭到消費(fèi)者的喜歡。而怎樣建構(gòu)好一個(gè)旅游網(wǎng)站是從業(yè)者們亟待解決的問(wèn)題與難題。本文以當(dāng)下市場(chǎng)上六大旅游網(wǎng)站〔攜程、同程、途牛、藝龍、馬蜂窩、去哪兒〕為基點(diǎn)，探究旅游網(wǎng)站的網(wǎng)頁(yè)布局和界面設(shè)計(jì)等問(wèn)題。1六大旅游網(wǎng)站的布局及設(shè)計(jì)1.1網(wǎng)頁(yè)基本布局和代碼架構(gòu)當(dāng)前，國(guó)內(nèi)大型旅游網(wǎng)站幾乎都是綜合性網(wǎng)站。綜合性意味著信息繁多龐雜，假如沒(méi)有清楚明晰的框架，難免顯得雜亂無(wú)章，損害用戶體驗(yàn)。六大旅游網(wǎng)站大體都使用了以頂部大圖banner+層級(jí)/柵欄為主的綜合型網(wǎng)頁(yè)布局，它能在有限區(qū)域內(nèi)有效整合大量信息。網(wǎng)頁(yè)布局的代碼較為簡(jiǎn)單，一般用DIV和CSS就能夠?qū)崿F(xiàn)，而針對(duì)這種形式的代碼設(shè)計(jì)通常是給整體一個(gè)固定值的DIV盒子，將內(nèi)容都放到盒子里面即可。值得注意的是，一般柵欄型或多或少都會(huì)采用流式布局，長(zhǎng)度、寬度單位用百分?jǐn)?shù)計(jì)量，而非我們一般使用的px，其好處在于能夠避免網(wǎng)頁(yè)布局在不同分辨率下發(fā)生改變，適配各種的屏幕分辨率。而網(wǎng)頁(yè)內(nèi)部元素的高度和文字大小還是那樣使用px固定，方便排版和閱讀。技術(shù)人員應(yīng)根據(jù)詳細(xì)情況把握網(wǎng)站頁(yè)面建構(gòu)框架，實(shí)現(xiàn)盒子并列和嵌套的科學(xué)性和邏輯性。1.2頂部banner的設(shè)計(jì)Banner是指投放于線上〔PC端、移動(dòng)端〕的廣告圖，頂部banner的作用相當(dāng)于我們看報(bào)紙時(shí)的最大標(biāo)題，能夠直接捉住人的眼球。據(jù)統(tǒng)計(jì)，電商平臺(tái)60%的文字信息用戶是不會(huì)仔細(xì)閱讀的，banner文案表示出也直接關(guān)系到利益點(diǎn)的表示出，文案能否清楚明晰易懂直接影響著用戶的決策時(shí)間[2]。筆者以藝龍、馬蜂窩、途牛、同程4家旅游網(wǎng)站為例扼要講明頂部banner設(shè)計(jì)與網(wǎng)站定位的密切關(guān)系。1.2.1藝龍基于發(fā)展歷史等多方面的原因，藝龍旅游網(wǎng)相較于其他幾個(gè)旅游網(wǎng)站來(lái)講定位愈加簡(jiǎn)單和清楚明晰，即成為中國(guó)在線和移動(dòng)住宿服務(wù)提供商。藝龍擁有微信錢包的酒店入口，酒店住宿是其主營(yíng)業(yè)務(wù)。故首頁(yè)頂部7張banner圖全部圍繞酒店的折扣和活動(dòng)來(lái)宣傳展示。同時(shí)在banner背景圖的左側(cè)設(shè)置了一個(gè)盒子用于酒店和機(jī)票、火車票的選擇，直白明了。1.2.2同程同程定位為一家專業(yè)的一站式旅游預(yù)訂平臺(tái)，其主打服務(wù)為機(jī)票和火車票的訂購(gòu)。與藝龍相對(duì)應(yīng)，同程網(wǎng)絡(luò)擁有微信錢包中機(jī)票、火車票的入口。Banner主要為國(guó)內(nèi)和國(guó)外的風(fēng)景和宣傳詞。左側(cè)也和藝龍一樣設(shè)置了盒子，不過(guò)將機(jī)票和火車票兩個(gè)元素放在了最前面，同時(shí)增加了景點(diǎn)周邊游境內(nèi)游出境游以及郵輪。1.2.3途牛途牛的整個(gè)頂部banner是國(guó)字型布局，內(nèi)容愈加詳實(shí)，這也與途牛的定位中國(guó)知名在線旅游預(yù)訂平臺(tái)有關(guān)，途牛主要提供跟團(tuán)游、自助游等。這種旅游線路一體式的服務(wù)不同于機(jī)票、火車票等單一場(chǎng)景服務(wù)，需要與消費(fèi)者建立極強(qiáng)的信任感，故途牛頂部banner上的廣告詞較藝龍和同程更具誘導(dǎo)性，右邊增加了用戶滿意度等要素，無(wú)一不是為了獲得消費(fèi)者對(duì)其產(chǎn)品的認(rèn)同。1.2.4馬蜂窩以旅游游記和攻略起家、增加了社交功能和內(nèi)容輸出的馬蜂窩在一眾旅游網(wǎng)站中顯得獨(dú)樹(shù)一幟，其定位為靠譜的旅游攻略、自由行、自助游共享社區(qū)。頂部的banner圖除了一個(gè)搜索框和簡(jiǎn)單的文字外再?zèng)]有別的內(nèi)容，4張banner圖大多來(lái)自用戶的原創(chuàng)拍攝，根據(jù)時(shí)間先后進(jìn)行排序，用戶點(diǎn)擊banner圖即可進(jìn)入相應(yīng)的游記或攻略，淋漓盡致地展示了社區(qū)的魅力。1.3網(wǎng)頁(yè)主區(qū)域設(shè)計(jì)網(wǎng)頁(yè)主區(qū)域是呈現(xiàn)給用戶看的主要區(qū)域，也就是中的body區(qū)，頂部banner區(qū)假如能夠第一眼吸引用戶眼球，起到提綱挈領(lǐng)的作用，那么下面的body區(qū)便是留住用戶和變現(xiàn)流量的關(guān)鍵。綜合比擬六大旅游網(wǎng)站，主要有3種框架布局組合形式。1.3.1層級(jí)型代表網(wǎng)站：攜程、同程、去哪兒攜程、同程以及去哪兒這三個(gè)旅游網(wǎng)站都采用逐層劃分的方式，即幾個(gè)盒子均勻地從上到下垂直并列。使用這種排列方式的好處是能夠讓用戶一目了然地看出每部分所展示的內(nèi)容，各元素之間分配勻稱、構(gòu)造清楚明晰。攜程和同程旅游網(wǎng)站還增加了左側(cè)邊導(dǎo)航欄，側(cè)邊欄位置及響應(yīng)標(biāo)題會(huì)隨著用戶閱讀位置的變化而變化，輔助用戶精準(zhǔn)定位長(zhǎng)頁(yè)面的信息。1.3.2柵欄型代表網(wǎng)站：馬蜂窩馬蜂窩旅游網(wǎng)站用的是很典型的柵欄式構(gòu)造，這種構(gòu)造合適內(nèi)容輸出型的網(wǎng)站，如新浪博客、知乎等網(wǎng)站。柵欄式構(gòu)造的核心是將內(nèi)容進(jìn)行與垂直排列相對(duì)的橫向切割，從內(nèi)容上來(lái)看，左邊一列均勻分布為旅行家專欄、旅游攻略推薦等，右邊一列則全是游記的內(nèi)容，且所占整個(gè)頁(yè)面的比重比左列大了兩倍有余?？偟膩?lái)講，柵欄式布局通過(guò)對(duì)不同內(nèi)容的比例分配，能夠很好地凸出主題。1.3.3組合型代表網(wǎng)站：途牛、藝龍途牛和藝龍這兩個(gè)旅游網(wǎng)站較于其他四個(gè)網(wǎng)站有層級(jí)和柵欄混合的特點(diǎn)，故將它們稱為組合型。以途牛網(wǎng)站為例，首先，它是一個(gè)兩列柵欄型構(gòu)造，右側(cè)有熱門頭條和新的導(dǎo)航欄元素等，左側(cè)為旅游商品。在左側(cè)之內(nèi)，又劃分了當(dāng)季熱玩出境長(zhǎng)線出境短線境內(nèi)旅游等板塊，層級(jí)和柵欄式交織融合。這種構(gòu)造適用于內(nèi)容較多、分類冗雜的旅游網(wǎng)站。1.4網(wǎng)頁(yè)配色網(wǎng)頁(yè)配色包括網(wǎng)頁(yè)底色、字體顏色、盒子顏色等的組合統(tǒng)一，除了相應(yīng)的審美能力，其還遵守一些基本的原則和規(guī)律。〔1〕底色選用白色或淺灰色，包括六大旅游網(wǎng)站在內(nèi)的無(wú)數(shù)我們熟悉的知名網(wǎng)站，幾乎都是采用白底或者淺灰色底，百搭經(jīng)典?！?〕配色可參考logo顏色，例如攜程、去哪兒、同程的旅游網(wǎng)站導(dǎo)航欄設(shè)計(jì)便與其logo顏色相得益彰。網(wǎng)頁(yè)配色的設(shè)計(jì)要根據(jù)色彩搭配的基本原則〔鮮明性、獨(dú)特性、藝術(shù)性、合理性〕，還能夠使用一些基本的色彩搭配方式方法，好像種色彩搭配、比照色彩搭配等[3]。2網(wǎng)站建構(gòu)和設(shè)計(jì)建議2.1找準(zhǔn)自個(gè)的定位正式開(kāi)場(chǎng)建構(gòu)和設(shè)計(jì)網(wǎng)站之前，所做的第一步便是找準(zhǔn)自個(gè)獨(dú)特的定位。綜觀六大旅游網(wǎng)站，無(wú)不是各有所長(zhǎng)、各具特色，例如馬蜂窩正是依靠?jī)?nèi)容+交易的特質(zhì)俘獲市場(chǎng)。尤其對(duì)于旅游業(yè)新興從業(yè)者來(lái)講，由于旅游業(yè)并不是新興產(chǎn)物，而是傳統(tǒng)服務(wù)業(yè)中的一環(huán)，在資本氣力上始終不敵久經(jīng)疆場(chǎng)的大企業(yè)，要想異軍突起，必須另辟蹊徑。2.2排版布局符合產(chǎn)品特性設(shè)計(jì)必須符合產(chǎn)品特性和定位。能夠借鑒同類型的網(wǎng)站架構(gòu)，尤其是國(guó)內(nèi)大型旅游網(wǎng)站，揚(yáng)長(zhǎng)避短。知名綜合性旅游網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)和布局，看似內(nèi)容冗雜，實(shí)則輕重有序，條理明晰。在前期內(nèi)容簡(jiǎn)單的情況下建議采用簡(jiǎn)單層級(jí)型或柵欄型排列布局，易于增加和刪改內(nèi)容，切忌雜亂無(wú)章沒(méi)有重點(diǎn)，內(nèi)容應(yīng)求精不求多。2.3注重用戶體驗(yàn)，細(xì)節(jié)決定成敗網(wǎng)站在用戶心中的好感度來(lái)源于用戶體驗(yàn)。從心理學(xué)角度理解，體驗(yàn)是當(dāng)一個(gè)人的情緒、體力、智力，甚至精神到達(dá)某一特定水平常，意識(shí)中所產(chǎn)生的美妙感覺(jué)[4]。提升用戶體驗(yàn)要從細(xì)節(jié)下工夫，例如就登錄、注冊(cè)這兩個(gè)按鈕來(lái)講，攜程的按鈕文字分別為你好，請(qǐng)登錄和免費(fèi)注冊(cè)，這就比其他旅游網(wǎng)站的登錄注冊(cè)更添親切感，拉近了和用戶的距離。3結(jié)束語(yǔ)互聯(lián)網(wǎng)+旅游并非新事，不過(guò)要想真正實(shí)現(xiàn)旅游業(yè)的信息化、科學(xué)化，仍然還有很長(zhǎng)的一段路要走。對(duì)于行業(yè)從業(yè)者來(lái)講，怎樣建構(gòu)和設(shè)計(jì)一個(gè)令人滿意的旅游網(wǎng)站，是一個(gè)需要不斷努力探尋求索的課題。知己知彼，百戰(zhàn)不殆，只要先清楚本身的定位與發(fā)展，才能準(zhǔn)確把握整個(gè)網(wǎng)站的框架；只要先了解市場(chǎng)的形勢(shì)與對(duì)手的優(yōu)勢(shì)、劣勢(shì)，才能更有底氣地大踏步前行。而所謂設(shè)計(jì)，從來(lái)沒(méi)