超赞!精致典雅引人注目的黑色系网站设计

2013-11-15    蓝蓝设计的小编

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

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

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

Hotel Bourg Tibourg

有同学喜欢玩黑白配,但是却一直不得要领,总设计不出让人眼前一亮的佳作出来?今天就让我们来这些优秀案例里找原因。

深色的背景看起来具有神秘感,能提供前景元素、背景元素的高度对比。有了黑色的铺垫渲染,任何一个色彩都可以轻易在它之上焕发光彩。
那么怎么才能更好的在网页设计中运用深色背景呢?想要成为一名”高级黑”设计师吗?先来欣赏本文的绝赞范例吧。

The Blue Cube

外观整洁干练,对照鲜明。黑色背景凸显了白色文本。

The Blue Cube

Employour

全屏幕的图像背景营造出一种工作氛围。同时感觉非常开放、可读性高。

Employour

Welcome Web Studios

都市氛围感极强,霓虹一般的发光字体凝聚了整个主题。

Welcome Web Studios

Hotel Bourg Tibourg

精致典雅的氛围自然由黑色营造。

Hotel Bourg Tibourg

Tower Films

聪明的利用夜空打造了一种似纯黑非纯黑,精致而又对照感强烈的背景。

Tower Films

Tara Damiano

几何图形对角线,模糊效果隐隐现。如果没有黑色,神秘感的氛围感就没了。

Tara Damiano

The Website Dedicated to Hashima Island

设计的很有魅力,亚洲风格的笔划提升了整个主题的质感,而黑色淳朴的背景也加分不少。

The Website Dedicated to Hashima Island

Shoot and Develop

极简主义,简约字体,朴素的灰度图像

Shoot and Develop

Quentin Leclercq

壮观的夜景,清晰的导航,透明框,纤细的字体,这都是看点。

Quentin Leclercq

Payback Time

层层铺垫,黑色背景,轮廓框,只为突出标题。

Payback Time

Martini

别样的手法,展现动感的图像,这么一对比,感觉还是黑白照片衬得好。

Martini

Lifesaver

促销品网站。灰度图背景是为了让用户注意前景。

Lifesaver

Snapwire

柔和、精致的散焦效果。很唯美。

Snapwire

Cody Sielawa

简单、另类的个人主页,通过种种手段,将用户的注意集中在中心的标题区域,好手法!

Cody Sielawa

Jacu Coffee Roastery

亮的发黑的咖啡豆,白色的字体脱颖而出。

Jacu Coffee Roastery

Magnasoma

抽象的背景,极大的愉悦用户的视觉。尽管背景仔细看上去很复杂,但是整体看上去却很简约,不错不错。

Magnasoma

Flandria

柔和的红、紫、橙,半调效果,让整个黑背景有一种神秘主义的感觉,大师的杰作。

Flandria

Alcyon

这个我们多次推荐了,不对称,动态感十足,优雅。

Alcyon

Eureka Software

纤细字体,多边形霓虹灯色彩的Logo,亮了。

Eureka Software

Mountain View

利用焦点、箭头的方向,打造出了一种动感和维度感,黑色背景让整体看起来很精致。

Mountain View

MediaBOOM

栅格线系统为基础的网页设计,黑色背景再次做了好衬托,让前景图片大发异彩。

MediaBOOM

Black Raccoon

氛围十足,搭配得当。

Black Raccoon

Image Conscious Studio

白纸黑字,再带一点醒目的黄,半调效果很棒。

Image Conscious Studio

Invictus

很细腻,交互性强,一直使用深色的背景

Invictus

总结:

白纸黑字,古人说的就是好,有了这种对比,阅读体验才会舒适。深色能够营造氛围,打造深邃焦点,和浅色对比效果极佳。

日历

链接

个人资料

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

存档