风景素材怎么用?来看这组把自然风光大图做背景的网页设计 - 优设-UISDC

风景素材怎么用?来看这组把自然风光大图做背景的网页设计

2015/08/25 14174评论区

scenery-background-website-design-1

@飞屋睿UIdesign :春暖花开的季节里,也许很多人已经谋划了丰富多彩的出游计划。就在饱览春光之余,你是否也想过拿那些放在电脑里,一年也懒得再打开看过一次的风景图再重新利用起来作为设计的素材呢?下面这以自然风景大图为背景的网页设计,看看他们是怎样利用自然风光来演绎自己的品牌?什么样的组织机构会用上这类设计?

在我看来,风景图是最易觅得的图片。很多人觉得美则美矣但很难与品牌形象关联起来,就像糖水片一样,让人觉得温情脉脉但总是缺点Powerful的东西。如果你还像我曾经这样幼稚妄想的话,现在是时候改变一下了。当然,蓝天白云是真的被炒了很多次的家常便饭,除了肚饿时,要做得好吃到哭泣也相当不容易,但是,我们仍然要对生活怀有遇见意外惊喜的神秘期待。

Marktplatznatur

春光明媚搭配人物场景,一个精油护肤品的品牌,让物质与精神生活联系了起来。

Uni-sapon

同样是日用品的官网,采用了浓密树荫的意向,在背景图上叠以文字。主色与图片色撞色搭配,显得生机勃勃。

Hogeveluwe

一个国外公园的官方网站,首页采用了公园里一群少年出游公园的场景。对于很多以风景名胜为主题的网站,可以考虑采用这类加以现实人物的生活照为大图的背景,这也许比单单使用风景图来得更有感染力。

Hotelesencia

一个酒店的网站,首页使用的是手绘式的风景图片,这是个很特殊的例子。采用手绘风格的时候,让人感觉更温暖。

Baskgilimeno

同样以景区作为主题的网站,以风景为背景搭配文字介绍,这已经是一经典配置。当然,对风景的角度选取要尽量标新立异,比如这个案例里选用高空鸟瞰的角度,和清澈海滩的海浪作为背景。

Oneabode

一个专业提供花园景观设计的服务机构,运用了花草作为背景,背景图展现一种由远及近的动态效果,让人身临其境。文字等其他元素保持简洁清爽,突出信息和品牌特点。

Flyjetedge

一个提供私家飞行定制服务的机构,选用的在飞机上鸟瞰到风光的视角作为网站的大图背景,为用户带来真实的感官体验。

Webarts

为企业提供品牌创意设计的服务机构也可以选用这类更加新颖的视角作为网站的大图背景,让一群员工在森林里聚会,这本身传递出了一种讯号,这个讯号是想告诉用户他们的团队的工作状态。

Childrens2012

美国一个州的政府机构,为儿童提供医疗保健的社会服务。网站的首页选用一个在青草地上仰卧的小女孩的侧脸,寓意丰富,场景感染力很强。

Mainequarterly

以缅因州的人文和自然风情为主题的网站,吸引游客,更多是推广自己的品牌理念。采用自然风景主题,相应将色系调至暗淡,主要在于突出文字。

Anotherescape

这是我比较喜欢的一个网站,网站本身也是一个阅读杂志,将生活用一种有趣的方式记录下来,分享给大家。选用的风景照,志在形成一种对“逃离”和“叛逆”的向往。

Mc3

虽然是开发网站和APP的所谓“网络科技公司”,但他们也大胆地使用了和科技看上去毫无关联的群山和天空的图片作为网页的大图背景,而又加上线条作为背景,和一个动画的仿佛正在转动的仪表盘一样的LOGO设计,为网站增加了部分科技感。

Lula

手工饰品设计的网站,和时尚似乎有着某种联系。将模特放置于明媚风光里,作为幻灯片展示,而不是直接使用产品。这样传递的信息似乎更多,也更加平易近人。

Milescalder

乐队的网站选用一张安静的风景图作为首页,在此展示音乐的精神。

Agrivault

一个以售卖企业内部系统软件的公司,他们选用一片乡间小路作为背景大图,搭配了相称的文字。

Frank bow

摄影师运用风景图作为网站的大图背景真的再贴切不过,而对风景图也大有玄机。这里选用了山间云雾,经过调色,美得窒息。

【飞屋同学的私家精品教程人气榜】

TOP 1:教你快速搞定大受欢迎的多边形背景!
《AI新手教程!教你简单快速地将图片变成多边形背景》

TOP 2:手把手教你找到免费优质的高清大图!
《私家好货!设计师的高清图库收藏夹(附使用技巧)》

TOP 3:让配色变得特别方便简单的新手教程!
《配色弱有救了!教你利用图片创建独有的色彩方案!》

作者:@飞屋睿UIdesign

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/scenery-background-website-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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