不知道大家還記不記得最感傷的辭職信“世界那么大，我想看看”。我覺得我們現(xiàn)在沒有勇氣辭職，收拾行李去旅行。

說(shuō)起旅游，我就想起去年在一家著名旅游網(wǎng)站的經(jīng)歷。網(wǎng)站設(shè)計(jì)巧妙，尤其是圖片特色鮮明，精美絕倫。當(dāng)時(shí)去了三亞，看了這些圖和介紹就毫不猶豫的去了。對(duì)于更多的訂單，網(wǎng)站設(shè)計(jì)會(huì)想盡一切辦法“留住”用戶。在我看來(lái)，旅游網(wǎng)站設(shè)計(jì)中圖片的選擇更能打動(dòng)用戶。當(dāng)然，用戶體驗(yàn)應(yīng)該不會(huì)太差。你可以參考下面總結(jié)的9個(gè)旅游網(wǎng)站的設(shè)計(jì)技巧:

用戶需要一目了然的焦點(diǎn)。用合適漂亮的大圖作為背景。完整詳細(xì)的酒店信息。切換圖片時(shí)減少延遲。特殊信息要特別標(biāo)注生動(dòng)圖文并茂的評(píng)論頁(yè)。手機(jī)友好降低了輸入框和必填項(xiàng)的真實(shí)性

接下來(lái)介紹的10個(gè)優(yōu)質(zhì)旅游網(wǎng)站設(shè)計(jì)實(shí)例，都是基于以上設(shè)計(jì)原則挑選出來(lái)的，讓人想背著背包，如其所說(shuō)的去旅游。

1.Airbnb

Airbnb是一個(gè)旅游房屋租賃社區(qū)。用戶可以通過互聯(lián)網(wǎng)或手機(jī)應(yīng)用程序發(fā)布和搜索度假屋租賃信息，并完成在線預(yù)訂程序。你可以在倫敦、巴黎、日本、羅馬等國(guó)家享受當(dāng)?shù)氐拿朗澈臀幕?。?jù)官方網(wǎng)站稱，其社區(qū)平臺(tái)為191個(gè)國(guó)家的65000個(gè)城市的旅行者提供了數(shù)百萬(wàn)種獨(dú)特的住宿選擇，無(wú)論是公寓、別墅、城堡還是樹屋。Airbnb被《時(shí)代》雜志稱為“房屋中的易趣”。

UI設(shè)計(jì):網(wǎng)站整體風(fēng)格以展示圖片為主，既有地方特色文化，又能展示各個(gè)民宿內(nèi)部風(fēng)景設(shè)計(jì)，各種旅游項(xiàng)目、美食盡收眼底。

用戶體驗(yàn)設(shè)計(jì):網(wǎng)站預(yù)約信息完整詳細(xì)，提供的服務(wù)清晰，CTA放置明顯，每個(gè)項(xiàng)目背后的用戶評(píng)價(jià)增加了整個(gè)網(wǎng)站的真實(shí)性。

2.又一次逃跑

這個(gè)網(wǎng)站不同于普通的旅游網(wǎng)站，它出售戶外生活方式和創(chuàng)意文化等出版物，以探索不同的人、事物和事物。為人們提供不同的生活方式和靈感。

UI設(shè)計(jì):整個(gè)網(wǎng)站的設(shè)計(jì)以戶外生活為主。一張大山景背景圖讓人流連忘返，向下滾動(dòng)可以看到更多的戶外探險(xiǎn)主題圖片。

用戶體驗(yàn)設(shè)計(jì):網(wǎng)站整體用戶體驗(yàn)設(shè)計(jì)良好，打開速度快。導(dǎo)航條雖然不在最上面，但是在右邊很明顯的位置。單擊導(dǎo)航欄展開，您可以看到所有您想知道的信息。

3.設(shè)計(jì)酒店

該網(wǎng)站與Airbnb的不同之處在于，它提供豪華酒店信息，并為全球50多個(gè)國(guó)家的300多家獨(dú)立擁有的小型精品酒店和豪華酒店提供酒店服務(wù)。您可以選擇自己獨(dú)特的酒店，以最佳價(jià)格入住。

UI設(shè)計(jì):整個(gè)頁(yè)面的視覺結(jié)構(gòu)并不混亂，巨大的背景照片等界面設(shè)計(jì)圖紙都是為了強(qiáng)調(diào)不同酒店的設(shè)計(jì)風(fēng)格，吸引用戶。

用戶體驗(yàn)設(shè)計(jì):整個(gè)網(wǎng)站的響應(yīng)式布局凸顯重要信息，如酒店注冊(cè)信息、酒店推廣等。用戶一眼就能看到自己想知道的，CTA明顯是放置的。網(wǎng)站打開快，操作簡(jiǎn)單。

4.訪問芬蘭

想看北極光嗎？想看看真正的圣誕老人嗎？想看看本來(lái)的性質(zhì)？該網(wǎng)站提供了所有關(guān)于芬蘭的旅游信息，是芬蘭國(guó)家旅游局的官方網(wǎng)站。

UI設(shè)計(jì):整個(gè)網(wǎng)站視覺沖擊力很強(qiáng)，以大圖為背景，畫面的選擇也很精致，比如極光、雪景、哈士奇雪橇等。，突出了整個(gè)網(wǎng)站的主要內(nèi)容，添加了有趣且獨(dú)特的動(dòng)態(tài)地圖。

用戶體驗(yàn)設(shè)計(jì):網(wǎng)站提供芬蘭旅游的完整信息，告訴用戶哪些是熱門項(xiàng)目，哪些值得看。用戶可以在頁(yè)面中滾動(dòng)查看具體細(xì)節(jié)。語(yǔ)言選擇方面，除了英語(yǔ)，日語(yǔ)和漢語(yǔ)也有。強(qiáng)烈建議大家看看這個(gè)網(wǎng)站。

5.游艇周

如果你厭倦了森林探險(xiǎn)和陸地生活，這個(gè)網(wǎng)站可以為你提供最好的游艇探險(xiǎn)。每天醒來(lái)都是新的旅程，新的島嶼等著你去探索，和你的朋友以及其他數(shù)百名游艇旅行者一起航行，享受各種派對(duì)和游艇生活。

Ui設(shè)計(jì):本網(wǎng)站的設(shè)計(jì)主題以海洋生物圖片為主，顏色以藍(lán)白為主。當(dāng)然也以旋轉(zhuǎn)大圖的形式突出了主要信息，增加了令人信服的視頻引導(dǎo)。

用戶體驗(yàn)設(shè)計(jì):頂部導(dǎo)航欄文字雖然小，但整體結(jié)構(gòu)完整。只需點(diǎn)擊幾下，您就可以獲得您想要的信息。網(wǎng)站還提供了具體的預(yù)定教程，非常詳細(xì)。

欣賞更多旅游網(wǎng)站的例子:

6.戶外帳篷旅行為主題

7.帕利莊園——婚禮旅行的主題

8.杰克羅大篷車——以房車旅行為主題

9.特恩菲島度假村——以島嶼旅游為主題

10.大綱——自由行為主題

如何有效利用工具設(shè)計(jì)一個(gè)有吸引力的旅游網(wǎng)站

現(xiàn)在你已經(jīng)掌握了旅游網(wǎng)站設(shè)計(jì)的基本原理，瀏覽了這么多精美的網(wǎng)站設(shè)計(jì)。唯一缺少的就是一個(gè)簡(jiǎn)單高效的網(wǎng)站設(shè)計(jì)工具，幫你設(shè)計(jì)一個(gè)好看的旅游網(wǎng)站。在這里我推薦一個(gè)個(gè)人最喜歡的網(wǎng)頁(yè)設(shè)計(jì)工具——mock plus，原型制作更快更簡(jiǎn)單，不需要代碼知識(shí)，五分鐘就可以創(chuàng)建一個(gè)原型交互頁(yè)面。網(wǎng)頁(yè)設(shè)計(jì)的友好特性包括:

1.3000個(gè)圖標(biāo)和200個(gè)包組件

2.除了網(wǎng)絡(luò)項(xiàng)目、免費(fèi)項(xiàng)目和定制項(xiàng)目，還有許多選擇

3.拖放以完成交互

4.屬性面板的設(shè)置操作簡(jiǎn)單，清晰明了，無(wú)需額外時(shí)間學(xué)習(xí)。

5.有8種演示方法供您選擇，發(fā)布和共享都很簡(jiǎn)單

6.新的網(wǎng)格功能和填充功能節(jié)省了設(shè)計(jì)成本

7.團(tuán)隊(duì)合作使你和你的成員之間的交流無(wú)障礙

摘要

設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)，不僅要考慮整個(gè)界面的美觀，還要考慮旅游網(wǎng)站設(shè)計(jì)中的視覺沖擊。同時(shí)要結(jié)合用戶心理，提升整個(gè)網(wǎng)站的用戶體驗(yàn)。希望以上分享能給你帶來(lái)設(shè)計(jì)靈感。