那些令人惊叹的与自然风景有关的网页设计这篇文章中,采用了自然元素作为网页设计的主题。而本期,我们将谈谈人类文明的璀璨明珠——城市。

26个以城市为视觉核心的流光溢彩的网页设计

via:Szende Brassai / Adline

以城市作为背景的网页设计,一般取材摩天大楼以及商务中心,俯瞰城市万家灯火,种种感受油然而生,这就是设计师想要达到的效果。
或是宏伟壮观,或是高贵典雅,这便是城市背景图片所能打造的氛围。
下面收集了一些这种类型的网页设计,感触各不相同。

Exclusive Italian Tours.

奢华的城市,专业的拍摄手法,美丽的意大利城市在呼唤着游客。

26个以城市为视觉核心的流光溢彩的网页设计

9 Design Street

雄伟壮观的城市鸟瞰图巧妙的结合了Logo,标题以及按钮。

26个以城市为视觉核心的流光溢彩的网页设计

Fima

流光溢彩,我们生活的全景,粉色荧光的路具有某种象征性意义。非常纤细的白色字体非常好的中和了背景图片中紧密的建筑。

26个以城市为视觉核心的流光溢彩的网页设计

GIGI Secure Messaging

色彩缤纷、动态十足的即视感,膨胀的字体和图标显得非常突出,再华丽的背景,也只能是背景。

26个以城市为视觉核心的流光溢彩的网页设计

Sweet Leaf Tea

独一无二的设计,美好岁月的缅怀,这是这个网站带给我们的感受。字体设计也很独特。

26个以城市为视觉核心的流光溢彩的网页设计

A.W.M. Web Agency

高处俯瞰的城市全景,现代感立马就出来了。黑白的内容微件看起来非常的干净整洁。

26个以城市为视觉核心的流光溢彩的网页设计

Cost of Living Index.

简洁,壮观,大气。

26个以城市为视觉核心的流光溢彩的网页设计

Solidiance

很抓眼,除了主页,内页也采用了垂直视差滚动设计,都包含了一些非凡的城市建筑图像。

26个以城市为视觉核心的流光溢彩的网页设计

Valencia DMC

垂直视差滚动设计,引导用户的视觉路径,登陆页有一个很大的图像滚动栏,气势恢宏的城市图片一张接着一张。

26个以城市为视觉核心的流光溢彩的网页设计

Official website of Becherovka

神秘而又形象的视觉语言,带你回到古代的捷克,不过稍微有点传统。

26个以城市为视觉核心的流光溢彩的网页设计

Dakic Online LLC. Website

遇上一个截然相反,新潮的设计风格,年轻的现代城市,晴朗的天空。

26个以城市为视觉核心的流光溢彩的网页设计

The Space InBetween

这是一个图片为主的网站,简单的白色字体便能充分吸引注意。

26个以城市为视觉核心的流光溢彩的网页设计

Future Bristol Low Carbon 2050

很艺术、很有城市情怀。同一座城市两种不同的发展,图像很符合"低碳"的主题。

26个以城市为视觉核心的流光溢彩的网页设计

Starmatic

这是一款iOS应用,与照片相关。模糊的效果打造出轻快的城市风格,轮廓简洁的标题以及滑动的iPhone图片,很有趣。

26个以城市为视觉核心的流光溢彩的网页设计

Cropp

电商网站,巧妙的采取了做旧感的现代城市街头,网格线布局让整个设计井然有序。

26个以城市为视觉核心的流光溢彩的网页设计

Spade

大都会,星光闪烁,深灰色、亮红色以及白色的三色搭配很地道。

26个以城市为视觉核心的流光溢彩的网页设计

Dassel und Wagner

颜色加深的图像代,每个大城市都有的一幕——上班高峰期的人流。布局紧凑的白色粗字体标语,对比相当纤细的注释字体,让整个页面看起来非常的大气。

26个以城市为视觉核心的流光溢彩的网页设计

Visit Bruges

纯净,端庄,留白区域不小。纯色的动效背景展现了城市的魅力。

26个以城市为视觉核心的流光溢彩的网页设计

CTD Graphicx

神秘的黑色,村庄中的一条小径。

26个以城市为视觉核心的流光溢彩的网页设计

Website of Antonio Errigo

城市图片作为背景,和前景元素诸如"欢迎信息,内容以及微件"搭配的很好。

26个以城市为视觉核心的流光溢彩的网页设计

O2 Tracks

摩登时尚,图片滑动。

26个以城市为视觉核心的流光溢彩的网页设计

Everest Security.

蓝色作为整体设计的核心色,让人感觉非常值得信赖。蓝色的都市夜景,让人感觉非常商业化。

26个以城市为视觉核心的流光溢彩的网页设计

Mint Twist

色彩光然,内容有趣,Metro化风格。

26个以城市为视觉核心的流光溢彩的网页设计

Portfolio of Herman Miller

使用视频作为背景,可以快速的展示座右铭的深层内涵。

26个以城市为视觉核心的流光溢彩的网页设计

Startupflyer

美妙的云,飘逸的纸飞机带你飞到城市的高空,富有现代感的城市中心可以迅速吸引用户注意。

26个以城市为视觉核心的流光溢彩的网页设计
The defectors

非常做旧的外观:深绿色的城市,军事风格主题。黑色背景和粗野的字体。

26个以城市为视觉核心的流光溢彩的网页设计

结论

以城市映像作为设计的元素或者主题,能够打造非常好的视觉效果。以及一种世界风的氛围,如果想让网站看起来更专业严肃,更大气上档次,可以试试"城市"这一主题。

原文地址:designmodo.com
优设网翻译:@MartinRGB
转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量49万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

26个以城市为视觉核心的流光溢彩的网页设计
 

收藏
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。