当前位置:网站首页 / 建站知识 / 网站设计知识

以城市为视觉核心的网页设计

来源:未知时间:2014-10-06 12:15点击:

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

以城市为视觉核心的网页设计

via:Szende Brassai / Adline

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

下面收集了一些这种类型的网页设计,感触各不相同。

Exclusive Italian Tours.

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

以城市为视觉核心的网页设计

9 Design Street

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

以城市为视觉核心的网页设计

Fima

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

以城市为视觉核心的网页设计

GIGI Secure Messaging

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

以城市为视觉核心的网页设计

Sweet Leaf Tea

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

以城市为视觉核心的网页设计

A.W.M. Web Agency

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

以城市为视觉核心的网页设计

Cost of Living Index

简洁,壮观,大气。

以城市为视觉核心的网页设计

Valencia DMC

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

以城市为视觉核心的网页设计

Official website of Becherovka

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

以城市为视觉核心的网页设计

Dakic Online LLC. Website

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

以城市为视觉核心的网页设计

The Space InBetween

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

以城市为视觉核心的网页设计

Future Bristol Low Carbon 2050

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

以城市为视觉核心的网页设计

Starmatic

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

以城市为视觉核心的网页设计

Cropp

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

以城市为视觉核心的网页设计

Spade

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

以城市为视觉核心的网页设计

CTD Graphicx

 

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

以城市为视觉核心的网页设计

Website of Antonio Errigo

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

以城市为视觉核心的网页设计

O2 Tracks

摩登时尚,图片滑动。

以城市为视觉核心的网页设计

Everest Security

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

以城市为视觉核心的网页设计

Mint Twist

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

以城市为视觉核心的网页设计

Portfolio of Herman Miller

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

以城市为视觉核心的网页设计

Startupflyer

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

以城市为视觉核心的网页设计

The defectors

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

以城市为视觉核心的网页设计

结论

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