说走就走!勾引你出门旅游的网站都长什么样?

2016/09/05 9068

hotel-travel-websites-1

编者按:其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例~

现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。

这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。

Pygmy Elephant

1-Pygmy-Elephant

Pygmy Elephant 是一个旅游机构,网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富,通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景,漂亮的图文混排,精致的交互细节。

Cruise Me

2-Cruise-me

为了让项目效果突出,设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图,每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下,用户可以翻看不同主题不同旅游项目的卡片,有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。

Bird Luxury Travel PR

3-Bird-Luxury-Travel-PR

Bird Luxury Travel PR 的首页采用了全景式的大图,将最美的风景直接推送到用户面前。这个全景式的图片是以轮播图的形式存在的。网站的整体结构相对传统,但是内容相当吸引人,用户会乐于探索这样的网站。

The Art of Travel

4-The-Art-of-Travel

The Art of Travel 的网页很好地将现代设计趋势融入到页面设计当中,现代十足的居中式布局,幽灵按钮,视差滚动特效,以及最典型的汉堡图标,所有的这些设计元素让整个网站显得充满活力又充满吸引力。

S-Trip

5-S-Trip

S-Trip 是一个内容和信息密度相当高的页面,设计师在多媒体内容和文本的平衡上很下功夫。整个页面的色彩明亮,排版布局相当的整齐,让人不由得新生好感。

Henge Travel

6-Henge-Travel

作为一个旅行类网站,Henge Travel 所采用的这种区块式布局非常适合于展示。5个小区块播放着不同的视频,展示着不同地域不一样的风情。它们各自占据不同的空间,为用户提供导航。这样的首页一打开,就为用户营造一种即刻就要出发的氛围。

Batty Langleys

7-Batty-Langleys

Batty Langleys 的网站设计看起来足够奢华,华丽的图片和梦幻般的插画,最终以动态的方式展现出来。时尚的气息和维多利亚时期的元素完美的融合到了一起。

Kivo Hotel

8-Kivo-Hotel

网站将经典的横向布局和栅格系统结合起来,让整个首页的设计显得非常有范儿。页面中不同的区块承载着不同的内容和作品,更重要的是使用了不同的风格来进行处理:水彩效果,渐变,像素化和线条化。这些不同的内容区块本身也有着导航的作用。

The Cambrian, Hotel Adelboden

9-Hotel-Adelboden

大气而细节丰富的图片是这个着陆页的主体,充满吸引力。首页的每一个区块都使用了大气无比的图片,布局采用的是单栏和双栏切换交叠的模式,看起来相当的现代。

Villa Honegg

10-Villa-Honegg

网站不仅仅通过图片让用户对于这个酒店有所了解,网站还采用了全景式的视频,将酒店最美的一面呈现了出来,给用户以身临其境的感觉。

Matterhorn Focus

11-Matterhorn-Focus

Matterhorn Focus 的页面中充满了优雅而精致的图片,而也是这些别致的图片吸引着用户一直浏览下去。

Lloyds Baia Hotel

12-Lloyds-Baia-Hotel

Lloyds Baia Hotel 并没有跟风走极简现代风,网站的信息密度相当高,但是并不显得难用。在内容丰富的同时,网站的设计也足够整洁,页面主体布局上采用的是不对称的两栏式排版,让图片的优先级比起文字内容更高,视觉化内容的优先级更高。

Le Germain Hotels

13-Le-Germain-Hotels

同样是酒店的网站,Le Germain酒店的官网设计更加扁平,这种方正无比、凸显排版的设计让整体显得更加奢华。网站的整体结构稳定,细致的排版营造出一种精致而值得信任的氛围。

Alex Perry Hotel and Apartments

14-Alex-Perry-Hotel-and-Apartments

这个网站采用的是典型的极简主义的设计,大量的留白凸显出网站的视觉焦点,色调平易近人,给人以优雅而友好的感觉。网站整体散发出的魅力让人忍不住想多了解一下这家酒店和公寓。

TZVG

15-TZVG

TZVG 是一个典型的视差滚动式的网页,整体的设计充满活力,动感十足。几何图形、色块和图片功能构成了网页的主要元素,顺滑的过渡效果和微妙的动效将不同的页面连接到了一起。

Giannoulis Hotels and Resorts

16-Giannoulis-Hotels-and-Resorts

网站的首页被设计成两栏式的布局,左侧较窄的侧边栏是功能性的导航栏,而右侧则放置的是高清大图,用来为营造氛围,给用户以好的印象。夹在两者之间还有特别宅的一栏,它仅仅承载了几个小图标,用来引导用户获取地图、联系电话、选择语言。

Isabela Galapagos Cruise

17-Isabella-Galapagos-Cruise

这个着陆页被设计成7个不同的区块,每个区块对应一个旅程。每个旅程区块都由一幅漂亮的图片替代,纤细的线条构成的图形让每一个区域都显得精致而细腻。

St. Moritz

18-St.-Moritz

为了避免网站的信息过载,St.Moritz 的设计团队并没有将页面塞满各种图片和文字,而仅仅只是将最关键的信息展现出来。文本和图片按照现代流行的左右结构分别放置,文本内容被精心的安放在特定的区域中,营造出精致而熨帖的氛围,同时也易于浏览。

THB Hotels

19-THB-Hotels

THB宾馆的网站首页所采用的大图背景是海洋,剔透而精致的场景给人夏日的凉爽和放松的氛围。网站使用了大量优质的视觉线索引导用户浏览,提供了轮播图和卡片式的UI控件,兼顾了功能和体验。

Travelscope

20-Travelscope

Travelscope 是一个小而精悍的网站,网站的交互性极强,在谷歌浏览器中打开能让提价最佳。任意选取一个国家或者地区,你能看到这个国家的护照的使用范畴。唯一的问题是它对触摸屏的支持不够优秀。

【那些充满异域风情的网页设计】

《KEEP CALM & DESIGN!26个来自英国最优秀的网页设计》
《严谨而浪漫!20个来自德国最优秀的网页设计》
《情迷西班牙!20个来自西班牙最优秀的网页设计》
《时尚雅致!25个来自法国最优秀的网页设计》

原文地址:designmodo
原文作者:Nataly Birch
优设译文:@陈子木

yestone-uisdc-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/hotel-travel-websites

界面设计 交互设计师 HTML5 素材 用户体验设计 好文 UI 转场动效 设计师专访 设计师 设计规范 排版布局 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里