来源:网络 作者:佚名
编者按：其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例~
现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。
这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。
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 是一个小而精悍的网站，网站的交互性极强，在谷歌浏览器中打开能让提价最佳。任意选取一个国家或者地区，你能看到这个国家的护照的使用范畴。唯一的问题是它对触摸屏的支持不够优秀。
原文地址：designmodo
原文作者：Nataly Birch
优设译文：@陈子木
