展示如何使用彩色滤镜创造奇妙的网页设计

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

都说人的创造力都是无限的,像纯色和渐变这样简单的色彩,在设计师手里竟然能创造出不一样的网页效果。当然ps的功劳也不可小看,它的滤镜效果强大是其它软件没可比的。彩色滤镜能给网站耳目一新的外观,却不会增加负担 。下面有一些采用滤镜的网页设计例子,你值得一看。

Zimya

着陆页带有一层美妙的半透明渐变,立刻唤起积极温暖的感觉。从紫红色到橙黄色,遮罩层华丽的颜色令人着迷。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Red Collar

平滑的半透明渐变极大地丰富了背景图——这家机构的视觉象征。它增添了几分独特,,不仅与整个场景形成互补,也形成了热情洋溢的氛围。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Ingram Cole And Land

这个网站基于一些非常棒的赏心悦目的效果,这不仅指它的动画,还有成功贯穿整个网站设计的照片处理手法。从紫色到粉色,温暖而微妙的渐变,使欢迎页面看起来相当美妙奢华。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Adopt Wales

设计师在视频背景上覆盖了一层迷人的粉色渐变,营造了亲切友好的氛围。颜色与透明度的选择很好地突出了上面的元素。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Snippet App

对于更喜欢创造冷静与便捷的整体感观的人而言,蓝与白的结合是非常有用的。设计师实际上用了三种色调,不过这两者占据主要地位。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Joyce Van Herck

Joyce Van Herck是名高端艺术家,她的在线作品集网站嵌入了优美的几何图形。甜美的半透明渐变使斜线拥有活力,加强了这种愉悦的氛围。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Electric Mainline

和前面提到的Snippet App很像,设计师运用了蓝白混合。不论如何,低透明度的遮罩层,使用户欣赏其背后那张扮演主角的背景图。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Solid Giant

使用粉色是为了解决几个问题。首先,它能有效地突出标语、logo、导航和微妙的白色幽灵按钮;其次,它建立了一种轻松的氛围;最后,它体现了品牌特征。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Invelab

同样,设计师试图在背景与前景之间营造完美的对比,同时也将注意力引向工作室的图片。明亮的紫色有效地与白色形成互补。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

M2B

欢快的半透明渐变强化了网站的视觉表现。正由于采用了这种方式,全新的色彩使得背后的图片陡然增色。而白色被用作一种补充色,使内容看起来醒目。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Lovedays

设计师在欢迎页面上运用了扁平风格 。极简设计只包含了几个轮廓式元素、简洁的字体、朴素的按钮,还有城市背景图。后者与半透明的蓝色相配合,增加了可读性。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Numero Neuf

首页的特色是大量基于图片的导航,每一项都覆盖了一层黑色半透明滤镜。这种方式很常用:如果你想为文字营造完美的对比,并淡化菜单项,很自然就应该将注意力引向某个选中的项。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Evoluzione Telematica

绿色使人联想到正能量,此处就是这么用的。明亮的色调与白色共同建立了一种积极的形象。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

The Place

这位设计师借极简主义的方式重现了优雅。所选的颜色反映了网站的个性,统一了视频样式。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

The Obbaki Foundation

颜色可以提升感观的协调程度。它丰富了网站的主题,同时轻而易举加入了一些戏剧性效果,对整体氛围有一定贡献。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Studio Up

这个机构通过迷人的效果展现了一个视觉差滚动的介绍页面,向普通用户证明了他们熟稔网页流行趋势。每一页都有其独特的颜色,覆盖在动态的背景上,用以突显其内容。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Hype Agency

设计师在焦点区域挥洒了一整片的橙色,为网站营造了恰当的积极的氛围。另一种颜色则是白色,非常明亮并融入其中。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Louis Currie

Louis Currie不满足于单一颜色;他用了一整套不同的蜡笔色调交替展示。这个网站绝对能体现他敏锐的色彩感与协调感。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Grey Group

华丽的青绿色覆盖了首页,像一层没有重量的轻纱,强化了这个网站井然有序的外观。轮廓式图形和幽灵按钮很好地突出并积极配合主色调。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网


浏览网页

Papertelevision

薄薄一层明亮多彩的颜色赏心悦目,伴随着每个主要部分。首页的深紫色几乎不容易注意到,但它仍然能使页面活泼有趣。

如何使用彩色滤镜创造奇妙的网页设计 - 设计达人网

 收藏