先抛个结论：网页布景素材选对了，，，，，页面成效是加分项；；；；；；；；选错了，，，，，导航栏的字都看不清，，，，，内容再好也白费。。。。。。。。就这么现实。。。。。。。。?

布景这器材，，，，，好多人以为就是个装璜，，，，，轻易找张图铺上去完事。。。。。。。。真不是。。。。。。。。布景是页面的“地基”，，，，，它不抢戏，，，，，但决定了整块内容的观感基调。。。。。。。。你想想，，，，，打开一个网页，，，，，第一眼落到什么上？？？？？？？除了大标题，，，，，就是布景。。。。。。。。布景太花，，，，，文字被吞掉；；；；；；；；布景太脏，，，，，页面显得廉价。。。。。。。。这个度，，，，，比设想中难拿捏。。。。。。。。

先说最关键的一点

布景是给内容让路的，，，，，不是来抢戏的。。。。。。。。

好多新手容易犯一个错：看到一张好看的图就想往布景里塞。。。。。。。。了局呢？？？？？？？页面看起来像贴了张海报，，，，，正文底子没法读。。。。。。。。布景素材的主题工作是“渲染”，，，，，它要让远景的文字、按钮、图片都清明显楚，，，，，而不是让访客点进来先“鉴赏”你的布景图。。。。。。。。?

判断一张布景素材合不合格，，，，，有个土法子：把页面上的文字去掉，，，，，光看布景，，，，，它应该耐看但不刺眼；；；；；；；；再把文字放回去，，，，，它应该让文字更凸起，，，，，而不是让文字更难认。。。。。。。。能做到这一点，，，，，就算合格了。。。。。。。。

三类素材各有各的脾性

网页布景素材常见就三大类，，，，，摸清它们的脾性，，，，，选起来就不纠结。。。。。。。。

第一类是纯色和渐变。。。。。。。。这是最稳的底子，，，，，出不了大错。。。。。。。。纯色适合极简风格、文德粪页面，，，，，干净利落。。。。。。。。渐变色这几年很火，，，，，尤其适合科技赣注年轻化的产品，，，，，一个柔和的渐变能让页面立刻有档次，，，，，但把稳鼓和度别拉太高，，，，，不然看久了眼睛累。。。。。。。。?

第二类是纹理。。。。。。。。好比噪点、网格、磨砂、纸张质感这些。。。。。。。。纹理布景的益处是它不抢内容，，，，，但能给页面增长一点“手赣妆，，，，，让页面不那么枯燥。。。。。。。。出格适合博客、幼我主页、文化类网站。。。。。。。。纹理素材的关键是“细”——纹理太显著就成了图案，，，，，鹊巢鸠占。。。。。。。。

第三类是图片和插画。。。。。。。。这个最考验审美。。。。。。。。大图布景适合品牌展示、落地页、活动页，，，，，视觉冲击力强，，，，，但必须在图上压一层半通明遮罩，，，，，不然文字底子读不了。。。。。。。。插画布景更自由，，，，，适合有个性的产品，，，，，但插画风格跟整体品牌调性搭不搭，，，，，得先想明显。。。。。。。。?

分歧网站该配什么布景

没有全能的布景素材，，，，，只有适合不适合。。。。。。。。

企业官网，，，，，建议走纯色或浅纹理路线，，，，，蓝色系的渐变也是经典选择，，，，，显得专业、稳沉。。。。。。。。幼我博客，，，，，能够用暖色纹理或者低鼓和度的图片，，，，，带点幼我气质。。。。。。。。电商页面，，，，，布景要极简，，，，，白色灰色最稳妥，，，，，由于商品图自身就五花八门，，，，，布景再花，，，，，用户把稳力就散了。。。。。。。。?

还有一个场景容易被忽略：深色布景。。。。。。。？？？？？？？萍脊尽⒂蜗芬趁妗⒂笆永嗤居蒙钌季昂艹龀尚，，，，，但深色布景对远景配色要求极高，，，，，白字始终是最安全的，，，，，浅灰也行，，，，，千万别用亮黄色配深蓝色布景，，，，，那视觉成效太刺激了。。。。。。。。

这一步好多人搞错了

布景素材不是越清澈越好。。。。。。。。

好多伴侣找素材盯着“高清大图”，，，，，感触分辨率越高越好。。。。。。。。真不是。。。。。。。。一张布景图几MB，，，，，页面打开慢吞吞，，，，，访客早就走了。。。。。。。。布景素材的加载速度和清澈度之间要平衡。。。。。。。。纹理类、渐变类素材，，，，，几百KB就够用；；；；；；；；图片类的，，，，，压缩到视觉上不糊就行，，，，，别钻营原图直出。。。。。。。。?

另表，，，，，移动端适配肯定要看。。。。。。。。好多布景素材在电脑上挺好看，，，，，一得手机上就变了个样。。。。。。。。由于手机屏幕比例分歧，，，，，布景图可能被裁掉沉要部门，，，，，或者色彩失真。。。。。。。。选素材的时辰，，，，，优先选那种“中央内容不关键”的图，，，，，这样不论什么屏幕尺寸，，，，，裁切后都不影响观赣祝。。。。。。。

找素材其实没那么神秘

不少人来问布景素材去哪找，，，，，其实渠路就那些：国表的免费图库，，，，，打开率高，，，，，种类全，，，，，唯一弊端是接见得看网络表情；；；；；；；；国内的设计素材站也有不少，，，，，风格更切近中文网站的使用习惯。。。。。。。。搜的时辰别只用“布景」剽个词，，，，，试试“纹理”“渐变布景”“抽象线条”“低多边形”，，，，，换着词搜，，，，，出来的了局差距很大。。。。。。。。?

分类网站里翻翻设计灵感，，，，，看到喜欢的网站，，，，，直接看它的布景怎么处置的，，，，，而后去找同类型素材。。。。。。。。这比珍藏一堆素材链接有效多了。。。。。。。。素材不在多，，，，，在相宜。。。。。。。。

网页布景素材这件事，，，，，说到底就是两个字：克造。。。。。。。。布景安安静静的，，，，，内容天然就立起来了。。。。。。。。你手头在用的那张布景图，，，，，经得起“把文字放回去」剽个测试吗？？？？？？？?