21款创意十足的水下网页设计欣赏

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:情非得已

关键词

网页设计中自然图案的展示是很常见的一个手法。设计师通常喜欢用各种景观照片、风景插图或者乡村风格的视频来增加网站自身的自然度。现在我们把思绪聚焦在航海主题上。海洋并不缺乏强大的情绪,相反它能够激发一系列积极的感受,在网站设计中见证这样一个骇俗的场景足以让我们感受到它戏剧性的效果,在心中刻下明显的印记。

展示海洋有多种不同的方式。它可以是一个简单的海景,一幅神秘的海底世界,水里有个潜水员,或者是一些带有幻觉的照片处理,或者是惊人的海洋生物展现。每种方式都可以添加一些标新立异的设计,这样子会起到有趣而特殊的体验效果。

至于海景的功能使用,它们当然可以各领风骚。例如水下风景可以客气地吸引用户通过线下滚动的模式来探索网站,为他们提供视觉路径;而普通的海洋照片可以作为非语言支持的信号,或者网站的标志。一切都源于一些常用的概念。

So~来看看我们这里搜集的实例吧。

Luxaqua Design

第一个网站就非常给力了!这是一个基于垂直滚动的网站,通过滚动鼠标滚轮引领我们潜入海洋深处。每个部分又有独立的滚动画面,整个设计是由照片辅助实现的,非常磅礴。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

Whale Translator

设计师利用各种奇妙的海底世界快照来支持网站主题,页面干净整洁,宁静深远。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

Leidgens piscines

因为该网站致力于销售游泳池、按摩浴缸和桑拿,所以对于设计师使用图片和视频来填充网站没有什么惊奇可言。固有的蓝色背景非常有效地支撑起整洁优雅的白色字体。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

Whaternet

这是一家一流的数字机构,却非常低调地展示着自己的创造力。着陆页充满了惊人的摄影手法,不仅展示了团队成员,也增强了团队口号。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

Me-had

公司通过首页完美的照片处理给人展示了自己充满创意的概念产品。其中的牛仔裤结构起着重要的作用。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

Siput Scuba

网站属于2个潜水教练所有,生动的图形展示了其技能和潜力。他们邀你去深入了解海底世界,同时也了解他们。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

The John Dory

这是一个不错的海产品餐厅。网站本身就说明了这一点。设计特点是拥有一个愉快的视频背景和适当的气氛。手绘图形与博客风格的布局给网站带来了恰到好处的外观。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

Media Whale

这是另一个典型的示例。该网站通过全幅面的插图风格呼应了网站的主题。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

In Charted Waters

伴随一张神奇的、古老的航海插图,网站整体给出了一个冒险的氛围。

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

LoveHideaway

据称是一个交友网站,通过有趣的异国风情达到吸引用户交友的目的。看起来似乎很棒,不过我点击链接时居然直接跳到百度首页,桑不起。。。要不你点击试一试?

21款创意十足的水下网页设计欣赏,PS教程,思缘教程网

 收藏