备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

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

2014-11-17 730
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　大的背景图像已经成为了今年网页设计的趋势。在图像排布文本和按钮并很好的搭配相当具有挑战性。因此，设计师使用创意的 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
移动开发
秋天风景
目录
相关文章
爱原型设计
还在为黑白网页设计犯难？12款设计帮你轻松解决！！！
网页设计，色彩已成为设计师们提升页面视觉效果和吸引力的重要手段。而且，现今，随着互联网技术的日益发展进步，色彩的巧妙应用，也不再仅仅停留于能够给人以强烈视觉冲击的五彩斑斓。
爱原型设计
2296 0
嗯哼9925
|
算法 前端开发 内存技术
没有素描色彩基础适合学习UI吗，如果可以，该怎么学？
  文章背景，来自[ UI设计交流群 - 92588284 ]的一次探讨，由于个人视野有限，个中观点有失狭隘，仅供参考，欢迎拍砖： 问题一：一个朋友想学UI设计，没有任何基础的，也没有美术功底，想问问有经验的人需要多久能学会？想从事UI设计这方面的工作！ 问题二：深圳有好的UI培训班吗？ 问题三：我了解的有一个培训的，是上午学画画，下午上课，学习6个月。
嗯哼9925
1749 0
异步社区
|
API
《Photoshop修饰与合成专业技法》—第1章利用图层样式改进抠像
<span style='letter-spacing:1px'>本节书摘来自异步社区《Photoshop修饰与合成专业技法》一书中的第1章利用图层样式改进抠像，作者【英】Glyn Dewis（格林·杜伊斯）,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
异步社区
875 0
秋天风景
|
Web App开发 UED
色彩运用：10个最新的黑色风格网站作品
　　决定何时实用黑色可能会非常棘手，但决定应始终关注时候能够加强内容和用户体验。如果黑色颜色被正确使用，可以产生大胆的冲击视觉，抓住网站访问者的注意力。 　　在下面的展示中，你将看到在每个站点，黑色的运用都是恰到好处，值得借鉴。
秋天风景
816 0
秋天风景
|
移动开发 前端开发 HTML5
独特设计！插图和手绘元素在网页设计中的使用
　　插画和手绘元素可以​​突显网站的个性，从而抓住用户的注意力。如果你的网页还没有跟上插图的潮流，有几种方法可以将这些元素用在你的项目中。您可以给网页添加微小的插画图标，手绘图标或者大胆的插图背景。下面的例子将告诉你，如果使用得当，图文并茂，可以非常有效的表达含义。
秋天风景
838 0
秋天风景
|
前端开发 JavaScript 人工智能
Dripicons – 精美的扁平风格的免费矢量图标字体
　　Dripicons 是一个好看的免费图标集，有超过 90 个扁平风格的图标，适用在 Web 应用程序中使用，如：箭头，媒体，图表等等。 集合多种矢量格式（PSD，AI，EPS，PDF，SVG），也可以作为网络字体。
秋天风景
1339 0
秋天风景
|
HTML5 移动开发 前端开发
经典网页设计：12个使用醒目色彩的网站作品示例
　　在网页设计中使用醒目的色彩，无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战，但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例，设计师们并不避讳使用一些大胆和鲜艳的色彩，相信能带给你一些灵感。
秋天风景
952 0
秋天风景
|
前端开发 Go
字体排布艺术：30例可圈可点的版式设计欣赏
　　排版是在平面设计领域展示您设计技巧的最佳方式。排版或字体设计的惊人的艺术作品和创意排版工作给予了设计爱好者们极大的灵感。在这个展示中，我们拥有美丽的艺术品类，如字体设计，刻字和图文并茂的排版。 　　版式设计是很精美，也是大的流行趋势。
秋天风景
1286 0
秋天风景
网页素材精品：一组五彩缤纷的免费矢量背景素材
　　设计师们都非常喜欢免费的矢量背景和矢量图形素材，这些素材能够帮助他们快速的完成设计项目，既节省了时间，又有很好的效果。下面是从网上收集的一组五彩缤纷的免费矢量背景素材分享给大家，记得收藏啊。 您可能感兴趣的相关文章 分享最新20套漂亮的网页背景纹理素材 分享35套非常不错的抽象纹理背...
秋天风景
874 0
秋天风景
|
前端开发 HTML5 移动开发
优秀网页设计：使用纹理的20个华丽示例
　　纹理的使用非常广泛：网站，横幅，LOGO以及名片等很多场合都会使用。使用纹理的最大好处是能够帮助设计师节省大量的时间，不需要自己去制作图形。同时，纹理能够让你的设计项目更有趣，更有个性。下面是20个使用纹理的华丽的网站实例。
秋天风景
724 0

热门文章

最新文章

  • 1
    疑犯追踪第一季/全集Person Of Interest迅雷下载
  • 2
    【直播系列之一】1篇文章看懂峰值带宽、流量、转码、连麦、截图五大直播计费方式
  • 3
    理解事务的4种隔离级别
  • 4
    阿里云网站域名备案流程全过程讲解(图文)
  • 5
    在服务器的raid1中安装windows server系统（踩坑记录）
  • 6
    如何用Vue实现简易的富文本编辑器，并支持Markdown语法
  • 7
    怎么才能快速提高小程序留存率！
  • 8
    程序员请放下浮躁的心
  • 9
    如何解决域中普通用户只限于10台客户机加入域的数量问题
  • 10
    博客园模板 样式优化
  • 1
    未来技术纵横谈：区块链、物联网与虚拟现实的融合与创新
    34
  • 2
    软件体系结构 - 缓存技术（9）缓存穿透
    30
  • 3
    提升Android应用性能的实用技巧
    31
  • 4
    工具变量法(两阶段最小二乘法2SLS)线性模型分析人均食品消费时间序列数据和回归诊断（下）
    32
  • 5
    软件体系结构 - 缓存技术（8）缓存雪崩
    35
  • 6
    软件体系结构 - 缓存技术（7）Redis持久化方法
    36
  • 7
    Python用KShape对时间序列进行聚类和肘方法确定最优聚类数k可视化
    24
  • 8
    软件体系结构 - 缓存技术（6）淘汰策略
    31
  • 9
    基于R语言股票市场收益的统计可视化分析
    34
  • 10
    软件体系结构 - 数据分片（2）一致性哈希分片
    35

    • 相关电子书

    更多
  • 骨骼动画实践
  • 3D动画的菜谱式灯光与云渲染
  • 低代码开发师（初级）实战教程

    • 相关实验场景

    更多
  • 【图生图】一键部署3D卡通风格模型
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）