AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

经典网页设计：使用颜色滤镜效果的20个网站

2014-11-17 771
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此，设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩，并在其上放置其他的网页设计元素。

　　大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此，设计师使用创意的 Photoshop 滤镜和渐变来在图像上创建一个遮罩，并在其上放置其他的网页设计元素。这种新鲜的设计给网站带来独特的光泽。

　　在此，我把在网页设计中应用创意的颜色滤镜的20个优秀网站例子集合在一起。我希望这些网站会给你灵感，帮助你创造类似的效果。向下滚动并享受！

您可能感兴趣的相关文章

 

Newtown Running

20 Examples of Creative Using Color Filters in Web Design

Ingram Cole and Land

20 Examples of Creative Using Color Filters in Web Design

LoveDays

20 Examples of Creative Using Color Filters in Web Design

Hype Agency

20 Examples of Creative Using Color Filters in Web Design

Solid Giant

20 Examples of Creative Using Color Filters in Web Design

Unyktv

20 Examples of Creative Using Color Filters in Web Design

Underbelly

20 Examples of Creative Using Color Filters in Web Design

Zimya

20 Examples of Creative Using Color Filters in Web Design

Joyce Van Herck

20 Examples of Creative Using Color Filters in Web Design

Evoluzione Telematica

20 Examples of Creative Using Color Filters in Web Design

The Place

20 Examples of Creative Using Color Filters in Web Design

6eme Festival

20 Examples of Creative Using Color Filters in Web Design

Parallax

20 Examples of Creative Using Color Filters in Web Design

JOGA +1

20 Examples of Creative Using Color Filters in Web Design

ASCAP

20 Examples of Creative Using Color Filters in Web Design

 
您可能感兴趣的相关文章

 

英文链接：20 Examples of Creative Using Color Filters

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。

文章标签：
前端开发
HTML5
移动开发
秋天风景
目录
相关文章
游客fz577umxdejsg
|
5月前
|
前端开发 搜索推荐 容器
创意按钮，触手可及：CSS不规则形状效果揭秘！
创意按钮，触手可及：CSS不规则形状效果揭秘！
游客fz577umxdejsg
97 0
星河造梦坊丨程序开发
|
5月前
|
图形学
小功能⭐️Unity动态更换天空盒、旋转天空盒
小功能⭐️Unity动态更换天空盒、旋转天空盒
星河造梦坊丨程序开发
255 0
朝阳39
|
6月前
|
前端开发
css特效——Photoshop选区（动感的虚线选框，支持不规则的选框）
css特效——Photoshop选区（动感的虚线选框，支持不规则的选框）
朝阳39
40 1
程序边界
【笔记】一行样式，整站黑白
一行样式，整站黑白
程序边界
74 0
【笔记】一行样式，整站黑白
诸葛小愚
|
前端开发
脑洞大开：如何使用CSS实现自定义圆角虚线框
在CSS中，我们常用`border`来表示一个元素的边框样式，也可以使用`border`来绘制简单的分割线。最近遇到一个项目，需要用虚线来显示元素的边框。初步一看，这不很简单嘛，一行代码搞定`border: 1px dashed #ccc`。自我感觉良好，结果UI的同事直接提刀来了，“这是我想要的效果吗，我要的是……”。没办法，还是老老实实想办法解决自定义的虚线边框。
诸葛小愚
1004 1
脑洞大开：如何使用CSS实现自定义圆角虚线框
zuoben
Threejs专用天空盒素材，五种天空盒素材免费下载
Threejs专用天空盒素材，五种天空盒素材免费下载
zuoben
2028 0
爱原型设计
|
开发者
还在为黑白网页设计犯难？12款设计帮你轻松解决！！！
网页设计，色彩已成为设计师们提升页面视觉效果和吸引力的重要手段。而且，现今，随着互联网技术的日益发展进步，色彩的巧妙应用，也不再仅仅停留于能够给人以强烈视觉冲击的五彩斑斓。
爱原型设计
2358 0
秋天风景
|
前端开发 JavaScript 人工智能
Dripicons – 精美的扁平风格的免费矢量图标字体
　　Dripicons 是一个好看的免费图标集，有超过 90 个扁平风格的图标，适用在 Web 应用程序中使用，如：箭头，媒体，图表等等。 集合多种矢量格式（PSD，AI，EPS，PDF，SVG），也可以作为网络字体。
秋天风景
1405 0
秋天风景
|
HTML5 移动开发 前端开发
经典网页设计：12个使用醒目色彩的网站作品示例
　　在网页设计中使用醒目的色彩，无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战，但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例，设计师们并不避讳使用一些大胆和鲜艳的色彩，相信能带给你一些灵感。
秋天风景
996 0
秋天风景
|
Web App开发 前端开发
免费精美素材：一组充满吸引力的矢量徽章图案
　　徽章是设计中使用的基本元素之一，是帮助你销售产品和提升产品人气的非常有效的方式。如果你想让网页中的某个产品吸引用户的注意力，你可以给它加个徽章。下面分享一组充满吸引力的免费矢量徽章集合，赶紧收藏吧。
秋天风景
1043 0