數位行銷
網頁設計
編者按：其實飯店和旅遊類的網站最能體現多媒體內容和文字的搭配技巧了，這類網站通常需要營造氛圍，展現美感，體現吸引力，優秀的案例比比皆是。今天我們就來看一組優秀的案例~
現如今的旅遊和飯店類網站設計的越來越有質感了，壯美的風景和精緻的介面融為一體，優質的服務和夢幻般的介面讓使用者在網站中流連忘返。
這些網站以驚豔的圖片和影片立足，配合以突出的現代網頁設計技術，結合當下的設計趨勢，視差滾動、全景圖片、響應式佈局、動態圖片一個都不缺席。這些網站巧妙地將多媒體技術、文字排版和特效平衡為一體，為用戶提供了身臨其境的體驗。
Pygmy Elephant 是一個旅遊機構，網站為用戶提供了逼真而難忘的視覺體驗。
其中涵蓋的多媒體類型豐富，通過豐富的視覺體驗鼓勵遊客踏上旅程。網站使用了影片背景，漂亮的圖文混排，精緻的互動細節。
為了讓專案效果突出，設計和開發團隊使用了諸多先進的技術。當用戶打開網站的時候能夠看到首頁上互動性極強的地圖，每個地標都能夠為使用者提供豐富的資訊以便瀏覽和瞭解。再向下，使用者可以翻看不同主題不同旅遊專案的卡片，有目的和針對性地瞭解具體資訊。整個網頁的設計友好而令人愉悅。
Pygmy Elephant 是一個旅遊機構，網站為用戶提供了逼真而難忘的視覺體驗。其中涵蓋的多媒體類型豐富，通過豐富的視覺體驗鼓勵遊客踏上旅程。網站使用了視頻背景，漂亮的圖文混排，精緻的交互細節。
Bird Luxury Travel PR 的首頁採用了全景式的大圖，將最美的風景直接推送到用戶面前。
這個全景式的圖片是以輪播圖的形式存在的。網站的整體結構相對傳統，但是內容相當吸引人，使用者會樂於探索這樣的網站。
The Art of Travel 的網頁很好地將現代設計趨勢融入到頁面設計當中，現代十足的居中式佈局，幽靈按鈕，視差滾動特效，以及最典型的漢堡圖示，所有的這些設計項目讓整個網站顯得充滿活力又充滿吸引力。
S-Trip 是一個內容和資訊密度相當高的頁面，設計師在多媒體內容和文本的平衡上很下功夫。整個頁面的色彩明亮，排版佈局相當的整齊，讓人不由得心生好感。
作為一個旅行類網站，Henge Travel 所採用的這種區塊式佈局非常適合於展示。5個社區塊播放著不同的影片，展示著不同地域不一樣的風情。
它們各自佔據不同的空間，為用戶提供導航。這樣的首頁一打開，就為用戶營造一種即刻就要出發的氛圍。
Batty Langleys 的網站設計看起來足夠奢華，華麗的圖片和夢幻般的插畫，最終以動態的方式展現出來。時尚的氣息和維多利亞時期的元素完美的融合到了一起。
網站將經典的橫向佈局和柵格系統結合起來，讓整個首頁的設計顯得非常有範。
頁面中不同的區塊承載著不同的內容和作品，更重要的是使用了不同的風格來進行處理：水彩效果，漸變，圖元化和線條化。這些不同的內容區塊本身也有著導航的作用。
大氣而細節豐富的圖片是這個首頁的主體，充滿吸引力。
首頁的每一個區塊都使用了大氣無比的圖片，佈局採用的是單欄和雙欄切換交疊的模式，看起來相當的現代。
網站不僅僅通過圖片讓使用者對於這個飯店有所瞭解，網站還採用了全景式的影片，將飯店最美的一面呈現了出來，給用戶已身臨其境的感覺。
Matterhorn Focus 的頁面中充滿了優雅而精緻的圖片，而也是這些別致的圖片吸引著使用者一直流覽下去。
Lloyds Baia Hotel 並沒有跟風走極簡現代風，網站的資訊密度相當高，但是並不顯得難用。
在內容豐富的同時，網站的設計也足夠整潔，頁面主體佈局上採用的是不對稱的兩欄式排版，讓圖片的優先順序比起文字內容更高，視覺化內容的優先順序更高。
同樣是飯店的網站，Le Germain飯店的官網設計更加扁平，這種方正無比、凸顯排版的設計讓整體顯得更加奢華。網站的整體結構穩定，細緻的排版營造出一種精緻而值得信任的氛圍。
Alex Perry Hotel and Apartments
這個網站採用的是典型的極簡主義的設計，大量的留白凸顯出網站的視覺焦點，色調平易近人，給人以優雅而友好的感覺。
網站整體散發出的魅力讓人忍不住想多瞭解一下這家飯店和公寓。
TZVG 是一個典型的視差滾動式的網頁，整體的設計充滿活力，動感十足。幾何圖形、色塊和圖片功能構成了網頁的主要元素，順滑的過渡效果和微妙的動效將不同的頁面連接到了一起。
網站的首頁被設計成兩欄式的佈局，左側較窄的側邊欄是功能性的巡覽列，而右側則放置的是高清大圖，用來為營造氛圍，給用戶以好的印象。
夾在兩者之間還有特別宰的一欄，它僅僅承載了幾個小圖示，用來引導使用者獲取地圖、聯繫電話、選擇語言。
這個首頁被設計成7個不同的區塊，每個區塊對應一個旅程。每個旅程區塊都由一幅漂亮的圖片替代，纖細的線條構成的圖形讓每一個區域都顯得精緻而細膩。
為了避免網站的資訊超載，St.Moritz 的設計團隊並沒有將頁面塞滿各種圖片和文字，而僅僅只是將最關鍵的資訊展現出來。
文本和圖片按照現代流行的左右結構分別放置，文本內容被精心的安放在特定的區域中，營造出精緻而熨帖的氛圍，同時也易於瀏覽。
THB飯店的網站首頁所採用的大圖背景是海洋，剔透而精緻的場景給人夏日的涼爽和放鬆的氛圍。
網站使用了大量優質的視覺線索引導使用者流覽，提供了輪播圖和卡片式的UI控制項，兼顧了功能和體驗。
Travelscope 是一個小而精悍的網站，網站的交互性極強，在google中打開最佳。任意選取一個國家或者地區，你能看到這個國家的護照的使用範疇。唯一的問題是它對觸控式螢幕的支持不夠優秀。
原文地址：designmodo
原文作者：Nataly Birch
優設譯文：@陳子木
