一组沉稳有范儿的黑色系优秀网页设计(2)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词
We Make Awesome

一组沉稳有范儿的黑色系优秀网页设计

同样沿袭这黑白强对比的设计,We Make Awesome 的页面中黑色背景中使用了许多高透明度的文字叠加在黑色的背景中,视觉重心用的是大标题,粗糙锐利的白色笔刷字体加红色的点缀,醒目又不单调。

Brio

一组沉稳有范儿的黑色系优秀网页设计

Brio 的首页被分为三个部分,欢迎访客的文案区、邮件订阅框和一组照片,黑色让整个页面显得沉稳而安定。

Eau de Design

一组沉稳有范儿的黑色系优秀网页设计

点缀在黑色背景和白色文字中的金色横线点亮了整个页面,黑色背景中若隐若现的图案和渐变的文字让页面有了纵深和层次,不再单调。

Video Mapping Loops

一组沉稳有范儿的黑色系优秀网页设计

深沉的黑色背景让白色的文字非常显眼,整个页面的设计则采用了经典的单页设计,视频、图片、文字、动画等元素在页面中大多以视觉中心的形式存在。

FS Millbank

一组沉稳有范儿的黑色系优秀网页设计

FS Millbank 的页面设计同样也是以吸引用户注意力见长,页面设计的重心在于呈现新的字体族。黑白极简风之下,设计师将全新的字体族以不同的尺寸、透明度错落地呈现出来,打造出优雅而漂亮的布局。同样的,,设计师将箭头用黄色标识出来,引导用户点击继续查看。

Raphael Malka

一组沉稳有范儿的黑色系优秀网页设计

Raphael Malka 在页面的装饰和配色上总的是更传统的方式,他对于极简风有着明显的倾向。近年流行的幽灵按钮、汉堡图标和一些用户体验设计,都可以在这个看起来很简单的网页中找到。

Music

一组沉稳有范儿的黑色系优秀网页设计

作为一个音乐网站,霸气十足的字体效果在黑色的映衬下显得更加突出,同时也突出了整体的神秘感。

Bind Film

一组沉稳有范儿的黑色系优秀网页设计

黑色的背景不仅仅是让网站的内容更突出了,巧妙的布局让黑色作为留白的功能更加突出,黑色也使得导航栏中的内容显得更加明显了,换成白底效果会明显差很多。

Dream and Reach

一组沉稳有范儿的黑色系优秀网页设计

半透明的黑色图层让底部的图片和内容能被看到,但是又不会造成干扰,在这种背景上,两个明显的动作召唤按钮给用户带来了畅快的体验。

Mix Event

一组沉稳有范儿的黑色系优秀网页设计

活泼有趣的图片叠加上了黑色半透明层作为背景,营造出与音乐相关的氛围,华丽复杂而复古的黄色徽章在整个页面中是最显眼的元素,它与整个网站主题贴合而又足够有气场,独特的色彩也使得它成为了页面的中心焦点。

Authentic Form and Function

一组沉稳有范儿的黑色系优秀网页设计

如画的风景被制作成为黑白照片背景,金色和白色的文字在整个排版设计中起到了关键的作用。配合上动画图标和独特的布局,页面给人的印象非常深刻。

Trif

一组沉稳有范儿的黑色系优秀网页设计

Trif 拥有一个另类而神秘的首页,黑色系的页面中白色的几何图案构成的短动画不停地循环播放,突出的视觉设计让访客对这个页面欲罢不能。

Romeo Fragt Julia

一组沉稳有范儿的黑色系优秀网页设计

这个以视觉设计为导向的网站并没有使用多种多样的UI元素,一切设计都是围绕着突出图片内容。

Serapian

一组沉稳有范儿的黑色系优秀网页设计

对于时尚圈而言,黑色的色调总能带来神秘、奢华、低调的质感,不论是作为产品色还是衬托色。所以,在设计页面的时候这位设计师为了突出这个深蓝色的皮质手包,采用了黑色的背景,配合金色的纹理增加质感。

原文地址:designmodo
优设译者:@陈子木

 收藏