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

2016-02-16 19:31 20 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是21款创意十足的水下网页设计欣赏,一起来学习了解下吧!

【 tulaoshi.com - 平面设计 】

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Media Whale

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

In Charted Waters

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

LoveHideaway

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Innomedio

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

NH Bunkering

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Raindrop Race

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Michelle Lana

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Appdock

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Econyl

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Defend Seashepherd

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

Evaco Group

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

21款创意十足的水下网页设计欣赏,PS教程,图老师教程网

结语

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

来源:http://www.tulaoshi.com/n/20160216/1572421.html

延伸阅读
一个好的个人展示网站可以向外界展示自己最好的一面,包括技能天赋和职场阅历。设计师们会把网站做得非常简约唯美,来引导访客一步步观赏他们的作品和经历。下面有30个超棒的个站,小伙伴们一定会非常喜欢的。 Marco Simonetti The Brave Man Antoine Wodniack Christian Kapke Henry Saiz Kevin Lagier Jean-Christo...
标签: 创意手工
艺术家Jeremy May往书本里钻出一个洞,再将挖出来的几百层纸压在一起,进行打磨抛光,于是就有了这枚漂亮的纸戒指,它还可以重新放入书本里面的洞中。如果有天收到这样一份特别礼物,也会为这种创意而感动吧。
一个超赞的404错误页面,总是能够让您在网站里迷路的时候给予归属感,尽可能的减少挫败感。设计师会在这个页面花很多心思,以致于我们被那些创意打动、被那些设计细节感动。这篇文章收集了30个有趣的404页面,以便为您接下来可能遇到的工作汲取灵感。 如果你有更优秀的页面推荐,可以直接在评论留言:) brandstack hugsformonsters infli...
可能你对Google Search的使用频率远没有YouTube或者Gmail高,但是谷歌出品的Google Search在设计方面也有很多值得我们借鉴的地方。在最近几年,谷歌在设计语言方面取得了很大的进步,比如Google Search中出彩的设计细节。 一、翻转的logo 从屏幕底部向上推动卡片,Logo通过微妙的折叠翻转渐渐进入视野。还有一点,在动画刚开始的时候,屏幕...

经验教程

976

收藏

54
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部