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