让页面下海!创意十足的水下网页设计

2014-3-12    蓝蓝设计的小编

转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 平面设计服务

来源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想订阅本博客内容,每天自动发到您的邮箱中,   请点这里

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

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

So~来看看蓝蓝设计这里搜集的实例吧。

Luxaqua Design

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

Luxaqua Design

Whale Translator

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

Whale Translator

Leidgens piscines

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

Leidgens piscines

Whaternet

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

Whaternet

Me-had

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

me-had

Siput Scuba

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

Siput Scuba

The John Dory

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

The John Dory

Media Whale

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

Media Whale

In Charted Waters

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

In Charted Waters

LoveHideaway

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

LoveHideaway

Innomedio

拥有整洁的结构,通过平静的海面背景唤起庄重的感觉。

Innomedio

NH Bunkering

网站通过视觉故事指导你走完一些部分。这个主题并不是偶然出现在此处的,因为公司本身是从事海洋和河流仓储的业务的,背景看起来很合适该公司。

NH Bunkering

Raindrop Race

该网站给游客提供了一个小游戏,目的是宣传安格鲁人家里的改进。右边的图片则是展示在推广产品的过程中未来可能发生的事情。

Raindrop Race

Michelle Lana

这是一个十分有才华和创造力的插画家。通过该网站我们可以见证她的技巧。毫不犹豫地,她让我们沉浸在她的插图世界里。

Michelle Lana

Appdock

航海主题也用来强调网站本身的标志。干净而光滑的海景图很好地匹配了网站本身的语境。同时也很好地说明了在各种各样的商品中如何找到必要的应用。

Appdock

Econyl

运用数字和事实让游客在深入了解网站之前首先熟悉一个大概。冷静而微妙的水下背景为这一目的带来良好的效果。

Econyl

Defend Seashepherd

该公司致力于海洋和海洋活动。首页的视频背景很好地展示了这一点。

Defend Seashepherd

Evaco Group

这是一家专门销售海域附近房产的房地产公司。壮观的海景绝对是为了激发客户赶紧行动的!

Evaco Group

结语

虽然水下插图和航海主题通常用于一些特定的网站项目中(特别是与海洋相关的主题活动),但是有一些例子还是蛮值得参考借鉴的。领会其中真正的意义,它们的好处已经和活动本身无关。

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档